الاثنين، 6 أكتوبر 2014
إضافة شاهد أيضا لمدونتك على بلوجر
Unknown 11:38 ص إضافات بلوجر, أنترنت, بلوجر, قوالب بلوجر ?????? ???????
لعل أن من أهم الإضافات الواجب أن يتوفر عليها كل مدون على مدونته هي إضافة شاهد أيضا، حيث أنها تجعل الزائر يمضي وقتا أطول في تصفح المدونة، والاطلاع على الدروس بشكل سهل وسريع.
في هذه التدوينة إن شاء الله سوف نتعلم سويا كيف نقوم بإضافة شاهد أيضا أو مواضيع ذات صلة إلى مدونتنا في يلوجر بسهولة!
لنبدأ في شرحنا، على بركة الله!
ملاحظة:
أنا قمت بالتعديل على الشكل حسب مدونتي، وأنت كذلك بإمكانك التعديل على اللون والخط حسب الألوان المستعملة في المدونة والخطوط الموجودة كذلك.
2- نضغط ctrl+f نبحث عن وسم </head>.
3- قم بوضع الكود التالي فوقه مباشرة.
<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyRyYO4T5SHKqG5YHMJXQjJejoKqdB-8WdfVBRlbcpMqaPe0g8VhF1AFxNlDc9DXFmZMulXYFeSC7vs1AWNGMnMs5axeW8ChaEnJkl_RG2CZa97zayAk42GgOuer1G_KjrYOXLWuZ8b0k/") 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'/>
4- نقوم بالبحث عن الكود التالي <data:post.body/>
الأول في النتائج لا الثاني لا، الثالث نعم لاحظ الصورة:
5- نضيف الكود التالي أسفله مباشرة:
<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://add-b.blogspot.com/2013/08/related-posts-for-blogger-widget.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 Droid Arabic Naskh; padding: 5px 8px; background: #115FAA ;border-radius: 2px; display: inline-block; border: none;'>شاهد أيضا</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div>
وبالنهاية أستودعك الله الذي لا تضيع ودائعه والسلام عليكم ورحمة الله تعالى وبركاته.
دمتم في رعاية الله وحفظه!
åäÇ ÇÚáÇä ÇÏÓäÓ
الكاتب: معاذ غازي
معاذ غازي، 15 سنة، شاب مغربي يعشق الحاسوب، أدرس بالسنة الأولى ثانوي تأهيلي، أعشق كل مايخص عالم التصميم الجرافيكي وخصوصا تصميم المواقع وتصاميم اللوجوهات.. إلى جانب أنه لدي خبرة في مجال تطوير المواقع، وخصوصا في البلوجر والسيو، أنشأت هته المدونة بغرض مشاركة معارفي مع الآخر، حتى تعم الفائدة!
الاشتراك في:
تعليقات الرسالة (Atom)
ليست هناك تعليقات:
إرسال تعليق