Related posts for blogger

Related posts буюу тухайн бичлэгтэй холбоотой бичлэг

Блог уншиж байгаа хүмүүсийн нэг асуудал бол тухайн post-той ижил төрлийн post-уудыг нэг дор уншиж чадахгүй байсан явдал юм. Тэгвэл realeted posts бюу ижил төрлийн бичлэгүүдийг нэг дороос унших болоомжийг огож байгаа юм байна Related post-той болох нэг нөхцөл бол та өөрийн блогийн бичлэгүүдээ ангиласан байх ёстой. Өөрөөр хэлбэл ангилсан ангилалын (Label) дагуу холбоотой бичлэгүүд гарч ирдэг гэсэн үг юм.

Ингээд хэрхэн өөрийн блогтоо холбоотой бичлэгүүдийг нь харуулах вэ?
Өөрийн IDгаар blogger-руу нэвтрэн орно.
1. layout-ыг сонго
2. Edit HTML хэсэгрүү орно.
3. Expand Widget Templates гэсэнг чагтлаад дараагаар нь доторх кодыг ямар нэгэн файлд хуулж хадгалж авна.




Кодын хэсгээс style tag дотор буюу ]]></b:skin> -ын өмнө талд доорх кодыг хуулж өгнө. Доорх код нь харагдах загварын код учраас CSS-ын ойлголттой хүмүүс өөрийн блогтоо тааруулж өөрчилж болно.
#related-posts {
float : left;
width : 540px;
margin-top:10px;
margin-left : 5px;
font : 11px 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 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
}
Мөн Доорх кодыг header tag буюу кодын хэсгийнхээ </head>-ын өмнө талд хуулж өгнө.
<script src='http://sanakae.googlepages.com/js_plugin_RelatedPosts.js' type='text/javascript'/>

Дараагаар нь <data:post.body>-ыг олж яг үүнийхээ доор доорх кодыг хуулна. Та холбоотой бичлэг хэдэн тоогоох харж болно. Ингэхийн тулд max-results=10 гэсэн хувьсагчийн утгыг өөрийнхөөрөө өгөөрэй.

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Холбоотой бичлэг :</b></font>
<font color='#FFFFFF'>
<b:loop values='data:post.labels' var='label'>
<data:label.name/>
<b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</font>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>


Ингээд л боллоо. Амжилт хүсье Асуух зүйл байвал сэтгэгдэлд үлдээгээрй.