Mengubah Label jadi warna-warni

• Login di blogger.com
• Pilih menu tema
• Pilih edit HTML
• Lakukan pencarian dengan cara tekan tombol ctrl+f kemudian ketikkan ]]></b:skin>
• Setelah ketemu pastekan kode java script di bawah ini diatas ]]></b:skin>, namun jika sudah melakukan perubahan warna pada postingan populer maka pastekan kode di bawah diatas kode java script postingan populer

<!--Label Berwarna di Blog Start-->
    .cloud-label-widget-content {text-align: left;}
    .label-size {background: #83B4D8;display: block;float: left;margin: 0 3px 3px 0;color: #fff;font-family: Oswald, Arial, Sans-Serif;font-size: 11px;text-transform: uppercase;}
    .label-size:nth-child(1) {background: #80FF00;}
    .label-size:nth-child(2) {background: #8DBC2F;}
    .label-size:nth-child(3) {background: #FF52AE;}
    .label-size:nth-child(4) {background: #6899ED;}
    .label-size:nth-child(5) {background: #42FFBD;}
    .label-size:nth-child(6) {background: #E9DB58;}
    .label-size:nth-child(7) {background: #FF2F0A;}
    .label-size:nth-child(8) {background: #3FDECF;}
    .label-size:nth-child(9) {background: #FFFF3D;}
    .label-size:nth-child(10) {background: #99CC33;}
    .label-size:nth-child(11) {background: #B7860B;}
    .label-size:nth-child(12) {background: #00FF80;}
    .label-size:nth-child(13) {background: #F2A15F;}
    .label-size:nth-child(14) {background: #545454;}
    .label-size:nth-child(15) {background: #A3195C;}
    .label-size:nth-child(16) {background: #963690;}
    .label-size:nth-child(17) {background: #25CBFE;}
    .label-size:nth-child(18) {background: #10BBEA;}
    .label-size:nth-child(19) {background: #37C371;}
    .label-size:nth-child(20) {background: #F86D9E;}
    .label-size a, .label-size span { display: inline-block; color: #fff !important; padding: 4px 10px; font-weight: bold; }
    .label-size:hover { background: #222; } .label-count { white-space: nowrap; padding-right: 3px; margin-left: -3px; background: #333; color: #fff ; }
    .label-size:hover .label-count, .label-size:focus+.label-count { background-color: #FF6BFF; }

    <!--Label Berwarna di Blog End-->

• Jika sudah di pastekan klik simpan

Langkah selanjutnya adalah kembali dasboard

• Pilih tata letak
• Kemudian cari sidebartab yang bernama label
• Kemudian klik edit
• Pilih menu Tampilkan lalu pilih cloud
• Klik Simpan

Lokasi:

Berbagi :