Membuat Label atau Kategori Bentuk Cloud - adalah Widget Label atau Kategori berbentuk kotak-kotak seperti gambar dibawah postingan ini dan di sini Sobat hanya menambahkan kode CSS didalam edit HTML Sobat.
Memang Labels dengan bentuk Cloud ini sangat membantu blog Sobat lebih simple dan tidak sampai memanjang kebawah seperti bentuk label biasa. Baiklah tanpa berbasa-basi lagi saya akan memberikan sedikit trik-nya dengan hanya menambahkan Kode CSS di dalam edit HTML.
1. Pertama-tama seperti biasa sobat login dahulu kemudian, kemudian dibagian Dashbord, Sobat klik Template setelah itu Klik Edit HTML.
2. Kemudian Sobat tambahkan Kode CSS dibawah ini, tepat di atas 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>
3. Setelah Sobat pasang Kode CSS, lalu jangan lupa di Save.
4. Kemudian Sobat menuju bagian Tata Letak dan Sobat cari Widget Label seperti gambar dibawah.
5. Setelah ketemu Sobat klik Widget Label tersebut dan pada bagian dalamnya Sobat tinggal pilih pada Tampilkan dengan Cloud, seperti gambar dibawah ini.
6. Setelah itu tinggal Sobat Simpan / Save Widget tersebut. Dan tinggal Sobat lihat hasilnya.
Itulah sedikit
Trik Ngeblog untuk
Membuat Label atau
Kategori Bentuk Cloud, semoga Trik tersebut bermanfaat bagi Sobat-sobat semua.
Title :
Membuat Label atau Kategori Bentuk Cloud
Description : Membuat Label atau Kategori Bentuk Cloud - adalah Widget Label atau Kategori berbentuk kotak-kotak seperti gambar dibawah postingan ini d...
Rating :
5