المواضيع المشابهة والمرتبطة دلاليا مع الصور اسفل التدوينة
لماذا المواضيع المشابهة والمرتبطة دلاليا بالصور
تعتبر أداة المشاركات أو المواضيع المشابهة المرتبطة دلاليا لمدونات بلوجر من الإضافات المهمة التي تزيد من جمالية المدونة، والأهم من الجانب الجمالي هو زيادة عدد الصفحات المشاهة والوقت الذي يقضيه الزائر على المدونة. لأن الأداة تسمح بإظهار مواضيع مرتبطة دلاليا بما يقرأه وبالتالي إثارة انتباهه ودفعه لقراءة المزيد من المواضيع. وهو أمر مهم بالنسبة لفعالية سيو 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 == "item"'>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5YXd4TilCbiTCBkJ20i1T2EBdSzh0R3rdvTUhaSGLgU5f9eUOaZgirNiL-HLOoYn2SnQkpiIASH8Ga2MCaeaiMKTwqHJgh5PTfUMPaepCt1EFAVNKheTyOr93RBCqTXlGqM2OBtPet9kY/s1600/no_image.jpg";
var maxresults=4;
var splittercolor="#fff";
var relatedpoststitle="لا تنسى مشاهدة:";
</script>
<script src='https://e8d96b6c7de0cad3de23ddbdc4ac78776b82ff13.googledrive.com/host/0B79xliDUjJznNmpTX3g3bWZ6QjQ/rp-images-link.js' type='text/javascript'/>
</b:if>
#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 == "item"'>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5YXd4TilCbiTCBkJ20i1T2EBdSzh0R3rdvTUhaSGLgU5f9eUOaZgirNiL-HLOoYn2SnQkpiIASH8Ga2MCaeaiMKTwqHJgh5PTfUMPaepCt1EFAVNKheTyOr93RBCqTXlGqM2OBtPet9kY/s1600/no_image.jpg";
var maxresults=4;
var splittercolor="#fff";
var relatedpoststitle="لا تنسى مشاهدة:";
</script>
<script src='https://e8d96b6c7de0cad3de23ddbdc4ac78776b82ff13.googledrive.com/host/0B79xliDUjJznNmpTX3g3bWZ6QjQ/rp-images-link.js' type='text/javascript'/>
</b:if>
<div class='post-footer-line post-footer-line-1'>
- ملاحظة: قد تتوفر مدونتكم على أكثر من كود واحد قوموا بالعمل على الثاني إذا كان هناك أكثر من واحد.5 - ومن تحته مباشرة أضيفوا الكود التالي:
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div></b:if>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div></b:if>
6 - لم يتبقى إلا حفظ التغييرات وقد تم الأمر.