44
لم يتم العثور على الصفحة ! معذرة، فالصفحة التي تبحث عنها في هذه المدونة ليست متوفرة. رئيسية المدونة

الأربعاء، 21 يوليو 2010

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

السلام عليكم إخواني الكرام في هذه الفقرة سوف نتعلم كيفيية إضافة أداة "مواضيع ذات صلة' و هي عبارة عن روابط لمقالات مقترحة من نفس المدونة يتم إضافتها تحت المواضيع حيث أن هذه العناوين تكون ذات صلة بالموضوع الذي يقرؤه الزائر مما يسهل عليه الإطلاع على مواضيع أخرى.و الجميل في ذلك أن هذه الروابط تكون مصحوبة بصور الموضوع, بدون إطالة عليك إتباع التعليمات التالية:


انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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/AVvXsEg02JoMJBgGki6ORHPlblhOLRleQr566330b-kYVUTU2nzLpdXstzZ0wozREATr94H0f36QoIsQDUpobllYwdKrHH1R-Mqx42hyphenhyphenthteRUx3IX96LRMO3KS1BeFtAGwClE_BUena468rwi4/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'>
فإن لم تجده إبحث عن هذا الكود :
<p 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>
<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='http://abu-iyad.blogspot.com/' ><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-->
ملاحظة : يمكنك تغيير الرقم 5، وهو يدل على عدد المواضيع ذات الصلة التي سيتم عرضها.
أخيرا قم بحفظ القالب و إذهب للمعاينة
أنتظر تشجيعاتكم

هناك 39 تعليقًا:

  1. شكرا لك أخي الكريم ولكن عندما قمت بالبحث عن الكود الأول ظهر لي ولكن ظهر بجانبه كود أخر هل أضع الكود اسفل الكودين ام بينهما

    ردحذف
  2. نعم اخي الكريم ضع الكود بينهما وشكرا لك على مرورك

    ردحذف
  3. تسلم الايادى يا ابو اياد
    شرح رائع ومدونتك من اجمل المدونات الى دخلتها

    ردحذف
  4. @ak3
    مرحبا بك أخي الكريم وأتمنى أن تنضم للمتابعين ليصلك الجديد

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

    ردحذف
  6. @راشد سلمان الحربي


    أخي الكريم يبدو أنك قد قمت بإضافة الكود الأول مرتين ،توجه إلي قالب مدونتك ثم إبحث عن الكود الأول الدي قمت بإضافته تم قم بحذفه

    ردحذف
  7. يعطيك كل العافيه

    نحن نتابع جديدك الرائع



    وفقت لما يحبه الله ويرضاه

    ردحذف
  8. السلام عليكم

    إضاف مفيدة استفدت منها، بارك الله فيك وجزاك خيرا

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

    ردحذف
  10. @أبومسلم
    الشيء الذي جعل الإضافة تظهر في أول الصفحة هو أنك قمت بلصق الكود الأخير فوق أحد الأكواد التي وجدتها وليس تحتها ،يمكنك أيضا أن تضع الكود الأخير تحت هذا الكود :
    <data:post.body/>

    ردحذف
  11. @AhMeD
    مبروك عليك أخي ومرحبا بك في أي وقت

    ردحذف
  12. تم التجربه جداً رائع بارك الله فيك أخي

    ردحذف
  13. الله ينور يا ابو اياد شغل تمام والله

    ردحذف
  14. اخي ألا توجد طريقة لتأطير هذه الاضافة ,,, وشكرا لك

    ردحذف
  15. حاولت كثيرا اضافة هذه الاضافة ولم انجح الا هذه المرة
    الحمدلله
    وشكرا جزيلا لك

    ردحذف
  16. شكرا لك على الاضافة الجميلة وقد وجدتها فى الكثير من المدونات ولكن بها اخطاء ولم تعمل الا الموجوده هنا فى مدونت احسنت وشكرا لك
    http://dawnislam.blogspot.com

    ردحذف
  17. تسلم حج ابو اياد


    لكن ممكت تغيير لو الخط

    ردحذف
  18. شكرا لك اخي الكريم اياد اضافة ممتازة

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

    ردحذف
  20. للأسف بحثت عن الكودين ولم أجد أياً منهما. يبدو أن قالبي مختلف عن المطلوب. لكن جزاك الله خيراً.

    ردحذف
  21. اخى لم يظهر عندى اى من الاكواد حتى الذى تم اضافته فى التغليق الا الكود هيدر فقط اما الاكواد الاخرى لم اجد منها شئ على الاطلاق

    ردحذف
  22. السلام عليكم

    أخي نفذت التعليمات التي كتبتها و لم يظهر شئ!!! ما معنى هذا؟

    ردحذف
  23. بارك الله فيك اخي

    الاضافة شغالة تمام جدا لاكن الموضيع صغيرة جدا كيف اكبرها ؟

    ردحذف
  24. رائع اخي الحبيب تم التركيب

    http://health-and-beauty-food-and-medicine0.blogspot.com/

    بعد إذن استاذي

    بخصوص الأخ الذي يسئل لم تظهر عنده راجع مواضيع منتداك لربما لا يوجد مواضيع مشابهة

    ردحذف
  25. شكراً
    أنا أيضاُ لم أجد أي من الكودين
    ولم أجد الكود اللذي كتبته لأحد الإخوان المعلقين =(

    ردحذف
  26. اخي الكودين لم اجدهما
    ممكن كيف + انا استعمل ستايلك

    ردحذف
  27. الف شكر استادنا على المجهود

    ردحذف
  28. والله حرام عليك لما اتبعت ما قلته اصبح رابط مدونتك ظاهر اسفل كل تدوينة ليش

    ردحذف
  29. السلام عليكم ،
    أنا عملت الدرس ولكن لا يظهر في الصفحة الرئيسية ،
    يظهر فقط في صفحة الموضوع.
    ويطلع واحد فقط .

    أرجوا إفادتي.

    ردحذف
  30. @الندى
    وعليكم السلام ورحمة الله ،لظهور الإضافة على الرئيسية كذلك قومي بحذف ما تم تلوينه باللون الأزرق في الكود الأخير ،وتحديدا في السطر الثاني وما قبل الأخير ،أما بالنسبة لعدد المواضيع ذات صلة فله علاقة بعدد المواضيع الموجودة في نفس تسميية الموضوع ،بمعنى إذا كان موضوع في تسمية "خواطري" يجب أن تكون هناك أكثر من 4 مواضيع أخرى من نفس التسمية
    بالتوفيق

    ردحذف
  31. شكرا على هده الاضافة الرائعة

    ردحذف
  32. شكرااااااا جدااااااااااااا جداااااااااا على الشرح الرائع ربنا يخليك لينا يكبير

    ردحذف
  33. اهلا اخويا والله اضافه جميله ونفسى اضفها ولاكن الكودين الى انت حاتطهم غير موجودين خالص فى القالب

    ردحذف
  34. السلام عليكم ورحمة الله وبركاته

    خيووو انا حطيتها بس ما ابيها خمسه فقط
    ابي اكثر وش الكلمه الي اغيرها ياريت تعلمني اي فيهم
    لاني شلت هذه var maxresults=5; وحطيت بدالها 8 بس مازبط مدري ليش ؟

    وياريت تدخل على مدونتي تشوف مره عريض الخانه حقت مواضيع ذات صله كيف اخليها اصغر اي فيهم الي اغيره

    ^_^ معليش بتعبك شوي

    ردحذف
  35. شرح جميل وكله تمام لكن انت كده بتغش الناس لان الكود ده فيه رابط لمدونتك وطبعا الناس بتضيف الكود على عماهم ياريت تحذف رابط مدونتك من الكود هيكون افضل احنا اتعلمنا كتير من المدونه دى ومش عايزين تكون دى طريقتنا وشكرا لك مره تانيه عالمجهود الرائع

    ردحذف