السلام عليكم ورحمه الله وبركاته
مرحبا بكم في بلوجر حياتي سوف نشر ح كيفية اضافة مواضيع ذات صلة اسفل الموضوع باحتراف وهذا الاضافة المفيدة والضرور ية لاي مدونة ، الاضافة طبعا تجعل الزائر يشاهد موضيع اكثر في مدونتك ويمضي في المدونة وقت طويل وتجعل الزائر يبحر في مدونتك بسهولة من الموضيع
شرح اضافة مواضيع ذات صلة اسفل الموضوع باحتراف
لتركيب الاضافة علي مدونتك ادخل علي لوحة تحكم مدونتك واختار التخطيط كما واضح في الصورة
واختارتحرير html
وقوم بلبحث بلضغظ علي
وبحث علي الكود </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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwc4VgyFB8OoXFNelOGlgyl-1CdCNu_xCuyHnlGdxCPdTdou_Pf_t__I_2sTTuuDvx1gbinw3Vge3bjl1AhXrmGfSvKueSwbaWlwPK3u_Gf2LxEANmPFjMqjnRCYGLQpb_qzxvl9iIMok/") 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'/>
ومن جديد قوم بلبحث علي احد الكوداين
<data:post.body/>او <div class='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://www.bloggerplugins.org/2009/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 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> - See more at:
يمكنك تغير شاهد ايضا الي اي كلمة تريدها مثال مواضيع ذات صلة علي حسب رغبتك
ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان