Tampilan Label Cloud Blogger dan modifikasinya

 

Sudah lama sekali aku tidak membuat postingan karena kesibukanku di kantor sehingga sama sekali tidak sempat membuat postingan. Ya resikonya rank ku gak pernah bisa naik, jalan di tempat atau malah turun.

 

Ok sobat semua, postingan ini sebenarnya sudah di ulas oleh kang Rohman, atau kalo dibilang nyontek juga GPP karena blog ini hanya untuk pembelajaran saja.

 

Blogspot.com sekarang sudah menyediakan fasilitas membuat Label model cloud yang sebelumnya hanya biasa saja. caranya adalah :

 

Pertama kita membuat Label Cloud terlebih dahulu

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak
3. Klik Tambah Gadget ( jika gadget Label sudah ada di blog anda, tinggal klik Edit Saja )

4. Klik tanda plus ( + ) untuk Label :

   

    

5. Beri tanda untuk pilihan Cloud :

   

    

   Jika anda menginginkan agar label cloud anda tidak mempunyai nomor jumlah posting, anda tinggal menghilangkan tanda centang pada pilihan "Tampilkan jumlah Entri per label"

   

    

   Apabila anda tidak menginginkan semua label yang dibuat tampil, anda bisa memfilternya dengan memberi tanda pada pilihan "Label yang Dipilih", kemudian klik tulisan edit. Hilangkan tanda centang pada label yang tidak ingin di tampilkan.

    

    

6. Untuk mengakhiri semua pengaturan, tentu saja dengan klik tombol SIMPAN.
7. Selesai.

Kedua : Apabila kita ingin membuat modifikasinya dengan cara seperti di bawah ini.

 

1. Klik Tata Letak.

2. Copy lalu paste kode berikut persis di atas kode ]]></b:skin>

   .label-size-1 a { font-size: 12px; text-decoration: none; } .label-size-2 a { font-size: 14px; text-decoration: none; color:#cd9f01; } .label-size-3 a { font-size: 15px;font-family: Arial, Tahoma, Verdana;text-decoration: none; } .label-size-4 a { font-size: 18px; font-weight:bold; text-decoration: none; color:#ea5a04; } .label-size-5 a { font-size: 24px; text-decoration: none; } .label-size-1 a:hover, .label-size-2 a:hover, .label-size-3 a:hover, .label-size-4 a:hover, .label-size-5 a:hover { text-decoration:underline }

3. Klik Tombol SIMPAN TEMPLATE
4. Selesai.

Ok kawan selesai sudah membuat Label cloud dari blogger dengan modifikasi, lihat hasilnya dan selamat mencoba.

Artikel yang berhubungan

Lihat semua postingan >>Di sini<<