مواضيع ذات صلة
Tweet
ثم نبحث عن ألكود التالي
فإذا لم نجده نبحث عن هذا ألكود
بسم ألله ألرحمن ألرحيم
من ألجميل جدا أن الزائر حين قرائته لموضوع ما أن يجد في نهاية ألموضوع مواضيع أخرى للمدونة لها صلة بالموضوع
لذلك سنتناول أليوم كيفية إضافة شريط أسفل الموضوع يحتوي على مواضيع ذات صلة بالموضوع ألمطروح إضافة الى صور لهذه ألمواضيع
- نذهب الى : لوحة ألتحكم ألرئيسية > تصميم > تحرير قالب HTML
( ويستحسن أخذ نسخة إحتياطية للقالب لتفادي أي مشاكل قد تحدث )
- نبحث عن ألكود ألتالي باستخدام Ctrl + F
</head>
نضع فوقه مباشرة ألكود التالي
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<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, “Times New Roman”, 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/AVvXsEgSMv17qY_XsNJMktpHlTlN_tUcVpRmWHmIOtGJTmRPnPZAg-V0PxrCUcgtzKpbPaVC-zGK-M5SIokglX7uuIAY29y9ideeZjbMi9FdQb-Op_XTC9HD2oHrV6T2ACM7WOc0EwtLgYuIM50/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 == "item"'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</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 alt='Related Posts Widget For Blogger with Thumbnails' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a><a href='http://abu-iyad.blogspot.com/'><img alt='Blogger Widgets' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
يمكننا تغيير (كلمة مواضيع ذات صلة ) بأي كلمة نختارها
كما يمكننا تغيير عدد ألمواضيع التي ستظهر في ألشريط بتغيير ألرقم من هذا ألسطر
نغيرألرقم 5 إلى اي رقم نختاره
var maxresults=5;
ثم نعمل حفظ للقالب وإن شاء ألله تفعل ألإضافة
ملاحظة : قمت بتحميل ملف يحتوي على كودي الإضافة لمن يشاء إذا كان هنالك أي إشكال في قرائتهم من هذه ألرسالة
رابط تحميل كود إضافة مواضيع ذات صلة
var maxresults=5;
ثم نعمل حفظ للقالب وإن شاء ألله تفعل ألإضافة
ملاحظة : قمت بتحميل ملف يحتوي على كودي الإضافة لمن يشاء إذا كان هنالك أي إشكال في قرائتهم من هذه ألرسالة
رابط تحميل كود إضافة مواضيع ذات صلة
| |
بقلم العبيدي
أرشد العبيدي ، مدون عراقي يهتم بالتدوين ويحاول من خلال هذه المدونة إثراء ألمدون ألعربي وألصحفي بصورة خاصة بمايساعده في مجال تقنية التدوين وألأنترنت وشبكات المواقع ألأجتماعية
0 التعليقات »
اكتب تعليقا على الموضوع
بسم الله الرحمن الرحيم
اخي الزائر الكريم
غايتنا البحث وتقديم كل مايخص المدون العربي والصحفي بصورة خاصة من تقنية التدوين وإستخدام وسائل الشبكات ألأجتماعية
فلا تحرمنا من آرائك القيمة ولاتبخل علينا بنقاشاتك
دمت بود