membuat resen post blogger ke 2


 Nah untuk tutorialnya, silahkan ikuti langkah - langkah berikut ini.

  • Login ke Blogger.com
  • 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:&quot;&quot;;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&amp;alt=json-in-script&amp;callback=tejasukmana"></script>

Top Post Ad

Below Post Ad