اضافه اداه مواضيع ذات صله هى اداه هامه جدا
فهى تجعل القراء يبقون اطول قتره داخل المدونه
احبائي متابعي المدونة ، في جعبتي اليوم اضافة لطالما بحث عنها الكثيرون ، وهي مواضيع ذات صلة او اقرأ ايضا ، طبعا الجميع يعرف هذه الاضافة ، مما يعني ان الاضافة ليست جدبدة ! .. الجديد هو اضافة الصور اليها مما يعني اضافة رغبة اكثر لدى الزوار ليقوموا بالضغط على المواضيع الاخرى في مدونتك
لنبدأ بشرح كيفية تركيب الاضافة :
اولا : ادخل الى -- لوحة التحكم -- تخطيط -- تحرير html - تنزيل قالب كامل ( لحفظ خط الرجعة ) -- توسيع القالب
ثم :::::::: ابحث عن الكود التالي :
</head>
ثم استبدله بما يلي :
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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://mybloggerr3.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
ثانيا : ابحث عن
<div class='post-footer-line post-footer-line-1'>
واذا لم تجدها في قالب مدونتك ، ابحث عن التالية :
<p class='post-footer-line post-footer-line-1'>
الان ضع هذا الكود بعد التي وجدتها مباشرة :
الكود 2
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="مواضيع ذات صلة";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://mybloggerr3.blogspot.com/2012/03/blog-post_7111.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://mybloggerr3.blogspot.com' style='display:none;'>sma-b</a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
الان . هل تريد تخصيص الكود ليتناسب مع مدونتك
لتغيير عدد المواضيع التي ستظهر قم بتغيير الرقم خمسة برقم اخر تختاره من 0-5 :
var maxresults=5;
لتغيير عبارة مواضيع ذات صلة في الكود الثاني :
var relatedpoststitle="مواضيع ذات صلة";
تستطيع ان تغير في الوان عبارة مواضيع ذات صلة ،، وتستطيع ان تخصص الكود بما يناسبك
الان هل تريد ان تظهر هذه الاضافة في اي صفحة ،، وليس فقط في صفحة المشاركة ؟
فقط قم بحذف التالي من الكود الاول والكود الثاني :
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<!-- remove --></b:if>
الى اللقاء مع اضافات جديده
_______________________________________________________________________
- اذا اعجبك الموضوع تستطيع ان تنضم الى قائمة متابعي المدونة بالطريقة التي تناسبك
- تستطيع نقل الموضوع بشرط ذكر المصدر ورابط اليه .
0 التعليقات:
إرسال تعليق