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

Baca Juga

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
   

   .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.