- Login Ke blogger
- Masuk ke rancangan
- Tambah gadget
- Lalu pilih HTML/JavaScript
- Lalu Kopy/Pastekan kode script di bawah ini kedalam nya
- Lalu Save
<div style="background: url(http://sdmuh2sby.sch.id/wp-content/uploads/2010/11/dunia-animasi-di-malaysia-upin-dan-ipin-jadi-model.jpg
) no-repeat;
color:#000;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;">
<style>.list {
background: url("http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/panah-jalan.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>
<div class="list"><
<a href="#" class="nudge">judul isi postingan</a> </div>
<div class="list"><
<a href="#" class="nudge">judul isi postingan</a> </div>
<div class="list"><
<a href="#" class="nudge">judul isi postingan</a> </div>
<div class="list"><
<a href="#" class="nudge">judul isi postingan</a> </div>
<div class="list"><
<a href="#" class="nudge">judul isi postingan</a> </div>
<div class="list"><
<a href="#" class="nudge">judul isi postingan</a> </div>
<div class="list"><
<a href="#" class="nudge">judul isi postingan</a> </div>
<div class="list"><
<a href="#" class="nudge">judul isi postingan</a> </div>
<div class="list"><
<a href="#" class="nudge">judul isi postingan</a> </div></div>
Dan ganti tanda # dengan Url alamat tujuan postingan sobat blogger
Ganti teks berwarna Biru dengan alamat gambar sobat sendiri atau biarkan seperti ini saja.
Oke selamat mencoba ...sampai jumpa dengan Postingan berikut nya entu saja masih tentang Tip dan trik modifikasi blog..Salaaaam
0 komentar:
Posting Komentar