السلام عليكم إخواني متتبعي و زوار مدونة المحترف النت DZ في موضوع جديد خاص
بمدونات البلوجر، حيث سوف نشرح فيه طريقة تركيب مواضيع قد تهمك أو
مواضيع ذات صلة أسفل كل تدوينة، و هيخاصية رائعة و ضرورية لكل مدونة.
مميزات هذه الإضافة :
- يعطي الفرصة للزائر إمكانية التصفح بسهولة في المواضيع الأخرى التي لها نفس
تصنيف الموضوع الذي يبحث عنه.
- تزيد من فرصة بقاء الزائر في مدونتك لمدة أطول، و تجعله يقرأ أكثر من موضوع
فى مدونتك مما سيزيد عدد مرات مشاهدة صفحات مدونتك.
طريقة تركيب هذه الإضافة :
1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على قالب كما
هو مبين فى الصورة التالية :
2- ثم أنقر على "تحرير Html" كما في الصورة التالية :
3- بعد ذلك اضغط على Ctrl + F للبحث عن هذا السطر التالي :
4- ثم ألصق الكود التالي فوقه مباشرة :
<style>
#related-posts { float : left; width : 600px; margin-top:-40px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular,Arial,Helvetica,Sans-serif; 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 : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }
#related-posts a {color:#16baff; font-family: DroidNaskh-bold,DroidKufi-bold,Arial,Helvetica,Sans-serif; font-size: 11px; transition: all 1s ease 0s; text-decoration : none; }
#related-posts a:hover {color: #16baff; padding-right: 10px; transition: all 1s ease 0s; 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/AVvXsEilS_EHpk8KcLa409jSK9rJuGun77jkog05g7VnS9_4ypQnQ9OqS4pVDZSjBZ4nRrJLR3HxmUomvBlGJABW1VpMhGdlw0Ucc8CPFEUSoRGFsgbAO7n6g1HASWlMT4bAUcGhyphenhyphenktQ329o4vsK/s1600/rss-feed-icon-afkarpro.png") no-repeat scroll 0 0 transparent; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 1.5em; border-bottom:1px dotted #e1e1e1; }
</style>
<script src='http://yourjavascript.com/1019345231/related-posts-by-afkarpro-blogspot-com.js' type='text/javascript'/>
و إن وجدته أكثر من مرة فالأخير هو المقصود.
6- و قم بلصق الكود التالي أسفله :
<!-- Start - Related Posts Code By Afkarpro -->
<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&max-results=6"' type='text/javascript'/>
</b:if>
</b:loop>
<a href='http://afkarpro.blogspot.com/2013/09/How-to-Add-Related-Posts-for-Bloggers.html'>
<img alt='Related Posts Widget for Blogger' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYiwmIYfMe1T0yh0yQo0MB0Yv6YXNS5VeGG7c7SGhCIuIQ25FfRUpRDl6zvbhTIRPLLkJPHKxL9K7fdVJj5nVcV1zVPDCoXI7dV0w2PEwKdmPvmW-gTAj0IzyyIG1-zVxV-68zc5UumxTu/s1600/Related-Posts-blogger-widgets.png' style='border: 0'/>
</a>
<br/><br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvw7K3LnlAkd-NCFbZ8e0WxF0l2BMkLyrr1DnQ_xWWNH9dH9QYA8UFDOqHyjpuoeGg2zCQhiUmj1DPtA7KS2lhO5Ht-dVSlB4wLYI9i3NvqGX0XCpuDlHToRov9q2-R6_euysgMPkD-lo/s1600/Related-Posts-Blogger-Widget-afkarpro.blogspot.com.gif' style='margin-right:-18px;'/>
<script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script>
</div>
</b:if>
<div style='clear:both'/>
<!-- remove -->
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<!-- End -->
6- و في الأخير قم بحفظ القالب، ومبروك لك الإضافة.
إذا واجهت أي مشكل فلا تتردد في طرح المشكل في التعليقات وسيتم الإجابة عنه
بإذن الله.
ليست هناك تعليقات :