اخر أخبار مصر ** أخبار العالم العربى ** أخبار الرياضة

( محمـــــــــــــــــــود غــــالـــــــى )

تسجيل الدخول

تسجيل الدخول بمدونات بلوجر


تــــــــــــابـــع اعمـــــــــــــــــــالــــــــى

من اعمـــــــــــــــــــــالـــــــــــــى

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

مســـــاحة اعـــــلانيـــــة

عنوان الموضوع الاول عنوان الموضوع الثاني عنوان الموضوع الثالث عنوالن الموضوع الرابع عنوان الموضوع الخامس

.باب دخول الادارة

يتم التشغيل بواسطة Blogger.

0

0

من شاهد اعمالى

المتابعون

الخميس، 14 مايو 2015


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

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

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

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



وتظهر فيها المواضيع المقترحة مع مصغرات الصور والعنوان أسفل الموضوع ذات نفس التسميات

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/AVvXsEiRSHatUqCQrAIEs4bTJ8HITQMfRxIigN7MUErPUoWE8Ga_0lL576hAqmRPkrFxwRFNdk_84LTIeeCFjOlCFSL0-jMhd8bYakEI4ffTYpLH45zXXOVnf5RYvClndVWVkmZESS1m0b4N7jw/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-->

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

blogger-gadget
3.  blogger-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 التعليقات

0 التعليقات:

تــــابع اعمـــــــــا لــــــــــــى

استمع الى القران

من اعمالى


Blogger widgets

المشاركات الشائعة

من اعمالى

من اعمالى