Home
WIDGET

RANDOM POSTS WIDGET

Random Post Widget For Blogger

ဒါက​တော့အရင်ကပုံစံဒီဇိုင်းနဲ့အခုပုံစံဒီဇိုင်းကမတူပါဘူး။ဒီဇိုင်း​လေးကအသစ်က​လေးပါကြိုက်နှစ်သက်လိမ့်မယ်လို့ထင်ပါတယ်။မိမိ Blog site ကိုအလှဆင်တာဝါသနာပါတဲ့သူဆိုရင်​တော့သ​ဘောကျမှာအ​သေအချာပါပဲ။​အောက်မှာ Random Post Widget ဒီဇိုင်းပုံ (2)ခုပြထားပါတယ်။မိတ်​ဆွေတို့ကြိုက်နှစ်သက်ရာကို​ရွေးချယ်ယူ၍မိမိ Blog site ကိုအလှဆင်ကြပါစို့။ပြုလုပ်ပုံပြုလုပ်နည်းကလဲမခက်ပါဘူး HTML / JavaScript နဲ့ပဲပြုလုပ်ရမှာပါ။ပြုလုပ်ပုံပြုလုပ်နည်းသိတဲ့ဆရာသမား​တွေက​တော့ Code ကို copy ယူပြီးတန်းထည့်လိုက်ရုံပါပဲ။ပြုလုပ်ပုံပြုလုပ်နည်းမသိ​သေးတဲ့သူ​တွေအတွက်​အောက်မှာပုံနှင့်တကွရှင်းပြထားပါတယ်။



  1. မိမိ Blog site ကို account အရင်ဝင်ပါ
  2. dashboard ထဲက Layout ကိုနှိပ်

  3. Add a Gadget ကိုနှိပ်

  4. HTML / JavaScript ကိုနှိပ်

  5. Box အကွက်ထဲမှာ code ​တွေထည့်

  6. code ထည့်ပြီးသွားရင် save ကိုနှိပ်ပြီးပါပြီ။

ဒါကတော့ Random Post Widget Style တွေပါ

Design(1)


<style>
#bo-random-posts img{background:#fff;height:50px;float:left;width:50px;margin:5px 5px 0px 0px;-webkit-border-radius:50%;border-radius:50%;-moz-border-radius:50%;padding:3px;}
#bo-random-posts img:hover{opacity: 0.5;filter: alpha(opacity=50);}
ul#bo-random-posts {list-style-type: none;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWEA6BenpCr_Ibo0t5mjvwCv8Fp06tNuH9o0552sywrPWy310vR94OzlJmZjWH2RZ1cEXrJGrSgzflopxCJ9obUg5HFwfgUt8fhWrWprq33kFnlOsE6KHMXHOd0IMi7lm4JlL2d8nIuI8M/s1600/clouds-bg.png");background-repeat: no-repeat;}
#bo-random-posts li {margin: 10px 0;}
#bo-random-posts li a{padding: 5px 0;text-decoration: none;}
.bo-random-summary {display: block;}
</style>
<ul id='bo-random-posts'>
<script>
var borp_number = 5;
var borp_details = 'yes';
var borp_chars = 60;
var borp_details2 = 'no';
var borp_comments = 'Comments';
var borp_commentsd = 'Comments Disabled';
var borp_current = [];
var total_randomposts = 0;
var borp_current = new Array(borp_number);
function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue(){for(var r=0;r<borp_number;r++){for(var n=!1,o=get_random(),t=0;t<borp_current.length;t++)if(borp_current[t]==o){n=!0;break}n?r--:borp_current[r]=o}}function get_random(){return 1+Math.round(Math.random()*(total_randomposts-1))}
</script>
<script>function random_posts(t){for(var e=0;e<borp_number;e++){var r=t.feed.entry[e],s=r.title.$t;if("content"in r)i=r.content.$t;else if("summary"in r)i=r.summary.$t;else var i="";if((i=i.replace(/<[^>]*>/g,"")).length<borp_chars)var a=i;else{var n=(i=i.substring(0,borp_chars)).lastIndexOf(" ");a=i.substring(0,n)+"…"}for(var o=0;o<r.link.length;o++){if("thr$total"in r)var l=r.thr$total.$t+" "+borp_comments;else l=borp_commentsd;if("alternate"==r.link[o].rel){var m=r.link[o].href,c=r.published.$t;if("media$thumbnail"in r)var u=r.media$thumbnail.url;else u="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjVMoCdX-FiRZvnspT2jokB6TEsTXiG0jGC1K_wX_0LtdvIEP6koQjoVKiTA4f6CnyHGLahEal0BxcqYBIM4ZNgNxYBbkv7-v-ndnuS2CerulsY4DAZ0O0eXfb1D6FMLX1P6LtawaiwqKf/s1600/no_thumb.png"}}document.write("<li>"),document.write('<img alt="'+s+'" src="'+u+'"/>'),document.write('<div><a href="'+m+'" rel="nofollow">'+s+"</a></div>"),"yes"==borp_details&&document.write("<span>"+c.substring(8,10)+"."+c.substring(5,7)+"."+c.substring(0,4)+" - "+l),"yes"==borp_details2&&document.write('<span class="random-summary">'+a),document.write('<div style="clear:both"></div></li>')}}getvalue();for(var i=0;i<borp_number;i++)document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index='+borp_current[i]+'&max-results=1&callback=random_posts"><\/script>');</script>
</ul>

