Blogspot дээр блог бичиж байгаа хүмүүст нэг бэрхшээл байсан нь сomment бичих цонх тухайн post-оос тусдаа эсвэл бүр өөр цонхонд гарч ирдэгт байлаа. Харин энэ асуудал саяхан үгүй болсонг ихэнх нь мэдэж байгаа байх. Бас нэг асуудал бол тухайн post-той ижил төрлийн post-уудыг уншигчдад санал болгодоггүйд(Related post) байлаа. Энэ асуудал бас үгүй болж байх шиг байна.
Related post-той болох нэг нөхцөл бол та өөрийн блогийн бичлэгүүдээ ангиласан байх ёстой. Өөрөөр хэлбэл ангилсан ангилалын (Label) дагуу холбоотой бичлэгүүд гарч ирдэг гэсэн үг.
Ингээд хэрхэн өөрийн блогтоо холбоотой бичлэгүүдийг нь харуулах вэ?
Эхний ээлжинд нөгөөх л арга шатууд явагдах болно.
Кодын хэсгээс style tag дотор буюу ]]></b:skin> -ын өмнө талд доорх кодыг хуулж өгнө. Доорх код нь харагдах загварын код учраас CSS-ын ойлголттой хүмүүс өөрийн блогтоо тааруулж өөрчилж болно.
Мөн Доорх кодыг header tag буюу кодын хэсгийнхээ </head>-ын өмнө талд хуулж өгнө.
Дараагаар нь өнөөх алдартай <data:post.body>-ыг олж яг үүнийхээ доор доорх кодыг хуулна. Хэрэв та холбоотой бичлэгээ 5аас илүүг харуулахыг хүсвэл max-results=5 гэсэн хувьсагчийн утгыг өөрийнхөөрөө өгөөрэй.
Ингээд л боллоо доо. Амжилт хүсэе!
Related post-той болох нэг нөхцөл бол та өөрийн блогийн бичлэгүүдээ ангиласан байх ёстой. Өөрөөр хэлбэл ангилсан ангилалын (Label) дагуу холбоотой бичлэгүүд гарч ирдэг гэсэн үг.
Ингээд хэрхэн өөрийн блогтоо холбоотой бичлэгүүдийг нь харуулах вэ?
Эхний ээлжинд нөгөөх л арга шатууд явагдах болно.
- Өөрийн IDгаар blogger-руу нэвтрэн орно.
- layout-ыг сонго
- Edit HTML хэсэгрүү орно.
- 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.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&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</font>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>
Ингээд л боллоо доо. Амжилт хүсэе!
Энэ код чинь болж байна шүү. Би copy paste-d болгочихлоо. Баярлалаа. Одоо холбоотой бичлэгээс чинь хуулах юм хайлаа.
ReplyDeleteСанакээ нэг сайхан нартай өдөр пиаваар дайлнаа. Пиав уудгүй бол ундаа жүүс юу байдгийн. Аягүү их талархдаг шүү.
ReplyDeleteхэхэ таных шиг л болох юм шиг байна тээ тэгж байгаад овоо хэдэн посттой болохоороо авч хэрэгжүүлнээ их л хэрэгтэйм шиг байна баярлалаа
ReplyDeleteДарамбазар: найдвартай юм оруулна шүү дээ. Өөрийнхийгөө биччихсэн.
ReplyDeleteCrab: За хэлсэн шүү. Ундаагаар дайлна гэж.
Duurnee: Өөрийнхийгөө л хийсэн адилхан байх нь аргагүй :). Өөрийнх шигээ ч харагдахаар болгож болно.
Миний криилл үсгүүд гарахаа больчих юм. Яаж байгаа юм бол. Тэхээр нь кодоо буцаагаад авсан чинь бичлэг болгоны доор ???????????? гэсэн юм үлдээд байдаг.
ReplyDeleteThis comment has been removed by the author.
ReplyDeletesanakae ah mini data:post.body ene code minii blogiin html dotor bdaggui ee yaahuu ho.
ReplyDeletejojo : Chi hajuu tald baigaa "Expand Widget Templates" -g ni chagtlaagui baihaadaa hehe ...
ReplyDeleteyu ch bolson nogoo yumiig ni olood buh code oo hiitsen tgsen holbootoi bichleguud ni garch irdegguieee
ReplyDeletesanakae 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Баярлалаа. Өмнө нь коопий пааст хийгээд блогтоо оруулчих гэсэн чинь болоогүй. Харин темплэйтээ сольсон чинь болчих шиг боллоо
ReplyDeleteDATA:POST:BODY> Miniih deer iim bnashd POST:BODY/>
ReplyDeleteтэрнийхээ доогуур хийгээд үзээ
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeletebody chini adraa / zuraastai bh estoi humuusee body/> gej
ReplyDeleteналуу зураасгүй бичээд хаясан байна уу
ReplyDeleteooriin chini tip-uudeer buren tonoglogdoj bnda
ReplyDeletetnx man
ReplyDeleteзүгээр
ReplyDeletebayarlalaa nice
ReplyDeletehey zaluusaa sanakae-n codeuud googlepages bish http://sanakae.googlecode.com bolsiin bna shuu urid ni code avaj hergelj bsan humuus oorchilooroi
ReplyDeleteХарин тэгсэн. google page хэтэрхий их хандалттай болоод хаагдаад болохгй болчоод байгаа юм.
ReplyDeleteymar neg oorchlolt garsangui yugiina bas buruu hiichvee bi
ReplyDeletemax-results=5 murtluu minih labeld bga buh niitlelud garad bhin yahu?
ReplyDeleteтухайн линк хэсгийг нь хуулж аваад тоог нь өөрчлөөд үз юм мэдэгдэж байна уу. Үгүй бол чиний template дотор энийг нь өөрчилсөн хэсэг байна гэсэн үг.
ReplyDeleteяаж зурагтай гаргаад байна?
ReplyDeleteБаярлалаа. Оройхон гараад ширүүхэн дайрч байна даа
ReplyDeleteэнэ би копи хийж болку юм аа танай блогоос яаж копидож аваад бна
ReplyDeleteEeeee BAYAR ALLAAA :P
ReplyDeleteBayrlaa
ReplyDelete