القائمة الرئيسية

الصفحات

اضافة مواضيع ذات صلة في مدونة بلوجر في جميع التدوينات

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


اضافة مواضيع ذات صلة في مدونة بلوجر في جميع التدوينات


السلام عليكم ورحمة الله وبركاته اهلا وسهلا بكم متابعين موقع تقنية دوت ون اليوم سنقدم لكم شرح بشكل مفصل عن طريقة اضافه مقالات ذآت الصلة


اضافة مواضيع ذات صلة في مدونة بلوجر في جميع التدوينات


تعد هذه الاضافة الجميلة والضرورية لمدونات البلوجر blogger من أهم الإضافات التي يجب عليك اضافتها في مدونتك من اجل عرض المواضيع التي تشبه التدوينة التي يقرأها الزائر والتي سوف تزيد من فرصة بقاء ال زوار في المدونة او ال موضوع


تعد هذه الإضافة  من افضل إضافات التي يجب اضافتها في كل قوالب بلوجر التي لا يحتوي إضافة تدوينات الذات صله والتي لها اشكال كثيرة ومميزات رائعة لا تعد ولا تحصى ويمكنك اضافتها داخل القالب (المدونات) وسوف تضهر و تقوم بعرض عدد المشاركات posts  بشكل تلقائي والتي تساعد المدونين جدا في الكثير من الامور ال مهمة  


إضافة مواضيع ذات صلة أسفل كل تدوينة


هل رأيت اثناء زيارتك احد المواقع الالكترونية في ال مدونات مواضيع ذات صلة فاذا رايتها فهذه هي الاضافة التي سوف نشرح كيفية اضافتها تحت المشاركة لأن لها أهمية بالغة في زيادة ارباح ادسنس بشكل كبير وهذا امر جيد جدا و يقوم بزيادة الاقبال على قراءة المزيد من موضوعات مدونتك كما انه يزيد معدل الدخول الى المدونه


طريقة اضافة مواضيع ذات صلة في مدونة بلوجر


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

قبل ان نبدا انصحك باخذ نسخة احتياطية من القالب 

والان لنبدأ في العمل :

  • ادخل الى حسابك في بلوجر
  • قم باختيار المدونة التي تريدها
  • اذهب الى لوحة تحكم بلوجر blogger
  • ادخل الى المضهر
  • قم بالضغط على السهم بجانب كلمة تخصيص
  • اضغط تعديل html
  • اضغط في اي مكان على اكواد بلوجر
  • اضغط ctrl + f لاضهار مربع بحث بلوجر 
  • انسخ هذا الكود  <head/> وقم بوضعه في مربع البحث واضغط enter 
  •  ثم قم بنسخ هذا ال كود (الكود الاول)


<!--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:right;width:auto;}

a#related-posts {border-left: 1px dotted #eaeaea;}

#related-posts a:hover{background: #f2f2f2;}

#related-posts h2 {margin-top: 10px;background:none;font:18px;padding:3px;color:#999999;}

#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}

#related-title{color:#222;text-align:center;padding: 0 10px;font-size:14px; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}

#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}

</style>

<script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' />

<!-- remove -->

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

  • وضعه فوق <head/> اي (قبله)
  • ابحث عن هذا الكود <div class='post-footer'>
  • بعد البحث قم بنسخ هذا الكود (الكود الثاني)

<!-- Related Posts with Thumbnails Code Start-->

<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>

<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_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>

<script type='text/javascript'>

</script>

</div><div class='clear'/>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

</b:if>

</b:if>

<!-- Related Posts with Thumbnails Code End-->


  • وضعه فوق اي (قبله) <div class='post-footer'>

قم بتغير الرقم 5 في هذه الكلمة max-results=5 التي تجدها في الكود الثاني من اجل تحديد عدد المواضيع ذات صلة التي تريد اضهارها في مواضيع بلوجر (التدوينات)


ملاحظة: للتعديل على إضافة المواضيع المشابهة في بلوجر يمكنك ذلك وبسهولة لانني قمت بتحديد بعض الارقام و الاحرف باللون الاحمر وذلك من اجل معرفتها وتعديلها بما يناسبك 


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

  1. للتعديل على عرض ال إضافة عدل فقط الرقم برقم يناسبك  width:100px
  2. للتعديل على ارتفاع ال إضافة عدل فقط الرقم برقم يناسبك  height:100px
  3. للتعديل على اللون عدل الرقم 222#
  4. للتعديل على حجم الخط عل الرقم 14px


ملاحظة: اذا كنت من مستخدمي الهاتف ولا تمتلك كمبيوتر فلا تقلق انت في المكان المناسب وكل ما عليك هو قراءة هذا المقال برنامج التعديل على اكواد بلوجر من الهاتف


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


تعليقات