-
اتبعني
تابعني على تويتر
-
التدوينات RSS
اشترك في خدمة RSS
-
فيس بوك
انضم للمعجبين في FACEBOOK
اين انت .... » الرئيسية »
اضافات بلوجر
» طريقة اضافة مواضيع ذات صله في مدونة بلوجر
طريقة اضافة مواضيع ذات صله في مدونة بلوجر
5/3/2012
التسميات:
اضافات بلوجر
هذه
الإضافة مهمة جدا لكل مدون لما لها من دور كبير في إعادة توجيه زائرك إلى
تدوينة أخرى وبالتالي مشاهدته لأكبر قدر ممكن من التدوينات في مدونتك. ما
يميز هذه الإضافة أن روابط التدوينات التي ستظهر أسفل كل تدوينة على
مدونتك تربطها علاقة وطيدة مع التدوينة الأصلية من خلال التسميات، فجميعها
تنتمي لنفس الصنف، وهذه الإضافة بمشيئة الله ستعمل في أغلب المتصفحات.
الآن مع خطوات تركيب الإضافة :
- لوحة التحكم > تصميم > تحرير HTML
- قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
- وسع قوالب عناصر الواجهة.
- اضعط CTRL+F و ابحث عن </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: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, 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://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--نهاية تدوينات ذات صلة-->
والآن ابحث عن أحد الأكواد التالية :
<data:post.body/>أو<div class='post-body>أو<data:post.body/>
وأضف تحته الكود :
<!-- تدوينات ذات صلة--><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><b:if cond='data:blog.pageType == "item"'><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:if></b:loop><script type='text/javascript'>var currentposturl="<data:post.url/>";var maxresults=5;var relatedpoststitle="تدوينات ذات صلة";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div style='clear:both'/></b:if><!-- نهاية تدوينات ذات صلة-->
لتخصيص هذا الكود :
#d4eaf2 : لون الخلفية عند مرور الفأرة.
5 : العدد الأقصى للتدوينات ذات صلة.
تدوينات ذات صلة : عنوان الإضافة.
قم الآن بحفظ القالب وهنيئا لك بالإضافة !
0 التعليقات:
إرسال تعليق