Tuesday, March 8, 2016

Membuat Label Cloud Warna Warni di Blog

Membuat Label Cloud Warna Warni di Blog - yo yo yo what's up guys, apa kabs nih kabar kalian semua, bertemu lagi dengan admin tamvan dan rupawan di sini kita akan mengetahui berbagai macam teknik blog, sejarah, tekno dan lain sebagainya, namun pada kesempatan kali ini saya akan memberitahukan cara membuat label bercloud yang warna warni

Membuat Label Cloud Warna Warni di Blog
Yap, benar sekali kalian tentunya akan memodifikasi sebuah blog pada template blog kalian, benar bukan? saya akan kasih tau caranya, langsung kalian praktekan ya, kelebihan dari memodifikasi dari cloud ini adalah membuat menarik label pada blog kalian,

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.