الثلاثاء، 7 يناير 2014

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


 اداة مواضيع ذات صلة بأشكال متعددة

 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/AVvXsEiR4sedjzmjHasva2UWv9ep4Pc_0NswxOnjm6qb5aR9G1bJIgPcwakYVhIq2uSRdv8ow8PxsejbYahRpyUmfYtRYOSj6CBo6ATW5jYGo3GvW2k8g7occTr-WrWQXCVvlTzADORS3TgQ4JQ/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://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://www.condaianllkhir.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-->



 من خلال بعض المواقع أداة مواضيع ذات صلة


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

 linkwithin.com 

فى دقائق معدودة وخطوات بسيطة يمكن إضافة الأداة فقط إملأ البيانات بالبريد الإلكترونى وعنوان الموقع وتحديد المنصة التى عليها الموقع سواء كانت بلوجر أو وورد بريس ثم تحديد عدد المواضيع التى تريد أن تظهر بالإضافة ثم الضغط على Get widget

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

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



انتظر تعليقاكم
تقبلو تحياتى
مختارات






0 التعليقات :

إرسال تعليق