Friday, March 18, 2011

الشرح الوافى والمصور لطريقة اضافة مواضيع ذات صله بــ Blogger


بلوجر وصلتني الكثير من الاستفسارات عن الاضافة المستخدمة في مدونتي ( مواضيع ذات صلة ) لذلك احببت ان اشاركم اليوم هذه الاضافة والتي تعرض  مواضيع مرتبطة بالموضوع وتستند هذه الاضافة علي تصنيف الموضوع لاختيار المواضيع التي تعرضها
تحديث : تم التاكد من الاكواد وإضافتهم للتحميل يمكنك تحميل اكواد الاضافة من هــنا
صورة الاضافة
image
نذهب الي لوحة التحكم الرئيسية ثم الي تصميم ثم الي تحرير HTML وبعدها نوسع القالب ونبحث عن
</head>
ونستبدله بهذا الكود
<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimIn5fVU40Df2ieoYU_h1nkrGuBHSJ9CZeSY71v_FGerDHN0Y_TLlG1m4fkZn95_dzEXQmObGW075vbkktAyYzgKDhTrMeB4qtxOp2uw7TjWzQZ1GuYIxmxxmnDeflzOen_vHRF-X4iLc/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="مواضيع ذات صلة";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End—>
</head>


نبحث عن
data:post.body
ونضع تحته هذا الكود

<!-- Related Posts Code Start-->

<!--Remove--><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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>

<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>

<!--Remove--></b:if>
<!-- Related Posts Code End-->






اتمني ان تعجبكم الاضافة


تحديث : تم التاكد من الاكواد واضافتهم للتحميل يمكنك تحميل اكواد الاضافة من هــنا
المصدر :مدونة العازمى

0 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More