Web Hosting

الجمعة، 25 مارس 2011

طريقة وضع اداة 'مواضيع داة صلة ' تحت كل تدوينة لمدونات بلوجر

السلام عليكم زوار المدونة موضوعنا اليوم هو كيفية أداة اضافة مواضيع دات صلة حيث تضهر الأداة أسفل كل تدوينة  .وهي اداة رائعة فعلا لاضهار مواضيعك الأخرى للزائر ليسهل على على زائر مدونتك  تصفحها بسلاسة هذه صورة لشكل الأداة



نأتي للكود وطريقة التركيب

لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt + f
</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-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/AVvXsEhIAbsVhLjTTxneJ9rBZjNcAYDfRkIVMHqQvEHt1MwIX9-LUKbp9G9h_wbWLXyET8phL5s3frihlVKNJM-X7lCJ3zwSKXvX3Sw1D38mkkhzN6CdIUjh8sB0fJw9ZR7C53_EkBBG1Wb-AU8/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>
<!--Related Posts with thumbnails Scripts and Styles End-->

ثم ابحث عن الكود التالي :

                                  <data:post.body/>


الان أنسخ والصق هذا  الكود  تحت الكود الذي وجدته
<!-- 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://abu-iyad.blogspot.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-->

ملاحضة

<data:post.body/> غالبا ما يكون هو التاني     
var maxresults=5   عدد المواضيع المراد عرضها ويمكنك تيغيرها الى العدد الذي تريد

احفض القالب .ومبروك عليك



Social Sharing Widget bychamelcool


5 التعليقات:

جزاك الله خيرا اخى
ولانى استفدت منك كثيرا
ساضغط لك على اعلانات جوجل كل مدة ان شاء الله

hsاستفسار
ازاى اشيل دى من عندى
اقرا المزيد: http://chamelcool.blogspot.com/2011/03/blog-post_25.html#ixzz1mJXIpBru

شكرا جزيلا ولكن الضغط كل مرة على اعلانات لأدسنس من نفس
الزائر كل مرة قد يتسبب في قفل حسابي أدسنس ههههههه’

أما الرابط فقط قم بحدفه ,أنا أستعمل تلك الطريقة فقط للأشخاص الدين ينسخون
المواضيع ولايدكرون المصدر ,,,,ويمكنك تطبيقها على مدونتك

http://chamelcool.blogspot.com/2012/02/tyntcom.html

جزاك الله خير لاكن
هذه الطريقة مش شغالة
انا بدي نفس الي على هذا الموقع (متحركة)
ممكن؟

@Sami ALqadumi

تابع هذا الموضوع

http://chamelcool.blogspot.com/2012/05/blog-post_31.html

إرسال تعليق

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.

Web Hosting
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Gadgets By chamelcool Blog