elesson’s Blog


Related posts for blogger

Posted in Blogs lesson by qlmb on April 29, 2009

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&#8217; 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>

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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: