Free Website Widgets Label Yellow For Blogger

Salam semua sahabat blogger di seluruh penjuru dunia, pada kesempatan ini saya akan membagikan sebuah tutorial atau search engine optimisation tips kali ini yaitu cara menambahkan Custum Widget Label Yellow For Blogger, seperti yang kita  lihat pada gambar terlihat sangat menarik dan sangat berguna bagi blog kita, widget ini berguna untuk membuat kategori semua postingan kita sehinggga para pengunjung sangat mudah menemukan apa yang mereka cari dan pengunjung juga akan betah dihalaman blok kita karena tampilannya menarik dan teratur,,

oke, tanpa memperpanjang mukaddimah saya langsung saja ke pokok permasalahan kita yaitu cara membuat Widget Label Yellow For Blogger, ikuti langkah-langkahnya sebagai berikut :

• Masuk ke Dashboard Blogger anda

•      Arahkan kursor ke tanda panah sebelah kanan atas dan Klik menu template Template -> Edit HTML

Lalu cari  kode ]]></b:skin> (caranya lihat gambar di bawah ini)

•      Kalau sudah ketemu Copy Kode dibawah ini dan paste kode ini tepat di atas ]]></b:skin>
• 
  

      .Label li:before {

        background-image: -moz-linear-gradient(left top , #FEDA71, #FEBA47);

        border-bottom: 1px solid #D99D38;

        border-left: 1px solid #D99D38;

        content: "";

        height: 1.39em;

        left: -0.69em;

        position: absolute;

        top: 0.2em;

        transform: rotate(45deg);

        width: 1.3em;

        z-index: 1;

    }

    .Label li:after {

        background: none repeat scroll 0 0 #FFFFFF;

        border: 1px solid #D99D38;

        border-radius: 4.167em 4.167em 4.167em 4.167em;

        box-shadow: 0 1px 0 #FAEABA;

        content: "";

        height: 0.5em;

        left: -0.083em;

        position: absolute;

        top: 0.667em;

        width: 0.5em;

        z-index: 9999;

    }

    .Label li {

        background-image: -moz-linear-gradient(center top , #FEDA71, #FEBA47);

        border-bottom: 1px solid #D99D38;

        border-radius: 0 0.25em 0.25em 0;

        border-right: 1px solid #D99D38;

        border-top: 1px solid #D99D38;

        box-shadow: 0 1px 0 #FAEABA inset, 0 1px 1px rgba(0, 0, 0, 0.1);

        color: #996633;

        float: left;

        font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

        font-size: 0.75em;

        font-weight: bold;

        list-style: none outside none;

        margin: 0 0 7px 20px;

        padding: 0.417em 0.417em 0.417em 0.917em;

        position: relative;

        text-decoration: none;

        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

        z-index: 1;

    }

•      Lalu simpan template anda, dan refres halaman blogger anda selanjutnya lihat hasilnya.

     Demikianlah cara menambahkan Custum Widget Label Yellow For Blogger, Semoga tulisan ini dapat membantu anda dan saya berharap jika ada yang ingin saudara tambahkan silahkan berkomentar di bawah ini, saya akan sangat senang dengan komentar teman-teman blogger,, selamat menikmati dan terima kasih atas perhatiannya telah berkunjung ke blog saya ini..

Anda juga bisa membaca Free Website Widgets Label Cool Effec di postingan saya sebelumnya

•