Selasa, 12 Februari 2013

Cara Membuat Label CSS Box Cantik

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.
label css cantik
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.

Tidak ada komentar:

Posting Komentar