Skip to content Skip to sidebar Skip to footer

Desain Grafiti [TUTORIAL] Cara Memasang Recent Post Widget di Blog

Terpikir untuk memasang Recent Post Widget sendiri di blog Anda?

Menurut saya sih perlu, karena widget ini memudahkan visitor laman Anda mengetahui postingan apa saja yang baru release di web yang dikunjunginya tanpa perlu scroll down lagi.


Cara Memasang-Recent-Pos- Widget-di-Blogspot



Ada beberapa cara dalam menampilkan Recent Post Widget.  Yang pertama menampilkan judul postingan berikut image yang dipakai sebagai judul.  Yang ini diistilahkan sebagai recent post with thumbnail.  Or you can simply instal recent post widget with post title only, which is what I am going to show you this time.

Karena saya blog saya berbasis blogspot maka tutorial kali ini adalah langkah-langkah memasang recent post widget post title only untuk blogspot.  OK, let's start then.

1. Setelah Sign-in blogspot, pilih Lay Out dan Add a Gadget.

2. Scroll ke bawah lalu pilih opsi berikut


3. Lalu copast coding berikut

<div id="hlrpsb">
<script style="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/recent-post.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http:/NAMA-BLOG-ANDA/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuEF9gN-4SAA8-uCiqjYiSFAcl7dEoqMznDrPp09PzVEp32nI6yif9wdtENZ3_Dvkp702t63ArwfVQD7aiQf6Cp7KBNSxUBJy4G97IrK5X9N9r1b2_mq1EKnnDu0ckFMET_yYQXzQI0876/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Catatan:


  • var numposts = 5, adalah jumlah artikel yang ingin ditampilkan sesuai keinginan Anda.  Karena saya hanya ingin menampilkan 5 artikel terakhir yang direlease.  Maka saya pilih angka 5.
  • NAMA-BLOG-ANDA, tuliskan url blog Anda.
  • showpostdate = false.  Jika ingin menampilkan tanggal post, maka ganti false menjadi true.


4. Jika sudah melakukan kustomisasi, jangan lupa tekan Save.

And viola!
Recent Post Widget sudah terpasang di blog Anda dan hasilnya akan nampak seperti ini.

















Piece of cake, right?


Hari ke-5, 1 Day 1 Post Challenge

Post a Comment for " Desain Grafiti [TUTORIAL] Cara Memasang Recent Post Widget di Blog"