إضافة آخر المواضيع إلى مدونات البلوجر شكل رائع جدا 2013

28 April 2013

(9)

ْْْاضافة اخرموضيع المدونةمع مصغرات الصورة فى صندوق منفعل ولا يخد مساحة من القائمة الجنبية إضافة المشاركات الأخيرة بسيطة ولكن اليوم أريد أن أقدم لكم آخر المشاركات طيفة جداالاصافة التي تأتي جنبا إلى جنب مع الصور المصغرة المشاركات وملخص آخر كذلك. إذا كنت تريد أن تعرف كيفية إضافة هذه المشاركات الأخيرة

الزى يستخدومة هذا الاضافة من احد اصحاب المدونة والحصول على مشاركات الزوار وكسب الزائر فى مدونتك فطرة كبير انسح بستخدام الاضافة فى مدونتكم والحصول على مشاركات وتقييم المدونة لزوار

شكل الاضافة

Recent Posts Thumbnails Blogger Widget

شرح الاضافة شرح الاضافة فى مدونتك اذهب الى لوحه التحكم فى مدونتك ثم التخطيط ثم أضافه أداة اختار HTML/JavaScript ثم اكتب عنوان مثل أخر موضيع المدونة وأضف الكود التالى

<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"http://bilokr.blogspot.com/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://bilokr.blogspot.com/2013/04/2013_2731.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://helplogger.blogspot.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlHguxAHxPJCnPZXXCyxoXlzUSypmSnSLbtf6dwsqFUARghUKs3opmuqe9NSn6BicxJJZHJ_bKIxbf50glychyphenhyphenivGql1aK-DCwydfJG9-wYjlhUY69hG8LyfRIwOksmV-8fXJw4DZoaDo/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>