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-