Cara Merubah Label Tag Cloud Blogspot Biar Cantik,kita ketahui wordpress begitu banyak plugin yang bisa membuat membuat tampilan homepage menjadi lebih bagus,makanya banyak blogger yang memakai wordpress walau mengeluarkan kocek kantong mereka untuk membeli sebuah template. Bagaimanakah dengan blogger.com?blogger.com juga bisa membuat tampilan agar lebih cantik tetapi kita harus mengerti istilah kode-kode html,java script,css dan lainya,banyak blogger diluar sana telah banyak merubah tampilan homepage blogspot sehingga kelihatan cantik.seperti menambah widget dan lain-lain.
jadi bagaimanakah Cara Merubah Label Tag Cloud Blogspot Biar sederhana?silahkan sobat blogger lihat gambar yang saya sertakan.atau lihat demo disini,jadi caranya yaitu:
- Login Ke blogger.com
- Pilih Setting ►Layout ► Tambah Gadget Label ►Centang Cloud
- Save
![]() |
Seperti tampilan ini |
- /*--Hack Label CLoud--*/
- .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 #6BB5FF;
- 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;
- }
No comments:
Post a Comment