Thursday, June 18, 2015

Membuat label cloud warna warni

Assalamualaikum wr wb
Selamat siang semuanya,.. kalo sebelum nya saya pernah share Tutorial mengenai Cara membuat Thumbnail poast warna warni sekarang saya akan bergagi tutor tentang Membuat label cloud warna warni.
Nahh,.. buat sobat yang tertarik untuk membuatnya silahkan ikuti tutorial dibawah ini

Simak langkah2 dibawah ini:

1. Login ke akun blogger sobat
2. Klik Template » Edit HTML
3. Kemudian tekan Ctrl+F cari kode ]]></b:skin> atau </style>
4. Lalu tambahkan script CSS berikut ini tepat diatas kode ]]></b:skin> atau </style>
bar .label-size {
  position:relative;
  text-transform:uppercase;
  text-decoration:none;
  font-size:13px;
  font-family:Arial;
  color:#fff!important;
  }
.sidebar .label-size a {
  color:#fff!important;
  font-weight:bold;
  padding:8px 10px;
  margin:0 6px 6px 0;
  float:left;
  display:block;
  transition: all 0.4s ease-in-out;
}
.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}

5. Kemudian simpan template sobat.

Cukup sekian dulu tutorial dari saya hari ini,.
Semoga Bermanfaat,..

.: Salam Blogger Indonesia :.

5 comments:

  1. mas mau tanya nih mas,, boleh ya??
    knapa ya label saya tidak mau tampil.. padahal sudah d masukin css mas di atas. mhon bantuannya ya mas
    bagibank.blogspot.com

    ReplyDelete
    Replies
    1. muncul kok gan http://i.imgur.com/KvIgQta.png
      cuma muncul 1 soal nya postingam di blog agan emang masih dikit

      Delete

💬 Peraturan dalam berkomentar :
➥ Budayakan berkomentar sesudah membaca artikel sob.
➥ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
➥ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, dan Profokasi.
➥ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT)
➥ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.

☠ Copyright © 2014 Blog iRvan eFendy™