الجمعة، 23 نوفمبر 2012

شرح كيفية اضافة مواضيع ذات صلة في بلوجر بالشكل الصحيح مهمة جداً

شرح كيفية اضافة مواضيع ذات صلة في بلوجر بالشكل الصحيح مهمة جداً

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

مميزات الاضافة
  1. ربط مواضيع المدونة ببعضاها وهذا يفيد لتفعيل الارشفة القوية
  2. تنسيق المواضيع المتشابهه فعليا بحسب المواضيع التي في مدونتك
  3. عمل فاعلية للمدونة عن طريق تصفح اكثر للموضيع الذات عنوين جزابة
  4. لفت انتباه الزائر بمواضيع اخرى قد تهمه
  5. زيادة فترة التصفح في المدونة يعمل على تفضيلك في مقدمة صفحات محرك البحث وهذه مهمة جدا
الان تابعو معي الخطوات فهي سهلة وليست معقدة مثل الباقيين

  • قم بالدخول على المدونة التي تريد التطبيق عليها
  • انقر على قالب ثم قم بأخذ نسخة احطياتية قبل التطبيق
  • بعد ان اخدنت نسخة من القالب أنقر على تحرير HTML ثم متابعة
  • ضع علامة توسيع قوالب عناصر واجهة المستخدم
  • ثم ابحث في القالب عن </head> ولتسهيل البحث اضغط على Ctrl+F
  • وضع فوقة مباشر الكود التالي


<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #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/AVvXsEiltTuz7c7-t8dZn3DwPAfVIKNep_4OrUvVjzrHGMlFR8sDeY6OvpQZgGl5W8wgHdG7fqAo1w_ur5bufNOpW692yibQcFKNtesaVv0aQhzRC1HbAdUgH_NljMAtYARXstYpioLLHXqIgU8/&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 #cccccc; } </style> <script src='http://social-news-net.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>

  • ثم ابحث ايضا عن <data:post.body/> وضع تحتة هذا الكود , اذا وجدت الكود مكرر اكثر من 3 مرات اختار رقم 3 واضف بعدها الكود , واذا وجد اقل من ذلك تكون 2

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='5'><b>مواضيع ذات صلة :</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

  • يمكنك تغير "مواضيع ذات صلة" باي كلمة اخرى
  • ثم اضغط على زر حفظ 
اذا واجهت احد مشاكل او نقطة غير واضحة لا تبخل علينا بالرد

2 Comments:

إرسال تعليق