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.

15 comments:

  1. Replies
    1. gan kalau ngasih bullet list pda label gmn ya caranya??
      yg ada tanda centangnya itu loh.. kyak punyaknya maskolis.com. atau yang didalam postingan blog saya.
      http://gagasindo.blogspot.com/
      pencerahannya gan

      Delete
  2. di downlod dimana mas bro.... link nya rumit gak fungsi

    ReplyDelete
    Replies
    1. berfungsi kok. mungkin koneksi mas lambat atau putus-putus.
      silahkan coba lagi mas, karena saya tes sendiri bisa kok.

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

    ReplyDelete
  4. Lapor,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.

    ReplyDelete
    Replies
    1. ohh gitu ya, mungkin account hosting saya lg bermasalah mas.

      solusi : tambahkan kode < body > setelah kode < /head >
      atau bisa juga dengan mengganti template mas.

      Delete
  5. baggus gan,lanjutkan
    kunjungi juga blog ku mas http://achielmuezza.blogspot.com/

    ReplyDelete
  6. mas ko yang di GAdget kodenya ga bisa didownload ya ? kenpa ya mas ?

    ReplyDelete
  7. File Not found mas.. tolong di perbaiki

    ReplyDelete
  8. mantap gan tutornya, mampir di blog Q
    http://artikeloppowae.blogspot.com/

    ReplyDelete

Web Design Blogs W3 Directory - the World Wide Web Directory DMCA.com

Copyright © 2013 IMPOINT Blog . All rights reserved.| Blogger.com File Storage Created by Blogger Tuts | Template