السلام عليكم ورحمة الله وبركاته
في دروسنا عن الاضافات في بلوجر أتيت اليكم ومعي اضافة مهمة جداً لكل مدونة
في دروسنا عن الاضافات في بلوجر أتيت اليكم ومعي اضافة مهمة جداً لكل مدونة
فهي تبقي الزائر قدر الإمكان في المدونة وتسمح له بالتمتع بأفضل المواضيع في المدونة دون البحث في كل مرة.
هذه الاضافة انا استعملها شخصياً لكنني قمت بتطويرها لكي تناسب مدونتي تماماً
صورة الاضافة
طريقة التركيب :
اولاً اذهب الى لوحة تحكم المدونة ثم الى قالب ثم تحرير Html
اضغط Ctrl+f للبحث عن </head> قم بوضع الكود التالي فوقه مباشرة
الكود
<style> #related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; 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 { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #000000; } </style> <script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/>
وكخطوة أخيرة ابحث عن
<div class='post-body> أو <data:post.body/>
سوف تجد اكثر من واحدة الثانية هي المطلوبة (اذا لم تنجح جرب الاولى والثالثة لكن الثانية هي المطلوبة)
وضع الكود التالي اسفلها مباشرة الكود التالي
الكود :
<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://softpro2.blogspot.com/2015/09/blog-post_47.html'><img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a> <br/> <br/> <h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>شـــاهـــد أيـــضـــا</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div> </b:if>
وقم بتغيير كلمة شاهد ايضاً الى اي كلمة اخرى
ملاحظة : اذا لم يقبل قم بمسح ما هو بالحمر وسوف يقبل
واضغط حفظ
