Tutoral Membuat Label Cloud Flat UI Di Blogger

Assalamualaikum teman" :D

 

Label umumnya berfungsi sebagai pengelompokan artikel, atau memisahkan antara artikel satu dengan lainnya sesuai kategori/label. Label pada blog juga sangat berguna bagi pengunjung blog yang ingin melihat atau membaca artikel sesuai kategori yang mereka inginkan oleh karena itu peran label sangat penting untuk blog ente .

Oke gak usah bayak cingong ,ikutin aja tutor di bawah.

Peratama = Memasang Label Cloud Pada Blog

1.Login ke blogger kalian masing-masing.
2.Klik Tata Letak => Tambahkan Gadget => Label
3.Atur settingan labelnya seperti ini :
Judul : Label / Lables
Tampilkan : Semua label
Menyortir : Alfabetik
Tampilan : Cloud dan tampilkan jumlah entri per label.

Oke cara pertama sudah selesai ,selanjutnya masuk ke tahan akhir.

Ke-Dua = Modifikasi Label Cloud Pada Blog

1.Login ke blogger kalian masing-masing.
2.Klik Template => Edit HTML
3. Cari kode ]]</b:skin> atau </stlye>
4.Copy kode di bawah ini ke dalam ]]</b:skin> atau </stlye>

/*CLOUD LABEL by xdigitalmedia*/
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10}
.cloud-label-widget-content{text-align:left}
.label-size{background:#2EA9DA;display:block;float:left;margin:0 3px 3px 0;color:#fff;font-size:11px;text-transform:uppercase}
.label-size a,.label-size span{display:inline-block;color:#fff!important;padding:6px 8px;font-weight:700}
.label-size:hover{background:#333}
.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#333;color:#fff!important}
.label-size{line-height:1.2}

5.Save template dan lihat hailnya ..

Ohiya ,wana biru bisa di ubah ke warna apa aja caranya ??
Cari kode background: #2EA9DA lalu ganti dengan kode warna css kesukaan anda :D

Oke sekian wassalam. 

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Related Post