كيفية إضافه قشره للصفحه أو صفحه مثنيه فى بلوجر

بسم الله والحمد لله
فى بعض المواقع الأجنبيه نشاهد ثنى فى الصفحه بمجرد الأشاره عليه بالماوس تظهر صوره برابط الأشتراك فى خدمه RSS FEEDS
وهى تعطى مظهر رائع جدا شاهد إسفل الصفحه من هنا  للمعاينه 
 وإضافته أكثر من سهله فقط إتبع الأتى
* سجل دخولك فى بلوجر
* لا تنسى أن تأخذ نسخه إحتياطيه من القالب
* إذهب إلى التصميم --> تحرير HTML--> ضع علامه فى خانة توسيع القالب
* إبحث عن هذا الكود 

</head>

* إنسخ الكود التالى وضعه مباشرة فوق السابق

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxkf8QMUgPro3I0xUzkrYjzwY4-w5f1luJwQaV3LUCx6gkmer44RJhV1DXduYDQl0Q6o7B7JrOSre2ROQJ_L_7UhyKN79aIOyUNNWpcBJJbSamnbalXxdqiC3Hr4OPLeNCMddxjeuvNrw/) 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

$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});


});
</script>

* والأن إبحث عن هذا الكود

</body>

* وإنسخ الكود بالأسفل وضعه مباشرة فوق السابق

<div id='pageflip'><a href='http://www.hend-moments.blogspot.com/feeds/posts/default'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8YTmWT8dNxPYpzG96X74nol1UNiUjOM4_ULt2tqkJQY4U5wRL3qRHHjz09XzAXfXB8gUqSwDHG4RPwz32o_DqHC-KXGYzpo79Hl9I7hWrCzl-V440RmxbDUENu591ZXZvkaiw56Zq70/'/></a><div class='msg_block'></div></div>

* والأن غير رابط خلاصات مدونتى برابط خلاصات مدونتك وإحفظ القالب
-- أى إستفسار تفضل بوضع سؤالك فى التعليق 

Share

Tweet abuiyad