Assalamualaikum sobat blogger, maaf baru sempat posting lagi nih. Pada kesempatan kali ini saya akan share sedikit tutorial tentang blog yaitu Cara Menambahkan Icon Folder Pada Label Di Blog, udah lama nih gak bikin post mengenai blog, mudah mudahan tutorial kali iniberguna bagi anda.
Oke langsung aja gak usah panjang lebar langsung aja ikuti langkah langkah berikut.
1. Login ke akun blogger kalian masing masing. ( wajib )
2. Lalu Masuk Template >> Edit html
3. Jangan Lupa Centang Expand widget template ( bagi pemula )
2. Cari kode ]]></b:skin> ( untuk mempermudah pencarian tekan ctrl + f )
4. Copy Script di bawah ini dan letakkan di atas code ]]></b:skin>
/*ICON LABEL----------------------*/5. Lalu klik Simpan template.
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(http://i965.photobucket.com/albums/ae136/boujan/folder.png) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #063E3F;
line-height: 1.2em;
}
6. Selesai, jika berhasil. hasilnya akan seperti gambar diatas.
Catatan :
JIka ingin mengganti gambar icon sesuai yang anda inginkan caranya mudah, ganti saja script yang saya sudah tandai warna merah dengan alamat/url gambar yang anda miliki.
Nice infonya gan!!
BalasHapusDitunggu kunjungan dan komentar balinkya di
http://goo.gl/0oDg8q
oke siap meluncur..
Hapuswah keren nih mas wajib di coba, lanjutkan kreasinya mas,salam sukses
BalasHapusoke mas, salam sukses jg..
HapusMakasih infonya
BalasHapusngebantu banget :)
sama sama, semoga bermanfaat..
Hapuskalau yang 3D ada mas ?
BalasHapusmaksunya yang kaya bola dunia muter2 itu ya..?
HapusWah keren gan, sip banget...thanks ya infonya
BalasHapusoke, sama sama gan..
Hapusmakin kece jadinya ya kang
BalasHapusiya mas, kayak ada manis manisnya.. :v
Hapuskalo pake gula pasti manis beneran mas, tambah air panas plus kopi jadi deh kita ngopi hehehe...
Hapussiip.. mantap tuh.
Hapuswah dengan menambahkan icon label ini tentunya akan membuat blog semakin cantik yamas
BalasHapuscantik kalau yang punya cewe mas, saya kan cowo.. ;(
Hapussaya juga pengen coba pake icon folder labelnya ah biar jadi ganteng :D
Hapusiya, biar ganteng maksimal.. :D
HapusTerima kasih sudah berbagi pengetahuan, Gan. Mau aku coba. Semoga work di blog aku...
BalasHapusoke gan, semoga berhasil..
Hapuskalo link in diganti http://i965.photobucket.com/albums/ae136/boujan/folder.png , nanti gambarnya berubah ya?
BalasHapussalam kenal
iya bener mas, tinggal ganti sama url gambar yang anda punya..
HapusTepat sekali ini yang saya cari. makasih banyak sobat ;-) sukses selalu
BalasHapusmaknya sini bayar :D
Hapusahaha boleh juga tuh,
HapusBikin berat blog ga nih? Cantik sih cantik, tapi kalo keberatan jadi piye :D
BalasHapusinyaallah tidak mas, soalnya ukuran file gambarnya sangat kecil..
Hapuswah keren banget nie mas, saya langsung tertarik pengen coba praktekin nie.. kalo labelnya pake icon folder kayak diatas jadi keliatan lebih menarik ya :)
BalasHapusiya bener banget mas, silahkan mencoba..
Hapuskeren, jadi keliatan semua labelnya , sama jadi rapi, ijin mencoba
BalasHapussilahkan, semoga berhasil..
Hapuswah, makin sip nih nanti blognya kalo labelnya kayak gitu. Apalagi gampang baget, tinggal ganti url buat gambarnya aja.
BalasHapussiip.. silahkan dicoba.
Hapuskang kalo gambar foldernya di ganti gambar kita bisa ga ya kang. biar rada kpedean gitu
BalasHapusbisa mang.. tinggal buat gambar seukuran gambar label. trus upload di internet dan ambil url gambarnya. trus tinggal pasang..
HapusSangat mudah ya, tapi untuk gambarnya lebih baik upload dari blogger aja, kalo dari photobucket loadingnya sedikit lambat...
BalasHapusiya mas bener juga. itu punya saya uploadnya dari blog.
Hapusuntuk artikel yang nyeweee banget (kecantikan), kayaknya pas nih klo labelnya pake icon poto diri (misal potoku) , .. iya gitu ya mas :) sip dah.
BalasHapusiya mbak, biar tambah imut blognya. hehe,,,
Hapusterimakasih infonya mas :)
BalasHapussama sama mbak..
Hapusmakin menambah kesan tampilan blog kita semakin keren ya kang :)
BalasHapusiya bener kang..
HapusWah jadi keren nih tampilan'a :D
BalasHapusiya, silahkan dicoba..
Hapussangat membantu sekali nih :)
BalasHapusterimakasih
siip, sama sama mbak..
Hapussaya bisa mencoba cara menambah icon foldernya mas, perlu belajar banyak nih disini
BalasHapusoya perdana kesini nih mas, ijin follow blognya
BalasHapusmonngo silahkan mbak. makasih atas kunjungannya..
Hapusjadi kelihatan rapi yah gambarnya folder gitu.. mantap. nice info.
BalasHapusoke mas..
HapusKayak di PC ya mas jadinya, cantik dan menarik, terima kasih atas ilmunya ya :D
BalasHapusiya mas, sama sama..
Hapuswaa mudah ya
BalasHapusiya, silahkan dicoba..
Hapuskalo icon nya ga mau gambar folder misalnya pake gambar lain bisa kan
BalasHapusiya, bisa mbak..
Hapus