Posted by : Eva Fembiana Sabtu, 23 Mei 2015

Haloo sobat blogger.. gag bosan-bosannya saya berbagi seputar blogspot.  Namun kali ini saya ingin posing artikel membuat widget keren pada label/kategori blogspot. Tampilannya cukup unik dan keren, saya telah menggunakannya beberapa saat namun saya ubah kembali defaultnya. Karena saya bosan dengan tampilan yang itu-itu saja. Mungkin bagi kalian pemula blogger bisa membuat wawasan dan bermanfaat bagi kalian. tentu saja cara dan langkahnya cukup mudah dong ya, gausah yang susah-susah. Mudah simple namun hasilnya maximal tentu membuat  kepuasan tersendiri dong ya..... :)

Oke langkah-langkahnya sebagai berikut :

1. Login blogger kalian (yang belum punya silahkan membuat akun blogger terlebih dahulu).
2. Kemudian Klik Template -- edit html.


3. Setelah itu tambahkan kode css atau tampilan label cloud dibawah ini, tepat diatas kode </head> :



<style type='text/css'>
.label-size a {
 background: none repeat scroll 0 0 #535353;
 color: #FFFFFF;
 float: left;
 margin: 0 5px 2px 0;
 padding: 10px;
 font-weight: blod;
 font: 12px  Arial, Sans-Serif;
 text-transform: uppercase;
}
.label-size a:hover {
 background-color: cadetblue;
 color: #fff;
 text-decoration: none;
 -webkit-transition: all .2s ease-out;
 -moz-transition: all .2s ease-out;
 -o-transition: all .2s ease-out;
 transition: all .2s ease-out;
 border-right: 5px solid #EEEEEE;
}
</style>
(Jangan lupa disimpan yaa)

4. Tahap selanjutnya setalah selesai menambahkan kode css, masuk ke Tata Letak.


5. Tambahkan widget baru, dengan klik tambahkan widget/gadget pilih labels.


6. Tahap terakhir silahkan simpan dan lihat hasilnya.


-SELAMAT MENCOBA-


Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Fembiana's Blog - Blogger Templates - Powered by Blogger - Designed by Evalanche -