وضع إعلان في أعلى المدونة
بسم الله الرحمن الرحيم
قد تلاحظ في الكثير من المواقع مثل هذه الحركة الجميلة و التي تزيد من جمالية المدونة و تعرض ما تريد أن يراه الزوار في مكان ظاهر و جيد.
قد تلاحظ في الكثير من المواقع مثل هذه الحركة الجميلة و التي تزيد من جمالية المدونة و تعرض ما تريد أن يراه الزوار في مكان ظاهر و جيد.
و للحصول على هذه الإضافة ما عليك سوى تتبع الثالي:
1- توجه إلى تصميم ثم تحرير HTML
2- إبحث عن الوسم <head/> عن طريق خاصية البحث Ctrl-F.
3- و تحت الوسم مباشرة ضع الكود الثالي
<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
</script>
الرابط باللون الأحمر هو لصورة التي ستضهر يمكنك تغيره برابط أخر
و إذا اردت ان يثم وضع الإضافة في أعلى اليمين من المدونة إبحث عن الوسم الثالي
#pageflip {position: relative
و غيره بهذا
#pageflip {position: top; top: 0
4- الأن إبحث عن الوسم الثالي <body> و ضع الكود الثالي خلفه مباشرة
<div id='pageflip'>
<a href='http://feeds2.feedburner.com/إسم الخدمة اللذي سجلت به'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>
</div>
الربط الأول هو الخاص بخدمة RSS أو يمكنك وضع أي رابط أخر لموقع أو مدونة أو منتج
أما الرابط الثاني فهو لصورة من الأفضل عدم تغيره
أما الرابط الثاني فهو لصورة من الأفضل عدم تغيره
5- إحفظ التغيرات و قم بمعاينة النتيجة.
تحياتي لك مع تمنياتي لك بالسعادة و النجاح
0 التعليقات: