-->

الخميس، 17 مارس، 2011

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

بسم الله والحمد لله
فى بعض المواقع الأجنبيه نشاهد ثنى فى الصفحه بمجرد الأشاره عليه بالماوس تظهر صوره برابط الأشتراك فى خدمه 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(http://lh6.ggpht.com/_u4rBCfM4eII/TRiCkY-MFKI/AAAAAAAAA6E/_JhJTgqJ8Ds/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

$(&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='http://lh3.ggpht.com/_u4rBCfM4eII/TRiCkeY9FmI/AAAAAAAAA6I/2PmdfgINlxk/page_flip.png'/></a><div class='msg_block'></div></div>
* والأن غير رابط خلاصات مدونتى برابط خلاصات مدونتك وإحفظ القالب
-- أى إستفسار تفضل بوضع سؤالك فى التعليق 
abuiyad

2 التعليقات:

electron-boy يقول...

هذه الاضافة بحثت كتير عنها ولم اجدها غير هنا
http://electron-boy.blogspot.com

ELECTRON BOY يقول...

بعد اضافة الاداة
ملاحظ انها تظهر في اسفل المدونة وليس اعلاها
كيف اجعلها تظهر في اعلي المدونه

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets