wm4arab

اضافة ادة مواضيع ذات صلة للبلوجر .
فلى هذا الموضوع سوف نتكلم عن طريقة اضافة اداة مواضيع ذات صلة فى مدونات بلوجر .
مما يسهل على القارىء رؤية مواضيعك بسهولة  و هي عبارة عن روابط لمقالات مقترحة من نفس المدونة يتم إضافتها تحت المواضيع حيث أن هذه العناوين تكون ذات صلة بالموضوع الذي يقرؤه الزائر مما يسهل عليه الإطلاع على مواضيع أخرى.و الجميل في ذلك أن هذه الروابط تكون مصحوبة بصور الموضوع, بدون إطالة عليك إتباع التعليمات التالية:

قم بالدخول للوحة التحكم الخاصة بالمدونة واختار قالب  ثم قم بتنزيل قالب البلوجر الخاص بك حيث لو حصل خطا نستطيع الرجوع لقالبنا الصلى
ثم تقوم باختيار تحرير html  ثم توسيع للقالب
وباستخدام     ctr+f
قم بالبحث عن الكود التالى :-

__________________________________________________________________________________
</head>
__________________________________________________________________________________
وقم بوضع هذا الكود فوقة مباشرة:
__________________________________________________________________________________
<!-- www.monte-escalier-prix.org Related Posts with thumbnails -->
< !-- 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:#d4eaf2;
}
< /style>
< script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-IWv9qoWGvAcz3ha3FDiG4CDn3ibkwaK8JTbklG548xiWUl2L0f50lTN_NyYbSFYPTuUnH2CBQDc0-97CtLoVDHyP5o2iXGKok6xN5kUI2ruTD66Wl2cCcdt8Slfb15hBnyzqENvZG_c/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع قد تهمك";
< /script>
< script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/>
< !-- remove --></b:if>
< !--www.pergola-bois-terrasse.org Related Posts with thumbnails -->
_______________________________________________________________________________
ويمكنك تغير كلمة قد يهمك لاى جملة اخرى
ثم قم بالبحث عن الكود التالى:
_______________________________________________________________________________
<div class='post-footer-line post-footer-line-1'>
_______________________________________________________________________________
وقم بوضع الكود التالى تحته :

_______________________________________________________________________________
<!-- www.monte-escalier.org 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://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='www.monte-escalier-prix.org' ><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-->
_______________________________________________________________________________
قم بحفظ القالب واذهب للمعاينة  ارجو ان يكون الشرح مفيد وواضح