دليل المدون

2013-05-28

أضف مواضيع ذات صلة بأشكال متعددة إلى مدونتك Related posts

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

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

 الطريقة التقليدية لإضافة أداة مواضيع ذات صلة للبلوجر
وتظهر فيها المواضيع المقترحة مع مصغرات الصور والعنوان أسفل الموضوع ذات نفس التسميات
related-post
ولإضافة الأداة إلى مدونة بلوجر إتبع التعليمات:
إذهب إلى لوحة التحكم
تحرير القالب (تابع كيفية إدارة تحرير القالب )
قم بأخذ نسخة إحتياطية من القالب تحسبًا لأى خطأ
إستخدم الكيبورد فى البحث عن الأكواد (ctrl+f) وإبحث عن الكود التالى
</head>

ثم ضع الكود التالى فوقه
<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/AVvXsEiwSIwNkW6Wi0zk_CQ2i617EnYDMcLSRXU89MHXxt-zfYtGcA2p4B2GAhWNG4DZfD54h-1pcOtr4H1fCCMic-qCRUMFvRuQ5_NfYMU2joCscOPe1F3CBLNcL3jPsdZ9h2dyMpYhgNWBy6E/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>

ثم قم بالبحث عن الكود التالى
<div class='post-footer-line post-footer-line-1'>
إن لم تجده إبحث عن هذا الكود
<p class='post-footer-line post-footer-line-1'>
ثم قم بإضافة الكود التالى أسفل أحد الكودين السابقين
<!--  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://www.condaianllkhir.com/" rel="nofollow" target="_blank"><img alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" style="border: 0;" /></a>

</b:if></b:if>

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

 تنسيق أداة مواضيع ذات صلة من خلال بعض المواقع
وهذه أهم المواقع التى تقدم هذه الخدمة:
  1. engageya.com
فبعد التسجيل فى الموقع يمكنك الإختيار بين صنع أداة موضوعات ذات صلة أو عرض موضوعات عشوائية لمدونات بلوجر ووردبريس كيفما تشاء ، وتنسيق الألوان وشكل عرض المواضيع ومكانها.
فيمكن عرض المواضيع على هيئة عناوين فقط أو عرض العناوين مع مصغرات الصور أو عرض المواضيع المشابهة فى نافذة منبثقة على أحد جوانب المدونة
blogger-widget
كما يمكن عمل سلايدر من المواضيع المشابهة أو العشوائية يظهر بنافذة منبثقة أسفل الموضوع (يمكن الإطلاع على كيفية عمل نافذة منبثقة لموضوع عشوائى)
فى دقائق معدودة وخطوات بسيطة يمكن إضافة الأداة فقط إملأ البيانات بالبريد الإلكترونى وعنوان الموقع وتحديد المنصة التى عليها الموقع سواء كانت بلوجر أو وورد بريس ثم تحديد عدد المواضيع التى تريد أن تظهر بالإضافة ثم الضغط على Get widget

blogger-gadget
3blogger-related-posts.googlecode.com
هذا التطبيق الذكى يحتوى على أربع نماذج من أدوات مواضيع ذات صلة ولكن يمكن التحكم فى إعدادات أي أداة من الأربعة بالطريقة التى تناسب مدونتك وهى خاصة بمدونات بلوجر وبدون تسجيل يمكن الحصول على كود الإضافة
related-post
إخفاء الإضافة من الظهور على الصفحة الرئيسية
الذهاب إلى لوحة التحكم ثم أخذ نسخة إحتياطية من القالب
ثم تحرير القالب
البحث عن عنوان الإضافة (مواضيع ذات صلة أو إقرأ أيضا أو.........) بإستخدام Ctrl+F
يظهر الكود مشابها لهذا
<b:widget id='HTML3' locked='false' title='إسم الأداة '  type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!--  only display title if it's non-empty -->
<b:if  cond='data:title != ""'>
<h2  class='title'><data:title/></h2>
</b:if>
<div  class='widget-content'>
<data:content/>
</div>
<b:include  name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

ثم قم بإضافة ما لون باللون الأحمر كما هو موضح بالكود

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

