رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 10-03-2012, 01:24 PM   #1
بلال حمدان
عضو شرف
 
الصورة الرمزية بلال حمدان
 
تاريخ التسجيل: Aug 2012
المشاركات: 231
افتراضي كيفية اضافة مواضيع ذات صلة في بلوجر

أنا : بلال حمدان




هاك رائع لعرض المواضيع ذات الصلة تحت كل تدوينة تكتبها في blogger ، مع الصور المصغرة. ويتم اختيار المواضيع ذات الصلة من مواضيع أخرى في نفس الفئة التي / التسمية / العلامة. مع هذا الهاك العديد من القراء ستبقى على موقعك لفترات أطول من الوقت عندما يرون المواضيع ذات الصلة .




خطوات إضافة أداة المواضيع ذات الصلة إلى Blogger

الخطوة 1. الذهاب إلى لوحة التحكم الرئيسية >> قالب HTML تحرير >>؛

الخطوة 2. " توسيع القالب" ؛

الخطوة 3. البحث (CTRL + F):

كود بلغة HTML:
</head>
الخطوة 4. انسخ والصق فوق </head> الكود الاتي

كود بلغة HTML:
<!--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:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

ملاحظة:
- لتغيير الصورة الافتراضية، استبدل URL اللون الأزرق
- لعرض أكثر من 5 مواضيع، استبدل 5 من "var maxresults=5"
- إزالة الكود البرمجي في اللون البنفسجي إذا كنت تريد أن يتم عرض المواضيع ذات الصلة في الصفحة الرئيسية للموقع

الخطوة 5. الآن العثور على الكود التالي:

كود بلغة HTML:
    <div class='post-footer'>
الخطوة 6. وفوق ذلك،انسخ و الصق الكود التالي:

كود بلغة HTML:
<!-- 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://helplogger.blogspot.com'><img alt='Blogger Tricks' src='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
ملاحظة:
- تغيير قيمة 6 من النتائج MAX-= 6 مع عدد المواضيع التي تريد عرضه.
- إذا كنت تريد أن يتم عرض المواضيع ذات الصلة على الصفحة الرئيسية أيضا، إزالة الكود الذي بالون البنفسجي.

الخطوة 7. حفظ القالب

استمتع :)

المصدر : http://com-pc.blogspot.com/2012/10/blog-post.html

انتهى .........

الدعم العربي

بلال حمدان غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
إضافة رد

مواقع النشر (المفضلة)


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح كيفية اضافة أزرار css3 الى بلوجر | مدونة أنس إدريس anased دروس بلوجر 2 05-08-2013 01:07 PM
كيفية اضافة صفحات فرعية فى المدونة ؟ ارجو الإفادة يا خبراء بلوجر احمد يوسف طلبات الدعم الفني 1 03-29-2013 01:21 PM
استفسار عن كيفية اضافة مواضيع جديدة في اقسام القائمة المنسدلة انور طلبات الدعم الفني 6 03-03-2013 12:47 PM
كيفية اضافة الوجوه الضاحكة في تعليقات بلوجر بلال حمدان إضافات وأدوات بلوجر 3 11-04-2012 09:29 PM
كيفية اضافة/اضهار رسالة منبتقة في مدونات بلوجر seddek إضافات وأدوات بلوجر 0 10-29-2012 03:37 PM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 11:19 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)