Design(2)


<style type="text/css">
#random-posts img{float:left;margin-right:15px;width:75px;height:75px}ul#random-posts{list-style-type:none;padding:0}#random-posts li{margin-bottom:15px}.random-title{margin-bottom:5px}.random-summary{margin-top:5px;display:block}
</style>
<ul id='random-posts'>
<script type='text/javascript'>
var randomposts_number = 5;
var randomposts_chars = 50;
var randomposts_details = 'yes';
randomposts_details2 = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);

function randomposts(json) {
    total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');function getvalue(){for(var a=0;a<randomposts_number;a++){for(var b=!1,c=get_random(),d=0;d<randomposts_current.length;d++)if(randomposts_current[d]==c){b=!0;break}b?a--:randomposts_current[a]=c}}function get_random(){var a=1+Math.round(Math.random()*(total_randomposts-1));return a}
</script>
<script type='text/javascript'>
function random_posts(a){for(var b=0;b<randomposts_number;b++){var c=a.feed.entry[b],d=c.title.$t;if("content"in c)var e=c.content.$t;else if("summary"in c)var e=c.summary.$t;else var e="";if(e=e.replace(/<[^>]*>/g,""),e.length<randomposts_chars)var f=e;else{e=e.substring(0,randomposts_chars);var g=e.lastIndexOf(" ");f=e.substring(0,g)+"…"}for(var h=0;h<c.link.length;h++){if("thr$total"in c)var i=c.thr$total.$t+" "+randomposts_comments;else i=randomposts_commentsd;if("alternate"==c.link[h].rel){var j=c.link[h].href,k=c.published.$t;if("media$thumbnail"in c)var l=c.media$thumbnail.url;else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbqCN55N2s7pcnkDuB6kJRjU7edfVaEEfb7UIQyPSBlhnjKAmOPgm4sEX4Qy2p9Yq-VHMGBiqsULZF1_UpZK0XoRZINl9z5OFdzzjPd14xPzp24b_gGM6Tg_9ogQurXvjYFUA6mLmIJwI/s1600/no_thumb.png"}}document.write("<li>"),document.write('<img alt="'+d+'" src="'+l+'"/>'),document.write('<div class="random-title"><a href="'+j+'" rel="nofollow">'+d+"</a></div>"),"yes"==randomposts_details&&document.write('<span class="random-details">'+k.substring(8,10)+"."+k.substring(5,7)+"."+k.substring(0,4)+" - "+i)+"</span>","yes"==randomposts_details2&&document.write('<span class="random-summary">'+f)+"</span>",document.write('<div style="clear:both"></div></li>')}}getvalue();
for (var i = 0; i < randomposts_number; i++) {
    document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>

Post a Comment