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

بسم الله الرحمن الرحيم

اليوم تدوينه مهمه وهى كيفيه وضع مواضيع ذات صله لمدونات بلوجر
كما فى مدونه العلم نور

من قالب نختار تحرير 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 type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNqkeiQulaCRbEEPIlk0afZ42aP3WaIurtzyd_KJ5oyuxPl1KnMAuLlfK9zU_X4vK5bZI30jBLOL9RAW50D06o8QJUIuwAZs2i4uN_IqT7LpvEriv7X24eEHoHaGHv8JOlw3D-hZrOARM/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة ";
</script>
<script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/>
</b:if>

بعد ذلك قم بالبحث عن الكود التالي :

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

ثم قم بوضع الكود التالي تحت الكود تحت الكود السابق

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

بعد ذلك قم بحفظ القالب ومبروك عليك الاضافة

الاثنين، 22 أبريل 2013

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