اضافة اداة مواضيع ذات صلة او شاهد ايضاً فى البلوجر - الجزائري للمعلوميات

جديد التدوينات

24 أكتوبر، 2014

اضافة اداة مواضيع ذات صلة او شاهد ايضاً فى البلوجر

اضافات بلوجر

السلام عليكم ورحمة الله وبركاتة

كما نعلم جميعا ان اضافات البلوجر لا تنتهي ، ففي هذة التدوينة قررت ان اضع تدوينة تهم كل مدون الا وهي اضافة
 (مواضيع ذات صلة)
يجب ان تنتبة وان تركز معى فى جميع الخطوات
1:- اذهب الى لوحة تحكم المدونة ثم الى قالب ومن ثم تحرير HTML
2:- خذ نسخة احتياطية للقالب "من باب الحذر فقط"
3:- اضغط على cirl + f لتحرير مربع البحث داخل القالب
4:- ابحث عن </head>
5:- ضع هذا الكود فوقة مباشرتاً

<style> #related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #000000; } </style> <script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/>

6:- ابحث عن
<div class='post-body> أو <data:post.body/>

سوف تجد اكثر من واحدة الثانية هي المطلوبة (اذا لم تنجح جرب الاولى والثالثة لكنني متاكد الثانية هي المطلوبة)
ثم ضع الكود التالى 

<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://add-b.blogspot.com/2013/08/related-posts-for-blogger-widget.html'><img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a> <br/> <br/> <h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>شـــاهـــد أيـــضـــا</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> </b:if>

والان قم بحفظ القالب
(ملاحظة اذا لم يقبل قم بمسح كلمة </b:if )
وسيقبل بالتأكيد

ليست هناك تعليقات:

إرسال تعليق