Skip to main content

Cara Membuat Icon pada Label Blog


Lagi asyik-asyik'a browsing ke blog orang, pas lagi baca2 komentar perhatian saya tertuju pada komentar yang menanyakan "bagaimana cara membuat mini icon di setiap label blog?" langsung deh kepikiran untuk posting tulisan ini. siapa tau bermanfaat kan untuk kawan2 semua.

Nah, sebelum memulainya. Anda harus mempunyai sebuah link iconnya dulu.
sebagai contoh ini ada sebuah icon yang sudah saya upload. alamatnya adalah,
http://i965.photobucket.com/albums/ae136/boujan/folder.png

nah, sekarang agar gambarnya tampil. Anda mesti menambahkan kode lagi. jadinya seperti di bawah ini:
<img src="http://i965.photobucket.com/albums/ae136/boujan/folder.png"/>
dari kode di atas, maka gambarnya akan terlihat seperti ini:


Sekarang langkah-langkah memasukkannya icon di Label atau Kategori bisa Anda lihat di bawah ini:
1. Login ke Blog
2. Klik Rancangan
3. klik menu Edit HTML
4. berikan centang pada Expand Template Widget
5. cari kode ]]></b:skin> setelah ketemu, pastekan kode di bawah ini tepat di atas kode ]]></b:skin> tadi.

/*ICON LABEL----------------------*/
#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;
}

tulisan yang tercetak merah di atas adalah URL gambar tadi. terserah Anda mau ganti dengan gambar Anda sendiri.

kalau sudah silakan di SAVE dan lihat hasilnya di blog Anda.
jika trik kali ini berhasil, pasti blog Anda akan terlihat lebih Cool seperti orang yg punya mungkin :P
hehehe...

Sekian dulu yaa untuk postingan kali ini.
semoga tutorial yang singkat ini dapat membantu Anda dalam mengutak-atik blog.
Semoga bermanfaat....
Labels:

Comments

  1. Ahmad Roup1/26/2011 06:34:00 am

    infonya sangat ber manfaat

    ReplyDelete
  2. KoFa-Style2/08/2011 03:29:00 pm

    thanks Harum,
    smoga ilmu'a bermanfaat....

    ReplyDelete
  3. Ahmad Maryuki3/26/2011 09:50:00 pm

    baru tau aku gan...padahal dah sekian lama nyarinya. thanks gan semoga mjd amal agan. lagi newbie ni gan.

    ReplyDelete
  4. Unknown2/07/2012 07:52:00 pm

    Terima kasih atas infonya mas :)
    bermmanfaat banget nih :)

    ReplyDelete
  5. news6/16/2012 05:26:00 pm

    info bagus bro dan juga artikel yg sangat membantu aku nie, dan salam kenal dari mico negeri seberang malaysia

    ReplyDelete
  6. Rianti Mahadewi8/03/2012 09:48:00 pm

    visit back gan http://ahmedtnj.blogspot.com/

    ReplyDelete
  7. Unknown12/07/2012 04:41:00 pm

    kalo' milih icon yg lain caranya gmna?

    ReplyDelete
  8. Hasliezah Lisz9/28/2014 09:22:00 pm

    Thanks a lot dear... Really useful..

    Follow me:
    http://liszvitamin.blogspot.com

    ReplyDelete
  9. Anonymous11/06/2014 04:42:00 am

    ilmunya bermanfaat gan, mksh...

    ReplyDelete
  10. Hilman Ruliansyah7/10/2021 02:33:00 am

    saya coba gan
    mampir juga di blog ane
    https://imenrepairing.blogspot.com

    ReplyDelete

Post a Comment

*jika Anda belum terdaftar di KoFa Style Blog, harap memilih profil Nama/URL sebelum memposting komentar.

Popular posts from this blog

Konsep dan Hirarki DNS

DNS adalah suatu bentuk database yang terdistribusi, dimana pengelolaan secara lokal terhadap suatu data akan segera diteruskan ke seluruh jaringan (internet) dengan menggunakan skema client-server. Suatu program yang dinamakan name server, mengandung semua segmen informasi dari database dan juga merupakan resolver bagi client-client yang berhubungan ataupun menggunakannya. Struktur dari database DNS bisa diibaratkan dengan dengan struktur file dari sebuah sistem operasi UNIX. Seluruh database digambarkan sebagai sebuah struktur terbalik dari sebuah pohon (tree) dimana pada puncaknya disebut dengan root node. Pada setiap node dalam tree tersebut mempunyai keterangan (label) misalnya, .org, .com, .edu, .net, .id dan lain-lainnya, sampel penggunaan pada  www.aceh-id.com yang relatif rerhadap puncaknya (parent).Ini bisa diibaratkan dengan relative pathname pada sistem file UNIX,seperti direktori bin, usr, var, etc dan lain sebagainya. Pada puncak root node dalam sebuah sistem DNS di
6 comments
Read more

Cara Install Puppy Linux di USB

Hi All!!! Malam ini ada lattop mau di install ulang... Tapi sayangnya banyak data yang tersimpan di c:\ termasuk beberapa data proyek kecil - kecilan yang minggu depan mesti diserahkan sama vendor... huffff... pusing deh. Tapi saat menulis tulisan ini semua hampir teratasi. Ya!!! Puppy linux solusinya. Jadi biar lebih mermamfaat mending di tulis aja di blog kofa-style biar kalau Ada yang mampir seperti yang sedang membaca ini bisa dapat bantuan kalau tidak banyak ya barang sedikit saja. Oke kita mulai saja... Mengapa Puppy? jawabnya karena mudah dan ringan untuk keperluan system operasi bootable sekedar buat back up data dan memperbaiki error partisi pada windows XP.
5 comments
Read more

Efek Foto Koran Zaman

Pada tutorial yang sederhana ini saya akan mengajak Anda-anda semua untuk merubah foto yang normal menjadi seperti gambar pada koran-koran tempoe doeloe hanya dengan memberikan beberapa efek. langsung saja, buka dulu foto Anda dengan photoshop. Tekan kombinasi tombol shift + ctrl + u pada keyboard untuk membuat efek Desaturate sekarang buat sebuah layer baru. Ubah warna background dengan #74673D , warnai layer baru tersebut dengan Paint Bucket Tool , ubah blendingnya dari Normal menjadi Color dan turunkan Opacity menjadi 50% . tekan Ctrl + E di keyboard untuk menggabungkan Layer1 dengan Background. sekarang pilih Filter > Texture > Texturizer . Isi nilai Scaling, Relief sesuai dengan gambar di bawah. (Anda bisa juga berkreasi sendiri tanpa mengikuti nilai-nilai seperti gambar di bawah) sekarang buat sebuah tekstur untuk memberikan efek koran. buat sebuah layer baru, warnai layer dengan #A09263 ubah warna background manjadi putih. dalam kond
Post a Comment
Read more