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

Блогспотод маань сүүлийн сэтгэгдэлүүдийг харуулдаг 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyePoxzjOV6PTGNNQX99aEEpWucfR6BRM5kqt1NFvFUOY4urfeLJJsmcbc8zqbg_I9ALx-Vreyd4tf_T4a5VI5Hho8Md4qH5mw8oLPGBg6gZpYGutebI112LFHVh99l-PUK40ESypTTIY/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 дахин өндөр харагдана гэсэн үг.


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


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