Related posts for blogger

related postBlogspot дээр блог бичиж байгаа хүмүүст нэг бэрхшээл байсан нь сomment бичих цонх тухайн post-оос тусдаа эсвэл бүр өөр цонхонд гарч ирдэгт байлаа. Харин энэ асуудал саяхан үгүй болсонг ихэнх нь мэдэж байгаа байх. Бас нэг асуудал бол тухайн post-той ижил төрлийн post-уудыг уншигчдад санал болгодоггүйд(Related post) байлаа. Энэ асуудал бас үгүй болж байх шиг байна.
Related post-той болох нэг нөхцөл бол та өөрийн блогийн бичлэгүүдээ ангиласан байх ёстой. Өөрөөр хэлбэл ангилсан ангилалын (Label) дагуу холбоотой бичлэгүүд гарч ирдэг гэсэн үг.

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


Кодын хэсгээс 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.googlecode.com/files/js_plugin_RelatedPosts.js' type='text/javascript'/>

Дараагаар нь өнөөх алдартай <data:post.body>-ыг олж яг үүнийхээ доор доорх кодыг хуулна. Хэрэв та холбоотой бичлэгээ 5аас илүүг харуулахыг хүсвэл max-results=5 гэсэн хувьсагчийн утгыг өөрийнхөөрөө өгөөрэй.
<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>


Ингээд л боллоо доо. Амжилт хүсэе!

Холбоотой мэдээлэл

31 comments:

  1. Энэ код чинь болж байна шүү. Би copy paste-d болгочихлоо. Баярлалаа. Одоо холбоотой бичлэгээс чинь хуулах юм хайлаа.

    ReplyDelete
  2. Санакээ нэг сайхан нартай өдөр пиаваар дайлнаа. Пиав уудгүй бол ундаа жүүс юу байдгийн. Аягүү их талархдаг шүү.

    ReplyDelete
  3. хэхэ таных шиг л болох юм шиг байна тээ тэгж байгаад овоо хэдэн посттой болохоороо авч хэрэгжүүлнээ их л хэрэгтэйм шиг байна баярлалаа

    ReplyDelete
  4. Дарамбазар: найдвартай юм оруулна шүү дээ. Өөрийнхийгөө биччихсэн.

    Crab: За хэлсэн шүү. Ундаагаар дайлна гэж.

    Duurnee: Өөрийнхийгөө л хийсэн адилхан байх нь аргагүй :). Өөрийнх шигээ ч харагдахаар болгож болно.

    ReplyDelete
  5. Миний криилл үсгүүд гарахаа больчих юм. Яаж байгаа юм бол. Тэхээр нь кодоо буцаагаад авсан чинь бичлэг болгоны доор ???????????? гэсэн юм үлдээд байдаг.

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. sanakae ah mini data:post.body ene code minii blogiin html dotor bdaggui ee yaahuu ho.

    ReplyDelete
  8. jojo : Chi hajuu tald baigaa "Expand Widget Templates" -g ni chagtlaagui baihaadaa hehe ...

    ReplyDelete
  9. yu ch bolson nogoo yumiig ni olood buh code oo hiitsen tgsen holbootoi bichleguud ni garch irdegguieee

    ReplyDelete
  10. sanakae ah mini dee ta uzeech. minii blogiin holbootoi bichleguud ni garahgui bna. codond yum hum oorchilj ogoh hereg uu. neg l sonin garch irdeggui ee

    ReplyDelete
  11. Баярлалаа. Өмнө нь коопий пааст хийгээд блогтоо оруулчих гэсэн чинь болоогүй. Харин темплэйтээ сольсон чинь болчих шиг боллоо

    ReplyDelete
  12. DATA:POST:BODY> Miniih deer iim bnashd POST:BODY/>

    ReplyDelete
  13. тэрнийхээ доогуур хийгээд үзээ

    ReplyDelete
  14. This comment has been removed by the author.

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete
  16. body chini adraa / zuraastai bh estoi humuusee body/> gej

    ReplyDelete
  17. налуу зураасгүй бичээд хаясан байна уу

    ReplyDelete
  18. ooriin chini tip-uudeer buren tonoglogdoj bnda

    ReplyDelete
  19. hey zaluusaa sanakae-n codeuud googlepages bish http://sanakae.googlecode.com bolsiin bna shuu urid ni code avaj hergelj bsan humuus oorchilooroi

    ReplyDelete
  20. Харин тэгсэн. google page хэтэрхий их хандалттай болоод хаагдаад болохгй болчоод байгаа юм.

    ReplyDelete
  21. ymar neg oorchlolt garsangui yugiina bas buruu hiichvee bi

    ReplyDelete
  22. max-results=5 murtluu minih labeld bga buh niitlelud garad bhin yahu?

    ReplyDelete
  23. тухайн линк хэсгийг нь хуулж аваад тоог нь өөрчлөөд үз юм мэдэгдэж байна уу. Үгүй бол чиний template дотор энийг нь өөрчилсөн хэсэг байна гэсэн үг.

    ReplyDelete
  24. яаж зурагтай гаргаад байна?

    ReplyDelete
  25. Баярлалаа. Оройхон гараад ширүүхэн дайрч байна даа

    ReplyDelete
  26. Anonymous29/4/11 20:48

    энэ би копи хийж болку юм аа танай блогоос яаж копидож аваад бна

    ReplyDelete