طريقة اضافة مواضيع ذات صله في مدونة بلوجر

 هذه الإضافة مهمة جدا لكل مدون لما لها من دور كبير في إعادة توجيه زائرك إلى تدوينة أخرى وبالتالي مشاهدته لأكبر قدر ممكن من التدوينات في مدونتك. ما يميز هذه الإضافة أن روابط التدوينات التي ستظهر أسفل كل تدوينة على مدونتك تربطها علاقة وطيدة مع التدوينة الأصلية من خلال التسميات، فجميعها تنتمي لنفس الصنف، وهذه الإضافة بمشيئة الله ستعمل في أغلب المتصفحات.
 الآن مع خطوات تركيب الإضافة :


  1. لوحة التحكم > تصميم > تحرير HTML
  2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
  3. وسع قوالب عناصر الواجهة.
  4. اضعط CTRL+F و ابحث عن </head>
  5. ألصق فوقها الكود التالي :

<!--بداية تدوينات ذات صلة-->
<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 src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--نهاية تدوينات ذات صلة-->
 والآن ابحث عن أحد الأكواد التالية :
 <data:post.body/>أو<div class='post-body>أو<data:post.body/>
وأضف تحته الكود :


<!-- تدوينات ذات صلة--><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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=5;var relatedpoststitle="تدوينات ذات صلة";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div style='clear:both'/></b:if><!-- نهاية تدوينات ذات صلة-->
لتخصيص هذا الكود :
#d4eaf2 : لون الخلفية عند مرور الفأرة.
5 : العدد الأقصى للتدوينات ذات صلة.
تدوينات ذات صلة : عنوان الإضافة. 
قم الآن بحفظ القالب وهنيئا لك بالإضافة !
أصدقاء(تطوير ويب)
تعليقات Facebook
16تعليقات Blogger

16 عدد التعليقات على موضوع طريقة اضافة مواضيع ذات صله في مدونة بلوجر

مدونة افتيكسات يقول...

شكرا لك اضافه مميزه ركبنها بنجاح
بس من فضلك كان المفروض تكتب مصدر الموضوع الاصلي
شكرا لك مره اخرى

روائع من التاريخ يقول...

مشكور اخي على الاضافه الرائعه
بس مع الاسف واجهتني مشكلة في التطبيق
ارجو المساعده منك لانى في اشد الحاجه لها

علاء الدين يقول...

السلام عليكم،
هذه التدوينة تم نقلها من مدونتي المرجو إضافة رابط المصدر ;)

( مدونة تقارب ) يقول...

@علاء الدين
علاء بيه المصدر مكتوب في اخر التدوينه لكن واضح انك انت اللي مش قريت التدوينه اساسا
بالنسبه لطلبك التبادل الاعلاني معي
فان اسف التبادل الاعلاني مع مدونتي مغلق هذه الايام ولا افكر الا في عروض المدونات التي ترتيبها في اليكسا مقارب لترتيب مدونتي.

عمر شكري يقول...

شكراااااا تم التركيب بنجاح الف الف شكر ياباشا

ناجح سلهب التميمي يقول...

تحياتي لك أخي أحمد
السلام عليكم ورحمة الله وبركاتة
لقد طبقت هذة التدوينة على مدونتي بارك الله بك أخي أحمد

ناجح سلهب التميمي يقول...

السلام عليكم ورحمة الله وبركاتة
لقد طبقت هذة التدوينة على مدونتي بارك الله بك أخي أحمد

/ احمد عبد التواب يقول...

احمد بيك فى القالب السابق لمدونتك كنت ارى على الصفحة الرئيسية عرض لبعض موضوعات المدونه بشكل مختلف وانيق مثل المواقع الاخباريه ارجو منك ان تشرح لى طريقة عمل هذه الاضافه

seyana 4 arab يقول...

الله يعطيك الف عافية اضافة جميلة جدا

zamalek.fe.elso7of يقول...

ازاى عامل موضوع الفيس بوك اللى فى يمين الشاشه

وكمان انا جربت اعمل الاكواد ووضعتها ولم تظهر لى

tqarob weblog يقول...

@zamalek.fe.elso7of
اخي العزيز اعتذر لتاخري في الرد عليك
راجع هذا الرابط تجد فيه الشرح بالتفصيل http://www.tqarob.com/2011/12/blog-post_10.html

tqarob weblog يقول...

@روائع
الردود السابقه تؤكد ان الاضافه تعمل بدون مشاكل وعن نفسي قد جربتها من قبل .. على كل حال اذهب الي هذا الرابط http://www.tqarob.com/p/free-technical-support.htmlوقم بتعبئة النموزج الموجود فيه واضعها في قالبك ان اردت ذك..

tqarob weblog يقول...

للمبتدئين : يمكنكم الذهاب الي صفحه الدعم الفني من هذا الرابط
http://www.tqarob.com/p/free-technical-support.htmlوقم بتعبئة النموذج الموجود فيه ورفع القالب وتوضيح هل تريد الاضافه ثابته ام بشكل متحرك.

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .