Membuat Label Cloud Keren dan Cantik diblog 




Cara Membuat Label Cloud Keren dan Cantik - Setiap blog tentunya memiliki fasilitas Label widget, pada Blogger secara default ada 2 pilihan yaitu List dan Cloud. Widget Label Cloud yang akan jadi bahasan Desain Blog kali ini. Dengan sedikit tambahan kode CSS widget label type cloud ini bisa dipercantik tampilanya di blog. 
Kurang lebihnya seperti gambar dibawah ini sobat:
  
Label di blog adalah kata kunci yang mengkategorikan seluruh isi/konten blog . Label juga merupakan link-link singkat dan sederhana menuju postingan Anda. Pemasangan widget Tag, Label atau Kategori pada Blog/web bertujuan untuk memberikan navigasi yang mudah bagi pembaca blog. Pada Blogger sejak Google telah mengambil alih atau menyediakan layanan widget resminya melalui server Blogger sendiri, salah satunya adalah Page List and Label Cloud List dengan enable deisgner untuk membuat dynamic menus.

Intinya share kali ini untuk merubah widget label agar lebih cantik. dengan CSS dibawah ini akan mewarnai label sobat menjadi keren dan menarik. Berikut penjelasannya:
 ::Cara Membuat Label Cloud Keren dan Cantik diblog::
1. Masuk Blogger Dasboard > Template > Edit HTML > Lanjutkan
2. Backup template
3. Tekan Control + F > cari kode ]]></b:skin>
4. Jika sudak ketemu, Copy kode CSS dibawah ini dan Pastekan/letakkan kodenya tepat diatas kode ]]></b:skin>
 /*-----Labels Cloud Styled widget by proBlogiz.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 #B20000; 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; }
5. Save Template
Keterangan !!!
Pastikan label pada blog sudah terpasang dan dibuat Cloud bukan List.
Anda membaca artikel Membuat Label Cloud Keren dan Cantik diblog  dan anda bisa menemukan Anchor Text artikel dengan url http://dhofirpm.blogspot.com/2013/07/membuat-label-cloud-keren-dan-cantik.html.


Backlink here..

Description: Membuat Label Cloud Keren dan Cantik diblog  Rating: 4.5 Reviewer: Dhofir Pm - ItemReviewed: Membuat Label Cloud Keren dan Cantik diblog 


DhofirPM - 10:49:00 AM


Share your views...

0 Respones to "Membuat Label Cloud Keren dan Cantik diblog  "

Post a Comment

 
close
close

© 2010 DhofirPM | Free Download Software All Rights Reserved Thesis WordPress Theme Converted into Blogger Template by Hack Tutors.info

Social Monkee