السلام عليكم ورحمة الله
مرحبا بكم في مدونة استفد
الكثير من المدونين يبحثون عن هذه الإضافة التي تترك الزائر يتجول ويتصفح تدويناتك بسهولة
والسؤال الذي يطرحه الكثير منهم هو:
-كيف اضع موضوعات ذات صلة اسفل كل تدوينة: الطريقة الثانية لوضع موضوعات ذات صلة اسفل التدوينة , و هي طريقة الموضوعات ذات الصلة والمثال في مدونتي أسفل والأن نأتي إلى طريقة التركيب: نذهب إلى صفحة التصميم ثم صفحة تحرير Html نعلم خانة توسيع القالب ننسخ الكود ادناه و نلصقه قبل الـ 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:12px; font-weight:bold; color:#ffffff; font:Tahoma; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:#ffffff; } #related-posts a:hover{ color:#f1f1f1; } #related-posts a:hover { background-color:#333333; } </style> <script type='text/javascript'> var defaultnoimage="https://sites.google.com/site/sasokky/Home/mine/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="موضوعات ذات صلة "; </script> <script src='https://sites.google.com/site/sasokky/Home/mine/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'> ونلصق الكود التالي بعده: <!-- 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://estafid.blogspot.com'><img alt='Related Posts Widget For Blogger with Thumbnails' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a><a href='http://estafid.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--> ثم استبدل رابط مدونتي الملون باللون الأحمر برابط مدونتك مرتين ولتحديد عدد المواضيع التي ستعرض. عدل الرقم ذو اللون الاحمر في الكود الاول إلى عدد الذي تريده ولتعديل لون المرور فوق ( الصورة ) عدل كود اللون الاحمر في الكود الاول وإلى هنا ينتهي هذا الدرس الشيق |
يمكنك نسخ روابط هذه التدوينة | |
URL | |
HTML | |
BBCode |
0 التعليقات:
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).