كيفيه اضافه اداة مواضيع ذات صله



لاضافه الاداة تابع الشرح 



اولاً اذهب الى لوحة تحكم المدونة 
ثم الى قالب ثم تحرير 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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAMCsv9g8JQXNWuaVUh4mhFNPaLCZQVwUjVVJO3OAT6lqd9zxxyFVHj9iafKyoyQLW1xVz11pGdxOnpUK4mEP4qwn3krqXAw8I8IR9p9tv55mjsBZtIy4EOVqatoeLw8JcSwL4vn2rthw/&quot;) 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 != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' 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 droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>مواضيع ذات صله</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> </b:if>

0 تعليقات