- fahad
- 8:20 ص
- أضافات ودروس بلوجر
- 7 تعليقات
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
أشرح لكم طريقة أضافة هاك مواضيع ذات صلة وهي التي تظهر في أسفل كل موضوع ويتم عرض المواضيع المتشابهة
هذه الأضافة منتشرة في كثير من المدونات المتخصص للتطوير البلوجر ولكن يعاب عليها أن الأضافة معطلة ولقد بحثت في أغلب المواقع وأجد أن الأضافة غير مفعلة ويعود السبب ذلك للملف السكربت(الجافا) فقد يتغير رابطه أو أنه تم حذفه
فأنا قمت بإعادة رفعه وأضافته في الهاك لكي تكون جاهزة للأستخدام
يتم عرض التدوينات ذات صلة بصور
مثال للمعاينة
طريقة تركيب الأضافة
من لوحة التحكم >>تحريرhtml>>توسيع للقالب
نبحث عن الكود التالي
</head>
ونضيف فوقه مباشرة الكود التالي
<!--بداية تدوينات ذات صلة-->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:right;
text-transform:none;
height:100%;
min-height:100%;
padding-top:0px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: tahoma, “Times New Roman”, Times, serif;
margin-bottom: 0em;
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://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/>
</b:if>
<!--نهاية تدوينات ذات صلة-->
ثم نقوم بالبحث عن أحد الأكواد التالية
<data:post.body/>أو<div class='post-body>أو<data:post.body/>
ونضيف بعدها(تحته) الكود التالي
<!-- تدوينات ذات صلة--><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><b:if cond='data:blog.pageType == "item"'><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:if></b:loop><script type='text/javascript'>var currentposturl="<data:post.url/>";var maxresults=5;var relatedpoststitle="تدوينات ذات صلة";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div style='clear:both'/></b:if><!-- نهاية تدوينات ذات صلة-->
لتخصيص الكود
#d4eaf2 : لون الخلفية عند مرور الفأرة.
5 : العدد الأقصى للتدوينات ذات صلة.
تدوينات ذات صلة : عنوان الإضافة.
قم الآن بحفظ القالب وقم بمعاينة الأضافة وتقييمها !
وللمساعدة في تركيب الأضافة أترك تعليق على الموضوع
وسلام عليكم ورحمة الله وبركاته
حقيقة هذه الأضافة تجدها في أغلب المدونات والموقع معطللة
ردحذفوقد قمت بتجربة الهاكـ
شكرا لك
أخوك بدر
شكرا
ردحذفعلى الأضافة الرائعة
أهلا بك أخي بدر شكرا لمرورك
ردحذفشكرا (غير معرف لتعليقك)
100 الف شكر الاضافة شغالة جربتها وشغالة صدقني موقعك الوحيد الذي اشتغلة معه
ردحذفبحث عنها كثيرا لان وقعي بحاجة اليها احترماتي وتقديري اخي فهد الفيفي
أهلا بك أخي GA4B
ردحذفسعدت بمرورك على مدونتي وكذلك تعليقك
أتمنى لك التوفيق
شكراً يا فنان
ردحذفشكرا اخى جربتها ومانفعت ومافى مواضيع بتظهر ارجو منكم مساعدتى
ردحذفجزاكم الله خيرا
هذه مدونتى
http://sitmisr.blogspot.com/