اضافة اداة مواضيع ذات صلة

 اضافة اداة مواضيع ذات صلة , طريقة اضافة اداة مواضيع ذات صلة , اداة مواضيع ذات صلة , كيفية اضافة اداة مواضيع ذات صلة , اداة مواضيع ذات صلة , اريد اضافة اداة مواضيع ذات صلة , طؤيقة اداة مواضيع ذات صلة , كود اداة مواضيع ذات صلة  , هاك اداة مواضيع ذات صلة , كود اضافة اداة مواضيع ذات صلة  , هاك اضافة مواضيع ذات صلة , طريقة اضافة مواضيع ذات صلة , كيفية اضافة مواضيع ذات صلة , هاك 2011 لاضافة مواضيع ذات صلة , كود 2011 لاضافة مواضيع ذات صلة , طريقة اضافة هاك مواشيع ذات صلة , تركيب هاك مواضيع ذات صلة , تركيب كود مواشيع ذات صلة 

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

لاصحاب المدونات لانها تجذب اهتمام القارئ  الى المواضيع ذات صلة بالموضوع  الذي يقرأة و هذا يريح الزائر و ايضا يفيدك انت كصاحب المدونة

إضافة مواضيع ذات صلة هي إضافة رائعة و مفيدة وهي عبارة عن روابط لمقالات مقترحة من نفس المدونة  تكون تحت المقالة .تكمن أهميتها في  إرشاد الزائر لمقالات من نفس تصنيف المقالة التي قرأه.

طريقة التركيب :

1. اذهب لتخطيط المدونة

2. HTML

3. اضغط على توسيع القالب    لاتنسى احفظ نسخة احتياطية من قالب مدونتك 

4. استخدم CTRL+F للبحث عن الكود التالي :

]]></b:skin>

و اضف قبله مباشرة الكود التالي :

#related-posts {

float : left;

width : 540px;

margin-top:20px;

margin-left : 5px;

margin-bottom:20px;

font : 11px Verdana;

margin-bottom:10px;

}

#related-posts .widget {

list-style-type : none;

margin : 5px 0 5px 0;

padding : 0;

}

#related-posts .widget h2, #related-posts h2 {

font-size : 20px;

font-weight : normal;

margin : 5px 7px 0;

padding : 0 0 5px;

}

#related-posts a {

text-decoration : none;

}

#related-posts a:hover {

text-decoration : none;

}

#related-posts ul {

border : medium none;

margin : 10px;

padding : 0;

}

#related-posts ul li {

display : block;

background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4wzeQk1I1s_YvJt6Ozr4vfaefQdj52DgQmePekC_WIEdDxssI_aY_HGnTLs4O9cyCznOCsMjtjO_DCVVPhhiYYuvtyuyFe8ypvkehjAaecnYoeTbTQgF100wwm4kMpiYDZhHHFK5GjX8/") no-repeat 0 0;

margin : 0;

padding-top : 0;

padding-right : 0;

padding-bottom : 1px;

padding-left : 21px;

margin-bottom : 5px;

line-height : 2em;

border-bottom:1px dotted #cccccc;

}

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

<script src='http://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>

5. ابحث عن الكود التالي :

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

ملاحظة : قد لا يكون هذا الكود موجود بالكامل لذا خذ جزء منه فقط ^^

ثم ضع بعده مباشرة هذا الكود :

<b:if cond='data:blog.pageType == "item"'>

<div id="related-posts">

<font face='Arial' size='3'><b>مواضيع ذات صلة : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();

</script>

</div></b:if>

ملاحظة : يمكنك تغيير كلمة "مواضيع ذات صلة" باي مما تريد و ايضا يمكنك تغيير الرقم 5 باي رقم و هو يدل على عدد المواضيع ذات الصلة التي سيتم عرضه (و قد لا يعمل معك لذا فلا ضرر منه ^^) 

يا رب يكون الموضوع عجبكم اسئلكم الدعاء و كل تعليقاتكم مرحب بها ^^