هناك 23 تعليقًا

  1. السلام عليكم ورحمة الله وبركاته
    جزاك الله اختي خير جزاء استفدت اختي كثيرا من مدونتك ولا زلت استفيد منها وأرجع اليها في تجهيز مدونتي .
    واعتذر انني وضعت بعض التعديل عليها.
    http://oumsomaea.blogspot.com/

    ردحذف
  2. أرجو أن تشرفيني هنا للاحتفال بمرور سنة على مدونتي ويسعدني أن تتركي تعليقا بارك الله فيك
    http://omhend-cartonne.blogspot.com/2013/06/un-an.html#.Ua3EFNKZY3p

    ردحذف


  3. السلام عليكم

    جزاك الله خيرا اخى على الرابط الجميل
    نفعنا الله واياك بكل خير ونفع بنا العباد

    تحياتى لجهدك الطيب

    http://shomane.blogspot.com/

    ردحذف
  4. @ Oumsomaea Aden
    شكرا جزيلا لمتابعتك ولا عليكى فمسموح التعديل على أى اضافة بما يناسب مدونتك

    @ rim abdi
    كل عام وانت بخير مدونة أكثر من رائعة

    @ صور مشبات حديثه
    شكرا لمتابعتك

    @ َQE
    شكرا لمتابعتك وربما يفيدك هذا الموضوع على الرابط التالى
    http://www.adsense-plan.com/2011/11/blog-post.html

    ردحذف
  5. تمت التجربة على
    http://www.dvdripgratuit.com/

    ردحذف
  6. السلام عليكم بارك الله فيك تم تجربتها بنجاح عبر الموقع الأول[engageya.com] ولكنها تظهر في داخل المواضيع كماهو مطلوب وفي الصفحة الرئيسية مما يشوة شكل المدونة فهل هناك حل لهذة المشكلة,وجزاءك الله خير

    ردحذف
  7. بالنسبة لـ blogger-related-posts.googlecode.com كان شغال معايا تمام و كانت الموضايع ذات صلة بتظهر تحت بس كتشفت انها اختفت بعديها غيرت النموذج برضه مش بتظهر ليها غير كلمة loading و اللى بتفضل كدة على طول حتى ولو بعد 10دقايق يارتى فى حل

    ردحذف

  8. @ Neveen Nagy
    ممكان يكون السبب هو تركيب اضافة تتعارض مع ظهور مواضيع ذات صلة

    ردحذف
  9. @Ramzi Alshaabi
    تم تحديث الموضوع وشرح إخفاء مواضيع ذات صلة من الصفحة الرئيسية

    ردحذف
  10. الكود مظهرش للاسف

    ردحذف
  11. خلاص هرت عملت توسيع للقالب و ظهرت و عملت التعديلات على القالب بس برضة مش ظاهرة
    ادخلى هنا على البلوج بتاعى و شوفى ايه الغلط WWW.3OUOON.COM
    و شكا للمساعدة

    ردحذف
  12. شكرررررررررررا
    تم التطبيق
    تفضلوا بزيارة مدونتى
    http://www.mixatcool.blogspot.com/

    ردحذف
  13. عطيكم الف صحة وعافية على العمل الممتاز
    http://newsdarchioukh.blogspot.com/

    ردحذف
  14. يعطيك العافية ... مشكور

    http://al2afdall.blogspot.com/

    ردحذف
  15. على أي موقع عملتي على مدونتك مواضيع ذات صلة ومشان إخفاء الإضافة من الظهور على الصفحة الرئيسية لاأجد الكود في مدونتي أرجو الأفادة وشكرا

    ردحذف
  16. @ abraheem morgan
    لإخفاء الأداة من الصفحة الرئيسية إبحث عن عنوان الإضافة داخل القالب مثلا " مواضيع ذات صلة" أو كما توجد فى لوحة التخطيط

    ردحذف
  17. تمت التجربة على
    http://tech-19.blogspot.com/

    ردحذف
  18. عافاك الله عاى هذا العمل الطيب
    droidkeni.blogspot.com

    ردحذف
  19. بارك الله جهودك ورزقك القبول

    ردحذف
  20. انا كنت عاوز احذف صنوق التعليقات من السيرش عرفت اشيلو من الصفة الرئيسية بس في السيرش مش عارف

    ردحذف
    الردود
    1. لحذف صندوق التعليقات إذهب إلى لوحة تحكم بلوجر ثم اعدادات ثم من تبويب مشاركات وتعليقات إختر إخفاء من القائمة المنسدلة لموقع التعليقات

      حذف
  21. سلام عليكم

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

    ردحذف
    الردود
    1. سأحاول فى أقرب فرصة إن شاء الله, تحياتى

      حذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون