معهد خبراء بلوجر - اضافة المشاركات الشائعة مع الصور المصغرة في بلوجر

http://2.bp.blogspot.com/-bjLDxA1eI3...r+blogspot.png

اتبع الخطوات التالية:

1. الذهاب إلى عناصر> تصميم> الصفحة
2. انقر على "إضافة أداة"
3. من النافذة المنبثقة، اختر HTML / جافا سكريبت
4. لصق التعليمات البرمجية التالية:

كود بلغة HTML:

<div class="eggTray">

<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"YOUR-BLOG/SITE-URL/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://com-pc.blogspot.com/2012/11/blog-post.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(http://3.bp.blogspot.com/-oxTuqVj1ziA/T6P6wtxqsgI/AAAAAAAACBE/wWR0bb2gfuE/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>

تغيير YOUR-BLOG/SITE-URL مع عنوان URL مدونتك
مثال : http://com-pc.blogspot.com وتوخي الحذر بدون اي رمز مائل "/" في نهاية عنوان موقعك

إعدادات
لتعطيل شريط التمرير، إزالة عدد 500 من "height":"500"
تغير رقم 8 الى عدد المشاركات التي ترغب بظهورها من "count": 8

5. حفظ القطعة الخاصة بك. وهذا كل شيء!

إذا كنت بحاجة إلى مزيد من المساعدة، اترك تعليقك أدناه.

المصدر : http://com-pc.blogspot.com/2012/11/blog-post.html