Cara Mempercantik Memperindah Label/ Kategori Blog dengan fungsi CSS pada Blogspot

Mempercantik Blog

Cara Mempercantik Memperindah Label/ Kategori Blog dengan fungsi CSS pada Blogspot

Setiap blogger selalu menginginkan design blognya terlihat dinamis, artinya blog yang bagus secara visual dan membuat pengunjung merasa betah untuk berlama lama membaca postingan di blog kita.

Salah satu metode untuk itu adalah membuat menu yang punya daya tarik untuk di klik. admin ode media memberi salah satu tips untuk mempercantik blog anda adalah dengan menggunakan kode css pada pembuatan labels / kategori blog. [Anda bisa melihat contohnya di panel samping blog ini, silahkan arahkan krusor anda kesana]

Memperindah Label / kategori blog dengan fungsi css tutorial

1. Masuk kedasbor blog anda seperti biasanya dan menambahkan gadget kategories/ labels
   [ Tata Letak -> Tambahkan Gadget -> pilih labels  ]
2. Save pengubahan pengaturan anda
3. silahkan masuk pada edit html dan cari kode ini.
   

   ]]></b:skin>

4. Masukkan kode css dibawah ini tepat diatas kode no 3

Baca Juga

• memasang widget artikel / Most populer cantik di Blogspot
• Pengertian, Sejarah Perkembangan, Pembagian dan Manfaat Komputer (Makalah Pengantar Ilmu Komputer)
• Contoh Makalah Materi INTERAKSI MANUSIA DAN KOMPUTER {Lengkap}
• Pengertian dan Contoh Sistem Informasi Manajemen (Bahan Makalah)
• Cara Install Compiz Extra di Linux Ubuntu Terbaru
• Cara Menambahkan Tombol Like , share facebook,twitter dan google plus di Blog
• Cara Membuat Email Gmail dan Yahoo
• cara membuat favicon blog keren

.Label a{
 position:top;
padding-left:10px;
background:#000000;
padding:0 10px;
color:#fff!important;
height:26px;
line-height:26px;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:1px;
margin-top:1px;
font-size:13px; }
.Label a:hover{
background:#ff8c00;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: px;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);

Setelah selesai semuanya silahkan save dan lihat hasil edit blog anda.