Posted by Ahmad Ridwan
Tuesday, February 12, 2013
15 comments
Tutorial Blogger kali ini, saya akan memberikan tips bagaimana
cara membuat label css dengan tampilan keren dan cantik seperti yang saya gunakan dan dapat Anda lihat di kategori/label paling bawah Media Blogger.
Label adalah sebuah kategori yang menggabungkan beberapa macam isi kategori dari sebuah postingan.
Seperti gambar disamping, kita dapat melihat susunan label yang rapih
dan teratur. Warna dan tipe text pada label ini dapat Anda atur sesuai
dengan keinginan. Orang akan tertarik untuk melihat isi suatu halaman
blog kita apabila memiliki tampilan dan design yang cantik dan keren.
Tetapi, tanpa mengurangi kecepatan loading dari situs Anda. Oleh karena
itu, dalam membuat label dibutuhkan CSS yang memiliki efek ringan tanpa
menggunakan Javascript atau JQuery.
Bagaimana
Cara Membuat Label dengan tampilan rapih dan teratur
ini? Caranya mudah, silahkan ikuti terus tutorial pembuatan label
animasi berikut ini. Label ini telah saya lakukan perubahan dan saya
buat sendiri, jadi Anda hanya tinggal memasangkan sebuah widget / gadget
label biasa terlebih dahulu di blog Anda. Karena saya hanya akan
memberikan kode CSS nya saja dan akan sangat memudahkan Anda dalam
mengganti label yang cantik.
Cara Membuat Label dengan CSS Box Simple :
1. Login ke Blogger.
2. Masuk ke Layout, lalu pilih Add a Gadget > Label
3. Save Label tersebut. Posisi Label dapat anda sesuaikan sendiri.
4. Masih di Menu Layout, klik tambah gadget. Pilih HTML/Javascript.
Download kode
Label keren ini terlebih dahulu. Klik
Kode Label disini
5. Paste di dalam kotak tadi.
6. Save.
Maka Secara otomatis, label Anda berubah dengan tampilan yang interaktif dan inovatif.
Untuk Anda yang ingin secara manual, dapat mengikuti
cara pembuatan label berikut :
1. Login ke Blogger.
2. Tambahkan Gadget Label terlebih dahulu seperti biasa. Jika sudah ada 1 label jangan tambahkan kategori label lagi.
3. Masuk ke Template, Lalu pilih EDIT/HTML.
4. Cari kode ini ]]></b:skin>
5. Copy kode di bawah ini dan letakkan diatasnya.
Download Kodenya Disini
6. Simpan Template.
Pembuatan label ini terbilang mudah bagi para master blog. Semoga
cara membuat label dengan kotak css cantik ini dapat membantu Anda dalam menampilkan blog yang memiliki design menarik. Semoga dapat bermanfaat.
Cara Menghilangkan Obeng dan Tang di Blog disini.
Note : Untuk mendownload, tunggu 5 detik dan klik SKIP ADD di pojok kanan atas
Judul : Cara Membuat Label CSS Box Cantik
Deskripsi : Posted by Ahmad Ridwan Tuesday, February 12, 2013 15 comments Tutorial Blogger kali ini, saya akan memberik...