طريقة تركب الاضافة مواضيع ذات صلة او اقرا ايضا اسفل النتدوينات فى بلوجر blogger

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

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

طريقة تركيب الاضافة :

قبل القيام بعمل اى بخطوة قم بحفظ نسخة من القالب تجنبا لاى اخطاء قد تحدث اثناء التعديل .

ادخل على القالب ثم تحرير

ابحث عن الكود التالى 

</head>

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

<!--Related Posts with thumbnails Scripts and Styles Start--> 

<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.3em; 

font-weight: bold; 

color: black; 

font-family: Tahoma, 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 src='http://sma-blogger.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> 

</b:if> 

<!--Related Posts with thumbnails Scripts and Styles End-->

ثم ابحث عن هذا الكود 

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

فى حالة عدم العثور على الكود السابق ابحث عن هذا الكود 

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

ثم قوم بوضع الكود التالى تحت الكود السابق مباشرة 

<!-- Related Posts with Thumbnails Code Start--> 

<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'> 

var currentposturl=&quot;<data:post.url/>&quot;; 

var maxresults=5; 

var relatedpoststitle="مواضيع ذات صلة"; 

removeRelatedDuplicates_thumbs(); 

printRelatedLabels_thumbs(); 

</script> 

</div><div style='clear:both'/> 

</b:if> 

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> 

<a href='http://www.efada.net' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.arb-teck.blogspot.com/' style='display:none;'>EfadaBlog</a> 

</b:if></b:if> 

<!-- Related Posts with Thumbnails Code End-->

ثم اضغط حفظ القالب و مبروك عليك الاضافة 

اترك تعليقك