Tutorial - Membuat Label di Blog

Berikut saya akan menginfokan bagaimana cara membuat label seperti widget label di blog saya ini

Kenapa Saya sangat menganjurkan Anda untuk menampilkan widget label di Blog Anda??


Karena tentunya ini akan lebih mempermudah setiap pengunjung Blog Anda untuk menjelajahi setiap Postingan Artikel yang ada di Blog Anda sesuai dengan Judul Utama (Garis Besar Setiap Postingan Artikel)


Sehingga setiap Anda membuat Postingan Artikel Baru sebaiknya Anda tidak lupa mengelompokkannya sesuai dengan label yang Anda buat




Hal yang harus Anda lakukan untuk membuat Widget label :


      1. Masuk ke Akun Dashboard Anda




      2. Pilih "Tata Letak"



      3. Dan pada kolom Side Bar Pilih Add Widget




      4. Kemudian cari widget label dan pilih


 

      5. Atur Pengaturannya seperti gambar dibawah ini


      6. Kemudian Copy Kode CSS berikut kemudian buka Edit Template dan Letakkan kode tersebut  diatas ]]></b:skin>

 /* cloud label http://mayaanggraeny.blogspot.com*/.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{border-radius:30px;background:#003366;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{border-radius:30px;background:#333333}
.label-count{white-space:nowrap;border-radius:30px;padding-right:3px;margin-left:-3px;background:#333333;color:#fff!important}
.label-size{line-height:1.2} 

       7. Kemudian buka Dashboard dan pilih Edit Template dan Letakkan kode tersebut  diatas ]]></b:skin>
      8. Kemudian "Save Template"

Jika Anda ingin merubah warna Dasar Label tersebut, Anda bisa merubah Kode CSS yang bertulisan huruf merah, dengan Kode CSS warna yang Anda inginkan

Kurang lebih begitulah cara pengaturan widget labe lseperti di Blog ini yang bisa Anda gunakan juga












0 komentar:

Post a Comment