Nah untuk tutorialnya, silahkan ikuti langkah - langkah berikut ini.- Masuk ke tab Template Edit HTML Cari Kode ]]></b:skin> atau </style>
- Masukan CSS di bawah ini, tepat di atasnya.
/* CSS Recent Post Gallery */
.recent-galeri {padding:0;clear:both;}
.recent-galeri:after {content:"";display:table;clear:both;}
.recent-galeri .gallerytem{display:block;float:left;position:relative;margin:8px auto;overflow:hidden;padding:0}
.recent-galeri .gallerytem a{position:relative;float:left;margin:0;overflow:hidden;text-decoration:none}
.recent-galeri .gallerytem .ptitle{background:rgba(255,255,255,0);display:block;clear:left;font-size:14px;line-height:1.3em;position:absolute;text-align:left;bottom:-20px;left:0;right:0;color:rgba(255,255,255,0);padding:10px;word-wrap:break-word;backface-visibility:hidden;transition:all .2s}
.recent-galeri .gallerytem:hover .ptitle{bottom:0;background:rgba(245,105,84,.95);color:rgba(255,255,255,1)}
.recent-galeri a img{background:#fdfdfd;float:left;transition:all .3s}
#HTML96 .widget-content,#HTML3 .widget-content {text-align:center;}
#HTML5 .widget-content{padding:20px 10px}
#HTML1 .widget-content,#HTML2 .widget-content {padding:0;margin:auto;text-align:center;}
#HTML1 .widget-content {border:0;}
- Lanjut, Cari kode </head> dan masukan JavaScript berikut di atasnya.
<script src='https://rawgit.com/mastamvan/backup/master/RecentPostin.js' type='text/javascript'/>
- Simpan Template, dan ikuti langkah berikut ini.
- Masuk ke tataletak Tambahkan Gadget / Add Widget.
- Dan masukan HTML di bahwah ini ke dalam widget tersebut.
<script>
var teja_tamvan_wid = 300;
var teja_tamvan_hei = 170;
var teja_title = true;
</script>
<script src="/feeds/posts/summary?max-results=3&alt=json-in-script&callback=tejasukmana"></script>
Social Plugin