كيفية اضافة مواضيع ذات صلة في بلوجر ~ فأر تجارب

هاك رائع لعرض المواضيع ذات الصلة تحت كل تدوينة تكتبها في blogger ، مع الصور المصغرة. ويتم اختيار المواضيع ذات الصلة من مواضيع أخرى في نفس الفئة التي / التسمية / العلامة. مع هذا الهاك العديد من القراء ستبقى على موقعك لفترات أطول من الوقت عندما يرون المواضيع ذات الصلة .

خطوات إضافة أداة المواضيع ذات الصلة إلى Blogger

الخطوة 1. الذهاب إلى لوحة التحكم الرئيسية >> قالب HTML تحرير >>؛

الخطوة 2. " توسيع القالب" ؛

الخطوة 3. البحث (CTRL + F):

</head>

الخطوة 4. انسخ والصق فوق </head> الكود الاتي

<b:if cond='data:blog.pageType == "item"'>
<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: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCNS-8CBUU_T4q9o7n3A6SBGGbwHSKhnS-lRv9afFB_SHCCVusW_xodDWl7wlGVQelp7EubNz1BTKaCN1OoJfygfKsVVGqfAwx_fbv7jK4zJlTvD8QMcfn2yggy2ALVv9NUPJzpUrBxAIn/s1600/no_image.jpg";
var maxresults=5;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Posts";
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
</b:if>

ملاحظة:

- لتغيير الصورة الافتراضية، استبدل URL اللون الأزرق

- لعرض أكثر من 5 مواضيع، استبدل 5 من "var maxresults=5"

- إزالة الكود البرمجي في اللون البنفسجي إذا كنت تريد أن يتم عرض المواضيع ذات الصلة في الصفحة الرئيسية للموقع

الخطوة 5. الآن العثور على الكود التالي:

<div class='post-footer'>

الخطوة 6. وفوق ذلك،انسخ و الصق الكود التالي:

<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><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-fEaf7QZAFvEyMwgJEvVtc45wVETlFEQAvr0aB3ps8ik7T52Nq8EG9qhJzEs2uJiSp6KhvyVlIUoo1RuE_fJdcy-NW4D__Vv0YtDYod5r4YNfSWcuYJ7qB94haPypw9lwFxqcxnyXBgNG/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>

ملاحظة:

- تغيير قيمة 6 من النتائج MAX-= 6 مع عدد المواضيع التي تريد عرضه.

- إذا كنت تريد أن يتم عرض المواضيع ذات الصلة على الصفحة الرئيسية أيضا، إزالة الكود الذي بالون البنفسجي.

الخطوة 7. حفظ القالب

استمتع :)

انتهى .........

بقلم مجدي خضر

نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع نبذة عن كاتب الموضوع .

آخر الأخبار