Recent Post Gallery Widget

Recent Post Gallery

ဒါက​တော့ Recent Post Gallery စတိုင်​လေးတစ်မျိုးနဲ့လန်း​အောင်ပြုလုပ်ထားတာပါ။ကြိုက်လို့ယူသုံးချင်တယ်ဆိုရင်​အောက်မှာဒီဇိုင်းပုံပြထားပါတယ်။ပြုလုပ်ပုံပြုလုပ်နည်းကလဲ HTML/Java Script နဲ့ပဲပြုလုပ်ရမှာပါ

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

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

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

No(4)HTML/Java Script ကိုနှိပ်

No(5)Copy Code ​တွေထည့် save ကိုနှိပ်

<style> /* CSS Recent Post Gallery Widget */ .recent-grid {padding:0;clear:both;} .recent-grid:after {content:"";clear:both;display:table;} .recent-grid .galleryview{position:relative;display:inline-block;margin:6px 0;overflow:hidden;} .recent-grid .galleryview a{text-decoration:none;float:left;position:relative;margin:0 6px} .recent-grid .galleryview .ptitle{display:block;background:rgba(0,0,0,.7);clear:left;position:absolute;font-size:10px;line-height:1.3em;text-align:left;bottom:3px;left:3px;right:3px;top:3px;color:#fff;overflow:hidden;padding:5px;word-wrap:break-word;visibility:hidden;opacity:0;backface-visibility:hidden;transition:all .2s} .recent-grid .galleryview:hover .ptitle{visibility:visible;opacity:1} .recent-grid a img{background:#fdfdfd;float:left;padding:2px;border:1px solid #e3e3e3;transition:all .3s} .recent-grid a:hover img {border-color:#bbb;} </style> <script type='text/javascript'> //<![CDATA[ // Recent Post Gallery function gallerygrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-grid">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+recentpost_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+recentpost_thumbs+'" height="'+recentpost_thumbs+'"/>',p=recentpost_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" target="_blank" title="'+r+'">'+m+p+"</a>";e.push('<div class="galleryview">',g,"</div>")}e.push("</div>"),document.write(e.join(""))} //]]> </script> <script> var recentpost_thumbs = 72; var recentpost_title = true; </script> <script src="/feeds/posts/summary?max-results=9&alt=json-in-script&callback=gallerygrid"></script>

0

0

Loading...