طریقه نمایش مطالب مرتبط با هر پست در بلاگر

ارسـال شـده تـوسـط سبزین تن × ۱۸:۴۳

نمایش دادن مطالب مرتبط با هر پست علاوه بر آسان نمودن کار برای بازدیدکنندگان وبلاگ شما ، به قالب شما چهره ای حرفه ای و جذاب می بخشد. همین امر بر آن شد تا نحوه اضافه کردن این ویژگی را به شما آموزش دهم:
مطالب مرتبط
برای این منظور:
یک: از قسمت "طرح" وارد بخش "ویرایش HTML" وبلاگ خود شوید
دو: از قالب خود پشتیبان بگیرید 
سه: تیگ گزینه "گسترش الگوهای عناصر صفحه" را قرار دهید
چهار: در قالب وبلاگ خود کد زیر را پیدا کنید: (با استفاده از Ctrl+F)

</head>

پنج: کدهای زیر را قبل از آن قرار دهید:


<style>
 #related-posts { 
float : right; 
width : 655px; 
margin-top:20px; 
margin-left : 5px; 
margin-bottom:20px; 
font : 13px Verdana; 
margin-bottom:10px;
 } 
#related-posts .widget { 
list-style-type : none; 
margin : 5px 0 5px 0; 
padding : 0;
 } 
#related-posts .widget h2, #related-posts h2 {
 font-size : 20px; 
font-weight : normal; 
margin : 5px 7px 0; 
padding : 0 0 5px; 
} 
#related-posts a { 
text-decoration : none;
 } 
#related-posts a:hover { 
text-decoration : none; 
} 
#related-posts ul { 
border : medium none; 
margin : 10px; 
padding : 0; 
} 
#related-posts ul li {
 display : block; 
background : url(&quot;http://029.img98.net/out.php/i280437_garrow111.gif&quot;) no-repeat 0 0; margin : 0; 
padding-top : 0; 
padding-right : 0; 
padding-bottom : 1px; padding-left : 21px; 
margin-bottom : 5px; 
line-height : 2em; 
border-bottom:1px dotted #cccccc; 
} 
</style> 
<script src='http://yourjavascript.com/1911619124/Related_posts_hack.js' type='text/javascript'/>

شش: یکی از کدهای زیر را در قالب خود پیدا کنید:


<data:post.body/>
یا
<div class='post-body>

هفت: کدهای زیر را بعد از کد بالا قرار دهید:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='5'><b>مطالب مرتبط : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

هشت: قالب خود را ذخیره کنید.
کدهای استفاده شده در این ترفند را می توانید از لینک های زیر نیز دریافت کنید:
برچسب ها:
« قبلی × بعدی »

در همیـن زمینه

2 نظر

  1. Unknown۹ اردیبهشت ۱۳۹۰ ساعت ۲۲:۴۸

    سلام خوبی؟
    دمت گرم...مطالبت برای پیشرفت کار خیلی خوبه...من یه کدی استفاده کرده ام...این رو هم اتحان میکنم ببینم چه جوریه...
    شاد باشی...
    به امید ازادی سبز...

    پاسخحذف
  2. Unknown۱۰ اردیبهشت ۱۳۹۰ ساعت ۲۳:۵۸

    سلام
    از تلاشی که انجام میدی ممنونم...ولی این کد برای من کار نکرد...

    پاسخحذف

» لطفا در نظرات خود از الفاظ رکیک استفاده نکنید
» لطفا نظرات خود را به زبان فارسی تایپ کنید