2010-11-03

Илүү үзэмжтэй сүүлийн сэтгэгдэлүүд

Блогспотод маань сүүлийн сэтгэгдэлүүдийг харуулдаг gadget байдаг ч их л учир дутагдалтай санагддаг. Тухайлбал сүүлд нэмэгдсэн сэтгэгдэл бараг нэг цаг заримдаа үүнээс ч удаан хугацааны дараа сүүлийн сэтгэгдэл хэсэгт орж ирж байгаа харагддаг.

Энд дарж хэрхэн харагддаг болохыг үзээрэй. Энэхүү сүүлийн сэтгэгдэл харуулах арга нь их хялбар мөн илүү үзэмжтэй, хамгийн гол нь хэн нэгэн таны блогт сэтгэгдэл бичхэд тухайн сэтгэгдэл тэр дариудаа сүүлийн сэтгэгдэл хэсэгтээ харагдана.
Нэг гадаад мундаг залуу кодыг бичсэн л дээ. Би харин дээр нь зураг эд нар оруулаад өөрийнхөөрөө нилээн юм өөрчилчихлөө.

Заавар

Блог руугаа өөрийн аккаунтаар нэвтэрч ороод блог удирдах систем дэхь Design хэсэг рүү орж Add a Gadget дарж гарч ирсэн gadget үүдээс HTML/Java script ийг сонгоно. За ингээд доорх кодыг хуулж тавиад л save дархад таны блогт илүү үзэмжтэй сүүлийн сэтгэгдэлүүд гэсэн gadget харагдах болно.

Коод

<div style="height: 250px; overflow-y: scroll;"><script>
//Widget by BevvIsNutt dot com  Original by Blogger Templates
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");
f_rc=f_rc.link(d_rc);
var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");document.write('<div class="rcw-comments">');if(m_rc==true)document.write(k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<img style="float:left; height:35px; width:35px; padding-right:3px;" src="http://1.bp.blogspot.com/_tQnyWUEDgT4/TNIe4kQlJ6I/AAAAAAAAANQ/9iLK9Y4ChVg/s1600/images.jpeg" /><a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> : ');if(l_rc.length<o_rc){document.write('<i>&#8220;</i>');
document.write(l_rc);document.write('&#8221;</div>');}else{document.write('&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</div>');document.write('');}}document.write('');}
</script>

<script style=text/javascript >
var a_rc=10;
var m_rc=true;
var n_rc=true;
var o_rc=50;
</script>

<script src=http://vlmedeh.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>

<style type=text/css>
.rcw-comments a {text-transform: capitalize; text-decoration:underline;}
.rcw-comments {border-top: 1px dotted; height:40px; margin:0px 10px 0px 10px; padding:5px 0px 3px 0px; font-size:12px;}
</style></div>



Анхаарах зүйлс. 
Та улаанаар бичигдсэн коодыг харж байгаа байх. Тухайлбал vlmedeh гээд миний блогийг зааж байгаа юм. Та үүнийг өөрийн блогийн нэрээр солино гэсэн үг. Өөр хүний блог дахь шинээр нэмэгдэж байгаа сэтгэгдэлүүдийг хүртэл өөрийн блогтоо харж болох нь байна шүү дээ.

var a_rc=10; - энэ бол дэлгэцэнд хэдэн сэтгэгдэл харагдахыг зааж байна. Хэрвээ 10 ийг 20 болгох юм бол дэлгэцэнд 20 сэтгэгдэл харагдана. 

var m_rc=true; - он сарыг харагдуулахгүй болгомоор байвал урд харагдаж байгаа true гэдэгийг false болгох хэргтэй

height=250px - энэ болохлээр блогт чинь харагдах өндөрийн хэмжээ. 250 ийг 500 болговол 2 дахин өндөр харагдана гэсэн үг.


Зиак тэгээд бүгдэд нь амжилт хүсье. Энэ их амархан болохоор дор нь хийх байхаа. Зарим нэг блогийн загваын онцлогоос хамаараад хэмжээ дамжаа асуудал гарвал энд яах вэ гээд асуугаарай. Би код өөрчилөлтийг хийж өгөхийг бодноо.


За блогтоо туршиж үзээд сэтгэгдэлээ бичээрэй :)

6 comments

Anonymous

туршиж үзлээ. ҮЛмэдэхийг нь арилгахгүй хийгээд сүүлийн сээгийнүүдийг хараад гайхлаашд
хммм хэлээд байхад тээ
залхуурав мармелад

Cаарал November 6, 2010 at 1:17 PM

Блогспотод "цааш нь унших" гэж оруулдагийг мэдэх байх. Хэдхэн үндсэн дизайныг эс тооцвол үүнийг кодоор оруулж шинэ бичлэг болгондоо бас код нэмж нүүр хуудсан харагдаж хэсгийн хэмжээг тохируулна гэдэг ядаргаатай байдаг.

Бас бичлэгийн нүүр хуудсанд харагдах хэсэгт бичлэг доторхи зургаас жижиг хэмжээтэйгээр оруулах сонирхолтой блогч цөөнгүй байдаг. Гэтэл ийм зургийг жижгэрүүлж хэмжээг тааруулна гэдэг ядаргаатай байдаг.

Энэ 2 асуудлыг нэгэн зэрэг шийдэж болох арга байна. "Цааш нь унших" гэдгийг хэмжээний хамт автоматаар таслаж харуулна. Бичлэг дотроос зургийг автоматаар авч нүүр хуудсан дээр яг нэг хэмжээгээр харуулна. Аргачлалыг эндээс үзэж болно, ямархуу харагдахыг миний блогоос үзэж болно. Сонирхвол блогтоо шинэ бичлэг хэлбэрээр оруулаарай.

Дашрамд дурдахад аргачлалыг тайлбарласан блогт блогспотын бусад олон боломжуудыг үзүүлсэн байна лээ, ухвал хэрэг болж магадгүй зүйлс нэлээд олон гарч ирмээр санагдсан.

Дэлгэрбаяр November 16, 2010 at 12:19 AM

Баярлалаа. Хэрэгтэй бичлэг байна.

Anonymous

thnaks. gogo deer hiij boloh uu?

Anonymous

ene codiig ali heseg drre ni huulah be? 3-4 heseg Add Gatged bga shd ee

vlmedeh February 1, 2011 at 12:23 AM

Яг хаан байрлуулмаар байна тэр талбарынхаа gadget дээр л байрлуулна даа.

Post a Comment

Блогтоо мэдээ нийтлэхдээ өөрийн бодол, өөрийн үгээр өөрийн санааг бичдэг билээ. Мэдээ таалагдсан бол сэтгэгдэл үлдээхээ мартуузай :)

Та сэтгэгдэл бичихдээ Name/URL эсвэл Anonymous гэсэнийг сонгон бичвэл хялбар байх болно.