Membuat Recent Post Dengan Thumbnail Blogger

Membuat Recent Post Dengan Thumbnail Blogger

Recent posts adalah salah satu fitur blog untuk memberitahukan artikel kita yang lain ke pengunjung blog, selain itu pengunjung juga tau postingan yang dengan judul yang menarik di semua blog kita, dan memunculkan seluruh postingan blog berada pada widget tersebut hanya dengan gambar, recent post hanya artikel terbaru yang muncul dari artikel anda yang fresh lengkap dengan diskripsi dan judul terbaru postingan anda, anda bisa mengaturnya dengan menghilangkan gambarnya jadi hanya ada teks recent posts yang tampil atau dengan memunculkan gambar semua terserah anda.

Recent post berikut tergolong keren karena berbeda dari yang lain pada umumnya hanya biasa saja, ini penting untuk dipasang di blog, cara memasangnya juga sangat mudah dan tidak repot, keunggulan dari recent post sendiri sangatlah banyak, selain membuat H3 dan H4 anda juga memungkinkan muncul beberapa postingan terkait saat berada pada penelusuran google jika anda render tautan langsung.

CARA MEMASANGNYA.

Seperti biasa silahkan anda menuju Templates dan tambahkan kolom gadget HTML/Javascript di dalam tambah gadget.

setelah itu masukan kode ini pada kolom kotak HTML/Javascript anda tersebut.


<div class="eggTray">

<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"www.gilang-access.com/feeds/posts/default"},

"hideHeader":"false","height":"500","count": 8 }</script>

<noscript>Your browser does not support JavaScript!</noscript></div>

<style type=text/css>

.eggTray {margin:10px 0px;padding:0px;}

.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}

.pipesTitle {padding-top:0px;}

.pipesDescription {display:true;}

.ycdr, .ycdr a {color:#999999;}

.widget .popular-posts ul {padding-left:0;}

</style>

KETERANGAN PENGGUNAAN
  • Silahkan ganti www.gilang-access.com dengan alamat situs anda.
  • Jika anda menginginkan tanpa scrol kebawah hapus angka 500.
  • Angka 8 adalah jumlah recent post jika ingin ditambah silahkan atur sendiri.
  • True adalah menampilkan hanya judul gambar, ganti dengan none dan 0 pada bagian padding-top:0px; dengan angka 10.
  • Silahkan coba save template dan lihat hasilnya.

Share this:

You Might Also Like:

Add your comment
Hide comment

Disqus Comments