اضافة آخر المشاركات مع الصور المصغرة للتدوينات

الرئيسية تطوير بلوجر كل اضافة آخر المشاركات مع الصور المصغرة للتدوينات

تطوير بلوجركل

اضافة آخر المشاركات مع الصور المصغرة للتدوينات

محمد عبد الوهاب 2

A+ A-

facebook twitter

لأننا نعلم جميعا أن فى بعض الأحيان آخر المشاركات تتوقف عن العمل وأنه هو القطعة مفيدة جدا لكل مدون، حتى هنا هو كيف يمكنك إضافة عنصر واجهة مستخدم آخر المشاركات / الأداة مع الصور المصغرة الخاصة بك لبلوق (blogspot أو نطاق خاص) مدون. انها بسيطة جدا.

 وإليك الخطوات التالية لإضافة أداة المشاركات الأخيرة مع الصور المصغرة إلى بلوجر:

1-انتقل إلى لوحة تحكم بلوجر

> تصميم> عنصر صفحة> إضافة أداة>> HTML/Javascript

2. نسخ الكود والصقه في مربع HTML / Javascript:

<div class="eggTray"><script src="https://sites.google.com/site/projectdigitaltomato/blogger/js/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list","pipe_params":{"URL":"http://YourOwnB1og.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://www.madtomatoe.com/recent-posts-widget-with-thumbnails-for-blogger/" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://www.madtomatoe.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;}.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAxTcaWun6EsjCs0CEjZ93WFWpKaKf8_bHRGiueSzfvdTTKZLyvXHfjtFZgj5k14aWN_5o6TE4FDu3Ai36HFALRY-TxFCaCUvbC564jRu7TJu5gEQMJLgsaFFXVsK6yjMpT6pZR46w4gM/s400/blgo.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>

للمدون الذي لا يريد قصها  (ملخص مدون بوست):

<div class="eggTray"><script src="https://sites.google.com/site/projectdigitaltomato/blogger/js/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list","pipe_params":{"URL":"http://YourOwnB1og.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://www.madtomatoe.com/recent-posts-widget-with-thumbnails-for-blogger/" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://www.madtomatoe.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:10px;}.pipesDescription {display:none;}.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAxTcaWun6EsjCs0CEjZ93WFWpKaKf8_bHRGiueSzfvdTTKZLyvXHfjtFZgj5k14aWN_5o6TE4FDu3Ai36HFALRY-TxFCaCUvbC564jRu7TJu5gEQMJLgsaFFXVsK6yjMpT6pZR46w4gM/s400/blgo.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>

3. في الكود السابق ابحث عن ...

{“URL”:”http://YourOwnB1og.blogspot.com/feeds/comments/default…

واستبدل ما باللون الأحمر برابط مدونتك

للنطاقات المخصصة، استبدل الكود التالى ...

 استبدل ما باللون الأحمر

{“URL”:”http://www.YourOwnB1og.com/feeds/comments/default…

4. إضافة عنوان. ثم حفظ

هذا كل شيء!

اختيار الإعدادات:

كيفية تغيير عدد المشاركات

بشكل افتراضي، يتم تعيين هذه القطعة لعرض كحد أقصى من 8 المشاركات الأخيرة. لتغيير هذا الرقم، تحرير خط رقم 4 في رمز (يرجى الرجوع إلى التعليمات البرمجية أعلاه لرقم السطر)، ويستعاض عن الرقم 8 مع عدد من الوظائف المطلوبة:

8}

كيفية إزالة شريط التمرير

لتعطيل شريط التمرير، وتحرير الخط رقم 4 وإزالة عدد 500:

8}

ما رأيكم في هذه القطعة؟

إذا كان لديك أسئلة أو اقتراحات، واسمحوا لي أن أعرف من خلال ترك تعليق أدناه.

الوسوم: تطوير بلوجر كل