موقع اعتراف

السلام عليكم سنتعلم اليوم كيفية اضافة  "شرح إضافة مواضيع ذات صلة او مواضيع من نفس النوع او متميزة تبحث عن لبلوجر  blogger adds related postssimilar posts widget for"


 وهذه طريقة سهلة للغاية


لمشاهدة مثال على الدرس

الشكل اللى بالأعلى هو الشكل النهائى للدرس

بسم الله نبدأ فى الدرس

1-ادخل بحسابك فى بلوجر واختار مدونتك
2-انتقل الى زر  التصميم
3- اختار تحرير html
4-ستجد مربع اسمه "توسيع قوالب عناصر الصفحة" علم عليه 
تذكير:لا تنسى أخي أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
 5-باستخدام (CTRL+F) ابحث عن

</head>

 ثم ضع الكود التالي فوقه :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#f2dbd3;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://sites.google.com/site/e3traaf/noimage.png&quot;;
var maxresults=5;
var splittercolor=&quot;#f2dbd3&quot;;
var relatedpoststitle=&quot;مواضيع ذات صلة &quot;;
</script>
<script src='https://sites.google.com/site/e3traaf/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

f2dbd3 : غيره الى اللون المناسب لو اللون عاجبك لا تغيره
مواضيع ذات صلة : يمكنك تغييرها الى ما تشاء مثل مواضيع هامه

ثم قم بالبحث عن الكود التالي :

<div class='post-footer-line post-footer-line-1'>

فإن لم تجده إبحث عن هذا الكود :

<p class='post-footer-line post-footer-line-1'>

ثم قم بوضع الكود التالي تحت الكود الذي وجدته من بين الكودين السابقين :

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://e3traaf.blogspot.com'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://e3traaf.blogspot.com/' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->  

اقبل استفساراتكم اى مشكلة ضعوها هنا
المصدر