ARDI KUSNADI

Minggu, 08 Desember 2019

Cara Mudah Membuat Label Blog Warna-Warni

Pada kesempatan kali ini, saya akan memberikan trik cara mudah membuat label blog warna-warni. Cara membuat label warna warni sangatlah mudah. Baiklah! Tanpa banyak basa basi lagi, berikut langkah-langkahnya.



1. Pertama, anda login dulu ke Blogger

2. Pilih Template » Edit HTML

3. Pasang kode dibawah ini tepat diatas kode ]]></b:skin>




    <!--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-->

4. Simpan Template

5. Selanjutnya, pilih Tata Letak » Tambah Gadget

6. Pilih Label seperti gambar dibawah ini



7. Kemudian pilih Cloud » Simpan dan lihat hasilnya


Bagaimana, mudah sekali kan cara membuat label blog warna-warni? Semoga apa yang saya postingkan ini bisa membantu dan bermanfaat. Terimakasih.

3 komentar:

TERIMAKASIH ATAS KUNJUNGANNYA

SAMISANOV Menjelajah Negeri