 |
|
|
|
|
|
|||||||
 |
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
07-29-2012, 01:09 AM
|
#1 |
|
مدير عام
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر
بسم الله الرحمن الرحيم بعد أن تعرفنا في موضوع سابق على شرح إضافة أداة مواضيع ذات صلة (بشكل نصي) لتقوية الروابط الداخلية على بلوحر في هذا الموضوع سنتطرق إلى شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على مدونتك في بلوجر بحيث يعرض صورة من الموضوع مع العنوان فقط. الآن شرح الإضافة : الخطوة الأولى : اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن : </head> أضف فوقها مباشرة الكود التالي : كود:
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<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 == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=4"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <!-- Related Posts with Thumbnails Code End--> لاحظ أنه يفضل أن يكون الرقم المقابل لmax-results= في هذا الكود أكبر برقم من المتواجد في الكود السابق. اضغط حفظ الآن  عثمان بن الطالب إذا أعجبك الموضوع لا تبخل علينا برد وبالضغط على زر أعجبني للفيسبوك أسفله
__________________
|
|
|
|
|
07-29-2012, 02:12 AM
|
#2 |
|
مدون مميز
تاريخ التسجيل: Apr 2012
المشاركات: 441
 |
رد: شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر
__________________
|
|
|
|
|
07-29-2012, 02:26 AM
|
#3 | |
|
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
رد: شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر
اقتباس:
__________________
|
|
|
|
|
|
08-02-2012, 01:41 AM
|
#4 | ||
|
مدون جديد
تاريخ التسجيل: Jul 2012
المشاركات: 32
|
رد: شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر
اقتباس:
كود:
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<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--> ؟؟؟ اقتباس:
__________________
|
||
|
|
|
|
08-02-2012, 02:34 AM
|
#5 | |
|
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
رد: شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر
اقتباس:
بخصوص الخطوة الثانية أنت لما تحصل أحد الأكواد الثلاثة أضف بعدها الكود الموجود بالموضوع
__________________
|
|
|
|
|
|
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| أداة, مواضيع ذات صلة, blogger, الروابط الداخلية, بلوجر, تقوية الأرشفة, صوري, إضافة |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
المواضيع المتشابهه
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| طريقة إضافة أداة القائمة البريدية بشكل أنيق لمدونة بلوجر 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 |
|
الساعة الآن 01:52 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |
العرض العادي
