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

شارك هذا الموضوع مع اصدقائك

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

دروس مدونات البلوجر

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

أي جملة تريدها مثل مواضيع مشابهة أو مقالات مفيدة

من تصميم ادخل علي تحرير HTML



ثم توسيع القالب

لا تنسي أن تأخد نسخة إحتياطية لمدونتك قبل البدء



اضغط علي (CTRL+F) ثم ابحث عن الكود التالي :

**********************************************************

</head>

**********************************************************


ثم ضع فوقه الكود التالي

**********************************************************

<!--Related Posts with thumbnails 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 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: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/AVvXsEj49RynJLTTlPPfeOYgt9T8pc40yji5GKadrEH7fjIB5eScCFEWBc0-VY7jz5CeTuvEOIgoq8WB2eV48fZleAgwtSdayw79veI2auIF1yqtQEu0CoFEJbMSREvY0vCroFTcci37ML3lK0Y/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>

<!--Related Posts with thumbnails Scripts and Styles End-->

**********************************************************



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

**********************************************************

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

**********************************************************


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

**********************************************************

<!-- Related Posts with Thumbnails 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>

<script expr:src='&quot;/feeds/posts/default/-/&quot; data:label.name &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>

<script type='text/javascript'>

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);

</script>

</div><div style='clear:both'/>

<!-- remove --></b:if>

<!-- Related Posts with Thumbnails Code End-->

**********************************************************


ثم احفظ القالب ومبروك الاضافة