السلام عليكم ورحمه الله وبركاته .
اليوم اقدم لكم اضافة من اهم الاضافات التي ستحتاجها على بلوكر وهي اضافة مواضيع ذات صلة او كما تحب تسميتها حيص توفر هذه الاضافة بقاء الزائر اكثر مدة في المدونة وهذا ما تريده والاضافة على هذا الشكل .
طريقة التركيب : تذهب
مباشرة إلى تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html خذ نسخة احتياطية للقالب بحال حدوث اخطاء ثم تضغط في الكيبورد على
ctrl+f وتبحث عن هذا الكود
كخطوة ثانية إبحث مرة أخرى عن هذا الكود
اليوم اقدم لكم اضافة من اهم الاضافات التي ستحتاجها على بلوكر وهي اضافة مواضيع ذات صلة او كما تحب تسميتها حيص توفر هذه الاضافة بقاء الزائر اكثر مدة في المدونة وهذا ما تريده والاضافة على هذا الشكل .
وبعد ايجاده قم بوضع فوقه مباشرة هذا الكود</head>
<!-- www.monte-escalier-prix.org Related Posts with thumbnails -->
<!-- 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 type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilins3Qw6tXU0ltUxiQqm_T-A6zBEX7LqRgkp9jzWJ_fcGMOCIU0DJJLHsRpYeNtSd7d_lTycEzPJ3wL9WGuccaEV2kVzpSMbi9NzZmA51KwbAGdnKmwMNu4zOPCMowgHuC2Q_h7tcvYc/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'/>
<!-- remove --></b:if>
<!--www.pergola-bois-terrasse.org Related Posts with thumbnails -->
كخطوة ثانية إبحث مرة أخرى عن هذا الكود
<div class='post-footer-line post-footer-line-1'>
فإذا لم تجده إبحث عن هذا الكود
<p class='post-footer-line post-footer-line-1'>
ثم قم بوضع الكود التالي تحت الكود الذي وجدته من بين الكودين السابقين
بعد الانتهاء قم بتغيير5 الى عدد لمواضيع تي تريد اضهراها اسفل التدوينة وهكذا انتهى درسنا اركم في تدوينة جديده انشاء الله .<!-- www.monte-escalier.org 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'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</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://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='www.monte-escalier-prix.org' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
.jpg)
ليست هناك تعليقات :
إرسال تعليق