شرح كيفيه اضافه مواضيع ذات صله في 12:09 م

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

بسم الله الرحمن الرحيم

سوف نتعلم سويا اليوم عن كيفيه اضافه مواضيع ذات صله بشكل جميل جدا تجعل زائر مدونتك يعجب بها وياتي اليها مره اخري

هي عبارة عن روابط لمقالات مقترحة من نفس المدونة يتم إضافتها تحت المواضيع حيث أن هذه العناوين تكون ذات صلة بالموضوع الذي يقرؤه الزائر مما يسهل عليه الإطلاع على مواضيع أخرى.و الجميل في ذلك أن هذه الروابط تكون مصحوبة بصور الموضوع, بدون إطالة عليك إتباع التعليمات التالية

1.  اذهب الي لوحه تحكم مدونتك 
2. ادخل علي تصميم
3. ادخل علي تحرير html اعلي الصفحه 
4. اعمل علامه صح علي توسيع عناصر الصفحه 
5. ابحث عن  </head>
6. ضع الكود التالي فوقه مباشرة 

7. <!--Related Posts with thumbnails Scripts and Styles Start-->
   <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
   <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: 1.6em;
   font-weight: bold;
   color: black;
   font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
   margin-bottom: 0.75em;
   margin-top: 0em;
   padding-top: 0em;
   }
   #related-posts a{
   color:black;
   }
   #related-posts a:hover{
   color:black;
   }
   
   #related-posts a:hover {
   background-color:#d4eaf2;
   }
   </style>
   <script type='text/javascript'>
   var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBq-oyTioRRvnO-pSJZhAuf_5Q6ukwvGTcN09C8s6k_DYl3iODDoNoibGcColbq7MSE-XuWgvkhhtf564wxINxetgEEZ52wqBBjFdVYMfcBN3_eegi84xECbcA4dyJJ7hMdvmiDGGOiwY/s400/noimage.png";
   var maxresults=5;
   var splittercolor="#d4eaf2";
   var relatedpoststitle="مواضيع ذات صلة ";
   </script>
   <script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/>
   <!-- remove --></b:if>
   <!--Related Posts with thumbnails Scripts and Styles End-->

    

    إقرأ المزيد على مدونة شباب مصر http://egy-shbab.blogspot.com/

   ثم بعد ذلك ابحث عن 
8. <div class='post-footer-line post-footer-line-1'>
9. او دا   <p class='post-footer-line post-footer-line-1'>
10. ضع هذا الكود تحته مباشرة 

11. <!-- Related Posts with Thumbnails Code Start-->
    <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
    </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://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://abu-iyad.blogspot.com/' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
    </b:if></b:if>
    <!-- Related Posts with Thumbnails Code End-->

    
     إقرأ المزيد على مدونة شباب مصر http://egy-shbab.blogspot.com

      لو عايز تغير كلمه مواضيع ذات صله غيرها ولو عايز تغير عدد الذي يعرض 
12. غير رقم 5
13. لاتنسي تعليقك وتابعنا مع الجديد علي مدونه شباب مصر 

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

abuiyad