إضافة شاهد أيضا تحت كل تدوينة

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

1 - أدخل الى لوحة تحكم بلوجر

2 - إضغط على قالب ثم تحرير HTML

3 - ضع العلامة على مربع توسيع قالب واجهة المستخدم ثم اضغط في الكيبورد على ctrl+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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnUIx2tbbAbkWxH-vi6F1dxxpjPqO-qXWcjO6VJ-ep6EHogPpjCaBeh-PezGZGfqH14CvJA2b4nwHCbY1QJITJc-PhS1R3Sk9DPZLRuG-BNIVltm_DrjhGNvvYGOI7gTeAvLfV35KLARA/s1600/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 - يمكنك استبدال الصورة Rss بصورة من تصميمك بنفس المقاييس 16*16 (الرابط باللون الأزرق)

7 - ابحث عن الكود التالي : <div class='post-body> أو <data:post.body/>

8 - بعد أن تجد أحد هذه الأكواد قم بوضع هذا الكود بعده مباشرة :

<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://www.bloggerplugins.org/2009/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='font-size: 11px; font-weight: normal;margin: 5px 7px 0;padding: 0 0 5px;background: none; color: #fff; font: 13px droidkufi-bold; padding: 5px 8px; background: #21b8ff; display: inline-block; border: none; height: 25px; text-shadow: none; box-shadow: inset 0px -3px 0px 0px #00AAEF; width: 130px;'>شـــاهـــد أيـــضـــا</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div>

9 - يمكنك تغيير "شاهد أيضا"  ب "مواضيع ذات صلة" مثلا كما يمكنك تغيير الألوان حسب ألوان مدونتك 

10 - قم بالحفظ و مبروك عليك الإضافة