Cara Mudah Membuat Label Blog Bergoyang

Label atau Kategori berfungsi untuk mengelompokkan artikel-artikel yang telah dibuat. Label pada blog akan mempermudah pengunjung untuk membaca artikel-artikel yang sesuai dengan kategori, secara tidak langsung akan memanjakan si pengunjung dan blog akan terlihat bagus dimata si pengunjung itu. Untuk membuat label bisa dibuat dengan berbagai macam cara, salah satunya yaitu dengan membuat label bergoyang. Cara membuat label blog bergoyang sangat mudah. Jika anda tertarik untuk membuatnya, ikuti langkah-langkah dibawah ini.

1. Pertama, silahkan anda login terlebih dahulu ke Blogger

2. Pilih Template » Edit HTML

3. Pasang kode dibawah ini tepat diatas kode </b:skin>

/*-----Widget by http://ap-thea.blogspot.com/----*/
    .label-size{
    margin:0 2px 6px 0;
    padding: 3px;
    text-transform: uppercase;
    border: solid 1px #C6C6C6;
    border-radius: 3px;
    float:left;
    text-decoration:none;
    font-size:10px;
    color:#666;
    }
    .label-size:hover {
    border:1px solid #6BB5FF;
    text-decoration: none;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(
                        M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
    zoom: 1;
    }
    .label-size a  {
    text-transform: uppercase;
    float:left;
    text-decoration: none;
    }
    .label-size a:hover  {
    text-decoration: none;

/*----- END Script http://ap-thea.blogspot.com/ -----*/

4. Simpan Template

5. Selanjutnya, Pilih Tata Letak » Tambah Gadget

6. Pilih Label, seperti gambar dibawah ini

Baca juga :
» Cara Jitu Agar Artikel Blog Tampil Di Halaman Pertama Pada Pencarian Google
» Tips Jitu Agar Daftar Adsense Mudah Diterima
» Cara Mudah Membuat Tombol Share Keren Dibawah Postingan

7. Kemudian Pilih Cloud » Simpan seperti gambar dibawah ini

Setelah di simpan, sekarang lihat blog anda. Bagaimana, keren kan label bergoyang ini? Demikian cara mudah membuat label blog bergoyang, semoga dapat membantu dan bermanfaat. Terima kasih atas kunjungannya and happy blogging.

Please Share » » Facebook Google+ Twitter