إضافة أداة مواضيع ذات صلة إلى مدونات بلوجر بطريقتين مختلفتين

إضافة أداة مواضيع ذات صلة إلى مدونات بلوجر بطريقتين مختلفتين

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

إن شاء الله نقدم لكم اليوم إخواني وأخواتي طريقتين لإضافة أداة

(مواضيع ذات صلة) أو (قد يعجبك هذا أيضا) 

أو (شاهد هذه المواضيع أيضا) أو (مواضيع أخرى قد تهمك)

بحسب ما يحلو لكل شخص أن يسميها

وطبعا فائدة هذه الأداة هي عرض مجموعة من المواضيع بطريقة عشوائية تظهر أسفل كل موضوع مما قد يجذب الزائر بعد قراءته للموضوع لقراءة موضوع آخر قد يفيده وهكذا

نبدأ بسم الله 

الطريقة الأولى 

وهي مشهورة جدا حيث يمكنك إضافة الأداة عن طريق موقع linkwithin والذي يسهل لك إضافة الأداة بأسهل الطرق

أولا : 

ادخل على هذا رابط الموقع من هنا linkwithin 

ثانيا :

اتبع الخطوات الآتية كما بالصور

وهذا هو شكل الإضافة

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

الطريقة الثانية

أولا :

احفظ نسحة من قالبك تحسبا لأي أخطاء

ثانيا :

اذهب للوحة تجكم المدونة ثم اختر قالب ثم تحرير HTML 

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

<data:post.body/>

قد تجد أكثر من واحد اختر الثاني في ترتيب الظهور

ثم ضع أسفل منه مباشرة الكود التالي

<!-- 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=6; 

var relatedpoststitle=&quot;مواضيع أخرى قد تعجبك أيضا&quot;; 

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://nahrelma3refa.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://nahrelma3refa.blogspot.com' style='display:none;'>EfadaBlog</a> 

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

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

غير nahrelma3refa  إلى عنوان مدونتك

ويمكنك تغيير مواضيع أخرى قد تعجبك أيضا حسب رغبتك

كما أن الرقم 6  هو عدد المواضيع التي ستظهر بالأداة يمكنك تعديله أيضا حسب رغبتك

ثالثا :

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

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

لتظهر الأداة بهذا الشكل

مع ملاحظة أن هذه الأداة ستظهر عقب نهاية الموضوع مباشرة

أرجو أن تعجبكم الأداة إن شاء الله

 دمتم في أمان الله

 ولا تنسونا من صالح دعائكم 

قسم / شروحات ومواقع (بلوجر أدسنس يوتيوب الربح)