SELAMAT DATANG DI GOGONITY BLOG SEMOGA ARTIKEL-ARTIKEL DI DALAM BLOG INI BISA BERGUNA BAGI PARA PENGUNJUNG

Membuat icon disamping daftar isi sebuah blog

Dalam membuat widget daftar isi satu blog lebih menarik lagi jika disampingnya terdapat sebuah icon maksudnya begini gan dalam daftar isi itu setiap judul ada iconnya misalnya dalam blog saya ini (lihat di widget daftar isi) ada icon panah yang berkedip-kedip.
Nah untuk membuatnya mudah kok, ikuti aja langkah-langkah dibawah ini :
1. Siapkan dulu icon yang akan digunakan kemudian upload di photobucket untuk mendapatkan kode urlnya
2. Buat widget baru ( Rancangan > Pilih HTML/Javascript )
3. Masukkan kode dibawah ini kedalam widget tersebut

<style>
.list {
background: url("http://i1011.photobucket.com/albums/af239/sabarmuanas/sideicon.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="http://www.cahgogonity.co.cc/2011/01/membuat-gambar-yang-selalu-bergerak-di.html">Membuat gambar yang selalu bergerak di blog</a></div>
Tulisan yang berwarna kuning adalah url untuk iconnya
Tulisan yang berwarna biru adalah url untuk postingan anda
Tulisan yang berwarna merah adalah judul postingan anda

Catatan : Untuk widget daftar isi ini anda harus buat secara manual, anda tinggal copy kode berikut ini saja untuk menambahkan daftar  dan dan pastekan dibawah </style> serta jangan lupa mengganti url postingan dan judul postingan
<div class="list">
<a href="http://www.cahgogonity.co.cc/2011/01/membuat-gambar-yang-selalu-bergerak-di.html">Membuat gambar yang selalu bergerak di blog</a></div>

4. Selesai dan selamat mencoba



Article :


Preview on Feedage: gogonity-blog Add to My Yahoo! Gogonity Blog Add to Google! Gogonity Blog Add to AOL! Gogonity Blog
Add to MSN Gogonity Blog Subscribe in NewsGator Online Gogonity Blog Add to Netvibes Gogonity Blog Subscribe in Pakeflakes Gogonity Blog
Subscribe in Bloglines Gogonity Blog Add to Alesti RSS Reader Gogonity Blog Add to Feedage.com Groups Gogonity Blog Add to Windows Live Gogonity Blog
iPing-it Gogonity Blog Add to Feedage RSS Alerts Gogonity Blog Add To Fwicki Gogonity Blog Add to Spoken to You Gogonity Blog

Share |

Baca juga artikel yang lain :

Bagi pengguna facebook komentar disini

0 comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Terima kasih atas kunjungannya.
Dapatkan backlink gratis dari blog DOFOLLOW ini dengan berkomentar! dan gunakan kode smiley diatas untuk mengexpresikan senyum anda. contoh :))
Maaf SPAM akan Dihapus
Contoh SPAM : Mengetik Link Pada Komentar, Komentar tidak sesuai Isi Artikel,No Porno, No Sara.

Gogonity Blog © 2010 Template Modified by:
IroelSt
Protected by Copyscape Duplicate Content Finder DMCA.com