Cara membuat Widget Label Cloud keren di blog

Cara membuat Widget Label Cloud keren di blog

Jalak Ikal 16 November 0 komentar
Masih dalam pembahasan widget dahulu saya pernah share tentang cara merubah tampilan label di widget,Kali ini juga saya masih membahas tentang label cloud,namun tampilan label cloud yang ini lebih keren ketimbang yang dahulu,karena label cloud kali ini warna nya yang mencolok dan juga rapih

Dengan memasang label cloud ini maka tampilan template kamu akan menjadi keren dan juga para pengunjung akan tertarik melihat tampilan label widget ini karena selain rapih dan warna nya juga yang enak di pandang dengan begitu para pengunjung akan betah untuk selalu mengunjungi blog kita selain artikel yang di cari nya terdapat di blog kita

Bisa anda lihat di gambar di bagian atas,itu adalah contoh tampilan widget yang akan anda pasang atau yang akan anda gunakan di template anda dengan menggunakan kode di bawah dan cara penerapan kode tersebut sangatlah gampang hanya perlu menempatkan Css di bagian template anda

Namun jika anda bingung untuk cara penerapan widget label ini anda dapat mengikuti langkah-langkah penerapan nya di bawah ini yang tentu nya bagi master blog sudah tidak asing lagi cara di bawah ini,namun ini saya hanya mengingat kan kepada para newbe saja yang baru belajar blog

Cara Merubah label cloud menjadi keren di widget

Jika anda tertarik untuk penerapan label cloud ini anda hanya perlu mengikuti langkah langkah berikut
  1. Silahkan anda masuk ke blogger anda
  2. setelah itu silahkan masuk ke bagian Template > Edit Html
  3. kemudian letakan kode berikut sebelum kode </b:skin> untuk memudahkan pencarian anda silahkan anda tekan tombol Ctrl+F secara bersamaan kemudian letakan kode berikut
   /* label */
    .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
    font-size:100%;
    filter:alpha(100);
    opacity:10
    }
    .cloud-label-widget-content{
    text-align:left
    }
    .label-size {
    background:#2ea9da;
    display:block;
    float:left;
    margin:0 3px 3px 0;
    color:#ffffff;
    font-size:11px;
    text-transform:uppercase;
    }
    .label-size a,.label-size span{
    display:inline-block;
    color:#ffffff !important;
    padding:6px 8px;
    font-weight:bold;
    }
    .label-size:hover {
    background:#333333;
    }
    .label-count {
    white-space:nowrap;
    padding-right:3px;
    margin-left:-3px;
    background:#333333;
    color:#fff !important;
    }.label-size {
    line-height:1.2
    }
Save template

Langkah-langkah membuat widget label

Setelah anda memasang Css di atas langkah selanjutnya silahkan anda masuk ek bagian tataletak atau Layout kemudian kik Add a Gadget
Setelah ada tampilan seperti itu kemudian silahkan anda cari Label dan kemudian klik ,maka dengan begitu akan ada tampilan seperti berikut
Silahkan anda perhatikan pada bagian kolom yang berwarna merah di atas,centang Cloud dan juga pada bagian Show number of posts label,kemudian langkah terakhir silahkan anda klik tombol save yang berada di bagian bawah dan silahkan anda lihat hasil nya di bagian home page blog anda.
Nah itulah cara membuat widget label cloud semoga artikel nya bisa membantu sobat blogger.

loading...
Ratings: 
Posted by Jalak Ikal, Published at 16 November and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi