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

 

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




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


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 07-29-2012, 01:09 AM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Thumbs up شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر

أنا : admin




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

أولا : صورة عن الإضافة :



مثال حي : معهد خبراء بلوجر

الآن شرح الإضافة :
الخطوة الأولى : اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن : </head>
أضف فوقها مباشرة الكود التالي :
كود:
<!--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-right:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, 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="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
var maxresults=3;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

توضيحات :
  1. الرقم 3 من الكود الأحمر يمثل عدد المواضيع المراد عرضها بالأداة
  2. d4eaf2 يمثل كود لون الخلفية عند تمرير الماوس على أحد المواضيع المشابهة
  3. مواضيع ذات صلة يمثل عنوان الأداة
الخطوة الثانية : من تحرير HTML ابحث عن أحد هذه الأكواد :

كود:
<data:post.body/>

إن وجدت اثنين فالثاني هو المقصود



أو



كود:
<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=4&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> 

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


لاحظ أنه يفضل أن يكون الرقم المقابل لmax-results= في هذا الكود أكبر برقم من المتواجد في الكود السابق.


اضغط حفظ الآن

عثمان بن الطالب إذا أعجبك الموضوع لا تبخل علينا برد وبالضغط على زر أعجبني للفيسبوك أسفله

الدعم العربي

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

مركز رفع موسوعة العربية
قديم 07-29-2012, 02:12 AM   #2
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر

أنا : REDA




تسلم ايدك اخى عثمان ..جميل :)

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
قديم 07-29-2012, 02:26 AM   #3
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر

أنا : admin




اقتباس:
المشاركة الأصلية كتبت بواسطة REDA مشاهدة المشاركة
تسلم ايدك اخى عثمان ..جميل :)
العفو أخ رضا

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 08-02-2012, 01:41 AM   #4
midohero007
مدون جديد
 
تاريخ التسجيل: Jul 2012
المشاركات: 32
افتراضي رد: شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر

أنا : midohero007




اقتباس:
الخطوة الأولى : اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن : </head>
أضف فوقها مباشرة الكود التالي :
كود:
<!--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-right:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, 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="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";


كدا تمام
طيب ودا
حضرتك مقلتش فين

كود:
var maxresults=3;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


؟؟؟

اقتباس:

الخطوة الثانية : من تحرير HTML ابحث عن أحد هذه الأكواد :

كود:
<data:post.body/>

إن وجدت اثنين فالثاني هو المقصود



أو



كود:
<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=4&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> 

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


لاحظ أنه يفضل أن يكون الرقم المقابل لmax-results= في هذا الكود أكبر برقم من المتواجد في الكود السابق.
مش فاهم النقطة دى برضه؟

الدعم العربي

midohero007 غير متواجد حالياً   رد مع اقتباس
قديم 08-02-2012, 02:34 AM   #5
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر

أنا : admin




اقتباس:
المشاركة الأصلية كتبت بواسطة midohero007 مشاهدة المشاركة
كود:
<!--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-right:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: Bold;
color: Black;
font-family: Georgia, “times new roman”, 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="http://1.bp.blogspot.com/_u4gysn2zgqe/sosvnavwq0i/aaaaaaaaark/yl95wlytqr0/s400/noimage.png";


كدا تمام
طيب ودا
حضرتك مقلتش فين

كود:
var maxresults=3;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--related posts with thumbnails scripts and styles end-->


؟؟؟



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

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
إضافة رد

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

الكلمات الدلالية (Tags)
أداة, مواضيع ذات صلة, blogger, الروابط الداخلية, بلوجر, تقوية الأرشفة, صوري, إضافة


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

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
طريقة إضافة أداة القائمة البريدية بشكل أنيق لمدونة بلوجر 2013 مى محمد إضافات وأدوات بلوجر 6 05-04-2013 08:59 PM
إضافة أداة مواضيع ذات صلة للبلوجر abdoumara إضافات وأدوات بلوجر 1 02-05-2013 12:41 PM
إضافة أداة آخر المواضيع لبلوجر بشكل رائع luqmanessam دروس بلوجر 0 01-17-2013 09:01 PM
شرح إضافة أداة مواضيع ذات صلة (بشكل نصي) لتقوية الروابط الداخلية على بلوحر admin إضافات وأدوات بلوجر 4 07-29-2012 12:48 AM
شرح إضافة شريط آخر مواضيع المدونة بشكل متحرك admin إضافات وأدوات بلوجر 15 07-25-2012 10:04 PM





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

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