News Article :

Catatan Belajar | Tips Dan Trik

Home » » Memasang Icon Pada Label Link Sidebar

Memasang Icon Pada Label Link Sidebar

Memasang  Icon Pada Label Link Sidebar 

Sebelum lebih lanjut kita buka dulu sedikit apa itu icon link list yaitu sebuah icon kecil
yang dipasang di samping daptar link pada sidebar blog.
Ada bermacam-macam icon ,ada yang betuk bullet ,tanda panah tergantung dari yang punya blog
mau pasang yang kaya apa.
Sebelum kita memasang icon di link sidebar sebaiknya kita harus punya Url icon nya dulu.
Untuk mendapatkan  Url  Icon silakan upload dulu gambar icon nya ke tempat hoting gambar [ gmbr harus berukuran size kecil ]

jika sudah catat Url icon tadi .tapi jika  sobat ga punya ,silakan pakai url icon di bawah ini :
_______________________________________________________http://i35.tinypic.com/2n03mgz.jpg
_______________________________________________________
Nah sekarang Kita Coba Cara Memasangnya di blog

1. Silakan login ke  akun blogger
2. Pilih edit Template
3.Klik Edit HTML
4.Cari code dibawah ini :
________________________________________________________
 .sidebar li {
border-botom:1px dotted #cccccc;
margin:0;
padding:0 0 .25 17px;
line-height:1.2em
 }
_____________________________________________________________
5.Copy psate Code ini  background: url (“http://i35.tinypic.com/2n03mgz.jpg”)no-repeat 0px .20em;
______________________________________________________________
6. Selanjutnya kita tempatkan  tepat dibawah Code   .sidebar li {
_____________________________________________________________
Contoh Seperti di bawah ini :

.sidebar li {
background: url (“http://i35.tinypic.com/2n03mgz.jpg”)no-repeat 0px .20em;
border-botom:1px dotted #cccccc;
margin:0;
padding:0 0 .25 17px;
line-height:1.2em
 }
____________________________________________________________________
Cttn : yang warna merah Url icon silakan diganti dengan url  icon pilihan (jika mau)

7. Selanjutnya  save / simpan lalu lihat hasilnya

selamat berkreasi semoga bermanfa’at

 
Support : Copyright © 2014 Catatan Belajar | Tips Dan Trik - All Rights Reserved
Blog creatif By : Wildan Taupiq | Proudly powered by : Blogger