المواضيع المشابهة والمرتبطة دلاليا مع الصور اسفل التدوينة.

لماذا المواضيع المشابهة  والمرتبطة دلاليا بالصور

تعتبر أداة المشاركات أو المواضيع المشابهة المرتبطة دلاليا لمدونات بلوجر من الإضافات المهمة التي تزيد  من جمالية المدونة، والأهم  من الجانب الجمالي هو زيادة عدد الصفحات المشاهة والوقت الذي يقضيه الزائر على المدونة. لأن الأداة تسمح بإظهار مواضيع مرتبطة دلاليا بما يقرأه وبالتالي إثارة انتباهه ودفعه لقراءة المزيد من المواضيع. وهو أمر مهم بالنسبة لفعالية سيو SEO.

إضافة أداة المواضيع المشابهة أو المرتبطة دلاليا

نموذج المواضيع المشابهة والمرتبطة دلاليا لمدونات بلوجر

دعونا نرى الآن طريقة إضافة أداة المواضيع المشابهة أو المرتبطة دلاليا على مدونات بلوجر عبر الخطوات التالية:

1 - فتح أداة تغيير القالب من واجهة التحكم في مدونتكم ستنقرون على قالب ثم تحرير HTML

2 -  بعد لنقر وسط كود القالب Ctrl+F من لوحة المفاتيح للبحث عن الكود التالي:

</head>

3 - فوقه مباشرة أضيفوا الكود التالي:

<style>

#related-posts {

float: right;

width: 650px;

border-bottom: 1px solid #ddd;

height: 290px;

}

#related-posts h2 {

margin-top: 50px;

border-bottom: 0px;

border-top: 1px solid #ddd;

padding-top: 20px;

margin-bottom: 10px;

color: #666;

font-size: 16px;

margin-right: auto;

margin-left: auto;

font-family: Tahoma;

}

#related-posts a {

font-family: Tahoma;

}

</style>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'>

var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDk_bkdmV6MV7XYNul7BSXiIAN4YkQfzr9jFMc_UmLmn-6iVMIENp05hl4Xq7QD4pKZfPpPiem3cWgjKgDjhyUNoh5yOK1HgMBLqGGBaBmykcAxz9UaysQc0D6dZDa5DSi0TSJc_CqBV42/s1600/no_image.jpg&quot;;

var maxresults=4;

var splittercolor=&quot;#fff&quot;;

var relatedpoststitle=&quot;لا تنسى مشاهدة:&quot;;

</script>

<script src='https://e8d96b6c7de0cad3de23ddbdc4ac78776b82ff13.googledrive.com/host/0B79xliDUjJznNmpTX3g3bWZ6QjQ/rp-images-link.js' type='text/javascript'/>

</b:if>

4 - بعد ذلك قوموا بالبحث مرة أخرى عن الكود التالي:

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

 - ملاحظة: قد تتوفر مدونتكم على أكثر من كود واحد قوموا بالعمل على الثاني إذا كان هناك أكثر من واحد.

5 - ومن تحته مباشرة أضيفوا الكود التالي:

<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></b:if>

6 - لم يتبقى إلا حفظ التغييرات وقد تم الأمر.

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