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.
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.



Mantap gan, makasih ya atas infonya??
ReplyDeleteMy Blog : Galang Community
ok,silahkan dicoba :)
Deletedi downlod dimana mas bro.... link nya rumit gak fungsi
ReplyDeleteberfungsi kok. mungkin koneksi mas lambat atau putus-putus.
Deletesilahkan coba lagi mas, karena saya tes sendiri bisa kok.
Minta izin praktik di blog-ku. Kalau tidak berhasil, tolong kasih pencerahan, gan. Nih alamat blog-ku : http://www.oke-reload.blogspot.com biar mas bro bisa kasih pencerahan nanti.
ReplyDeleteoke mas..
DeleteLapor,download kode punya mas bro gagal terus sehingga saya terpaksa bikin sendiri. Jujur saja susah sekali ternyata membuatnya.Btw, apakah mas bro tahu sebabnya kenapa tag pembuka kode body hilang dan cara mengatasinya? Yang ada cuma tag penutupnya.Akibatnya blog saya itu kacau.
ReplyDeleteohh gitu ya, mungkin account hosting saya lg bermasalah mas.
Deletesolusi : tambahkan kode < body > setelah kode < /head >
atau bisa juga dengan mengganti template mas.
baggus gan,lanjutkan
ReplyDeletekunjungi juga blog ku mas http://achielmuezza.blogspot.com/
iya mas, terimakasih.
Delete^^