اضافة المشاركات الشائعة مع الصور المصغرة في بلوجر ~ فأر تجارب

اليوم سنتعلم كيفية إضافة تطبيق المشاركات الأخيرة والتي تأتي جنبا إلى جنب مع الصور المصغرة .

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

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

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH9uARqLU2iBmruCg4lP1-QYmDbBP5_BuS0l2EJ0OAFVyitOkbk14-N-3Z2M7JN0m38hsx1jhyphenhyphenH9tIYLdM5QC7YzN-PrGlVcdFbAQAx0M3UgwldxNjn9UmiRbjaTkxGYXoYD3jh9ZeNTI/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. حفظ القطعة الخاصة بك. وهذا كل شيء!

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

بقلم مجدي خضر

نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع .

آخر الأخبار