Kamis, 16 November 2017

Cara Membuat Label Keren Dan Unik Di Blog - Part I

Cara Membuat Label Keren Dan Unik Di Blog - Salam kawan kali ini saya akan membagikan artikel tentang dunia komputer dan dunia blogging. Postingan yang saya bagikan adalah postingan mengenai bagaimana cara membuat label keren dan unik di blog yang tentunya akan membuat tampilan blog kalian menjadi lebih kece dan menarik. Dalam dunia blogging itu sendiri kita sering yang namanya dalam mengatur tampilan blog banyak yang tidak tahu bagaimana caranya dan juga asal-asalan. 

 Apa Itu Label pada Blogger ?

Nah, dalam blogger, label adalah penanda atau fitur untuk menunjukan tentan beberapa postingan dan sebagai penanda postingan untuk mengkategorikan artikel atau postingan yang kita punya ke dalam sub-sub tertentu. Label itu sendiri berfungsi untuk para pengunjung blog kita agar supaya merekan lebih mudah dalam mencari artikel yang mereka inginkan dengan berdasar pada label atau kategory tertentu yang merekan inginkan. Pemberian label itu juga akan berpengaruh pada SEO blog kita dan itu juga bisa untuk meningkatkan SEO blog kita juga. Kebanyakan untuk pada blogger yang sudah handal merekan biasanya meletakkan label pada sidebar karena posisi ini memang cukup optimal dalam menarik dan mempermudah pengunjung mencari artikel yang merekan inginkan.

Cara mengatur atau memasang label pada blog :
  1. pertama kalian harus login pada blog
  2. kedua kalian pilih menu tata letak --> tambahkan gadget --> pilih label
  3. atur sesuai yang kalian inginkan
  4. diwajibkan pilih label dengan tampilan cloud
  5. lalu simpan.
Cara Memodifikasi Label Dengan CSS :
  1. pertama kalian harus login pada blog
  2. Pertama kalian pilih menu template --> sesuaikan --> lanjutan --> tambahkan CSS
  3. kedua masukan kode script yang saya siapkan kedalam kotak tambahkan CSS
  4. Terapkan ke blog, lalu lihat hasilnya pada blog kalian. 

Style Merah Keren 

Cara Membuat Label Keren Dan Unik Di Blog

Kode CSS :

.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:5px dashed #000000;border-bottom-right-radius:30px;border-top-left-radius:30px;background:#FA0830;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:5px dashed #FA0830;background:#000000} .label-count{white-space:nowrap;border-bottom-right-radius:30px;border-top-left-radius:30px;padding-right:3px;margin-left:-3px;background:#000000;color:#fff!important} .label-size{line-height:1.2}

 Style Biru Unik 

Cara Membuat Label Keren Dan Unik Di Blog

Kode CSS :

.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:5px dashed #000000;border-bottom-right-radius:30px;border-top-left-radius:30px;background:#FA0830;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:5px dashed #FA0830;background:#000000} .label-count{white-space:nowrap;border-bottom-right-radius:30px;border-top-left-radius:30px;padding-right:3px;margin-left:-3px;background:#000000;color:#fff!important} .label-size{line-height:1.2}

 

Demikian yang bisa saya sampaikan pada postingan tentang Cara Membuat Label Keren Dan Unik Di Blog - Part I dan untuk kelanjutannya kalian bisa tunggu dan saya mohon maaf yang sebesar-besarnya dan juga tak lupa saya ucapkan terima kasih. SAMPAI JUMPA LAGI.
Disqus Comments