RANDOM POSTS WIDGET

Random Post Widget For Blogger

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

No။(1)မိမိ Blog site ကို account အရင်ဝင်ပါ

No။(2)dashboard ထဲက Layout ကိုနှိပ်

No။(3)Add a Gadget ကိုနှိပ်

No။(4)HTML / JavaScript ကိုနှိပ်

No။(5) Box အကွက်ထဲမှာ code ​တွေထည့်

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

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

Style No။(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>

Style No။(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>

0

0

Loading...