عرض مشاركة واحدة
قديم 02-23-2014, 02:39 PM   #1
Blog-Add
مدون نشيط
 
تاريخ التسجيل: Feb 2014
المشاركات: 124
افتراضي اضافة مواضيع ذات صلة في بلوجر - اضافات بلوجر

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

اقدم لكم اليوم اضافة مواضيع ذات صلة داخل كل موضوع في مدونتك علي بلوجر

الاضافة مفيدة لتظهر مواضيع ذات صلة بموضوع مدونتك ليفيد الزائر

الشرح :

نفتح صفحة القالب ثم تحرير HTML ثم البحث عن : </head>

نضف اعلاها الكود التالي :

كود PHP:
<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'/> 

ثم البحث عن : <data:post.body/>

واصف اسفلها الكود التالي :

كود PHP:
<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.bloggerexp.com'>
 <
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=10removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> </b:if> 
وتستطيع تغيير كلمة شاهد ايضا الي اي كلمه او تتركها كما هي

الدعم العربي

Blog-Add غير متواجد حالياً   رد مع اقتباس