Membuat Random Post Cantik Pada Blog

Semakin banyak artikel semakin baik karena itu menunjukkan intensitas kita untuk terus menulis. Akan tetapi banyaknya jumlah posting pada blog kita juga bisa membuat kita sedikit kebingungan , hingga akhirnya terlintas dipikiran kita untuk membuat post secara acak "Random Post". Sudah banyak mungkin para rekan blogger yang telah mempublikasikan cara membuat random post pada blog. Namun kini saya akan memberikan hal berbeda yaitu membuat random post cantik . . .

Berawal dari pertanyaan rekan blogger yang menanyakan melewati fitur shoutbox (Buku tamu) , dan kini saya akan membuatnya . . .

Dan tampilan yang didapat akan seperti ini :
1. Pertama login ke akun blogger , kemudian masuk Edit HTML
2. Cari kode berikut

.sidebar ul li, .rsidebar ul li, .lsidebar ul li {

3. Tambahkan Kode berikut dibawahnya :

background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-HlEf5RGV6Ga9tzvdBz_4OzihY073dgG0XskQKiScaml_ia_ROnsufzRr0KQ1cgUpIaiF7EBJmeBJubgEjhDyxhoQVwh-W-Ybm4_FSNaLUSM-Q107fZ3ZQohsCj1-dr1KjFnznHNt8cZw/s1600/arrow_next.png) no-repeat left;

Sehingga menjadi ....

.sidebar ul li, .rsidebar ul li, .lsidebar ul li {
background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-HlEf5RGV6Ga9tzvdBz_4OzihY073dgG0XskQKiScaml_ia_ROnsufzRr0KQ1cgUpIaiF7EBJmeBJubgEjhDyxhoQVwh-W-Ybm4_FSNaLUSM-Q107fZ3ZQohsCj1-dr1KjFnznHNt8cZw/s1600/arrow_next.png) no-repeat left;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;

4. Simpan template. Pengaturan berlanjut pada Gadget :

1. Masuk Tata letak
2. Tambah gadget , Kemudian Add HTML
3. Tambahkan Kode Berikut :

<style type="text/css">
.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
background:url(http://bp0.blogger.com/_TqPdHmAEwTM/R5-60Nu3tgI/AAAAAAAAAz0/8v3jHKMURzc/s400/feed.png) right 0px no-repeat;
padding-right:20px;
}
</style>
<h2><span class="pasang-link"><a rel="nofollow" href="http://feedburner.google.com/blogspot/qCGr">Berlangganan</a></span>RANDOM POSTS</h2>
<div style="overflow:auto;background:#ffffff;width:290px;height:200px;padding:10px;border:1px solid #CCCCCC">
<ul>
<li><a href="URL Postingan anda">Judul Posting</a></li>
<li><a href="URL Postingan anda">Judul Posting</a></li>
</ul>
</div>

Keterangan :
Warna Ungu adalah alamat (URL) Feed burner anda
Warna Merah adalah ukuran lebar dan tinggi anda bisa mengeditnya
Warna Biru dan Hijau adalah postingan anda

INGAT !!! Saat penambahan gadget ini diharap tidak memberikan judul
Semoga berhasil . . .

 

Regards: Aditx

Artikel Terkait: