Posted by : Stiker Jalingkut

--✽ ✽ ✽--ASSALAMU'ALAIKUM--✽ ✽ ✽--

Apa kabar sobat semuah sebelumnya kami Mohon Ma'af kalu kami sedikit
telat berkunjung di Tempat sobat semuah karna hari2 ini kami sedikit
banyak kesibukan di kerjaan kami jadi mungkin akan berkunjung kalu kami
lagi ada waktu senggang heheh......?

Nah pada kesempatan kali ini kami mau berbagi Cara Mempercantik Label Blogger
emangsih sudah banyak yang obrak abri kalu soal Kode Css buat Blogger
tapi kali ini kami baru tau soalnya tadinya kami coba2 ternyata Berhasil mau tau kayak apa
hasilnya yang sudah di obrak abrik Css nya silakan sobat lihat Demo di bawah ini..

Nah buat sobat yang mau pasang silakan Ikuti langkah-langkah di bawah ini sob
1: seperti biasa sob masuk ke akun sobat semuah ok....?
2: cari kode </b:skin> kalu sudah ketemu Copy Kode dibawah pastekan Pas di Atasnya Kode </b:skin>
 
.Label ul {list-style: none;display: block;margin: auto;width: auto;padding: 0;
}
.Label li {position: relative;display: inline-block;width: 40px;height: auto;line-height:auto;text-align: center;cursor:pointer;margin: 0;padding: 0;perspective: 1000px;  
}
.Label li span {position: relative;display: inline-block;width: 40px;background: #1abe9e;color:#0000ff;transition: transform 0.3s;transform-origin: 50% 0;transform-style: preserve-3d;
}
.Label li span::before {position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: #08372e;color:#fff;content: attr(data-hover);transition: background 0.3s;transform: rotateX(-90deg);transform-origin: 50% 0;
}
.Label li:hover span,.Label li:focus span {transform: rotateX(90deg) translateY(-22px);
}
.Label li:hover:before,.Label li:before {background: #1abe9e;color:#00ff00;} 

3: Simpan Tembelek Lalu lihat Hasilnya Heheheh.........?

Sekian dulu dari kami semoga bermanfa'at buat sobat yang mebutuhkannya Amin......?

{ 32 comentários... read them below or Comment }

  1. keren infonya mas,,, ntar saya praktekkan di blog saya biar labelnya indah :)
    thanks 4 nice share!

    BalasHapus
  2. Tampilan labelnya seperti jadwal kalender ya mas :)

    BalasHapus
    Balasan
    1. Besok buat yg kaya jadwal kereta ya mas :)

      Hapus
    2. y sob sedikit hampir mereset heheh.

      Hapus
    3. mas Bud@ malah lebih panjang lgi dari pada kereta senja heheh

      Hapus
  3. keren mas..! aq baru liat yg ginian.., *smile

    BalasHapus
    Balasan
    1. iya kang aq juga baru dapat dari linik2 yang gituan tadinya coba2 mas eh malah kecoba xixixi

      Hapus
  4. selamat sore mas...duh kalau saya malah puyeng kalau lihat banyak2 kode itu hehe...

    BalasHapus
  5. Meski udah di obrak abrik...malah jd keren ya mas :)

    BalasHapus
    Balasan
    1. iya kang aq juga bingung habis di obrak abrik ko malah bagus y heheh...?

      Hapus
  6. wah keren nih mas, jadi kelihatan lebih simpel... tapi sayang nih saya belum bisa html.. hp saya kurang suport masbro.. jadi saya simpen dulu aja deh... mugo2 ora di pangan rayap hehehehehe

    BalasHapus
  7. Kok tembelek? Bhahaha, jorse! Tapi tutornya mantep! Lupain tembeleknya! Lain waktu tak jajale nek sempet maen ning warnet.. Hehe

    BalasHapus
  8. wah makin manteb aja tutorialnya,,salam sukses selalu gan

    BalasHapus
  9. wah makin manteb aja tutorialnya,,salam sukses selalu gan

    BalasHapus
  10. wah jadi benar2 cantik yah.

    BalasHapus
  11. wah mas sekali sekali buat yang lebih girly dunk.. jangan kaku kaku, saya kan mau juga tuch... :P

    http://ulimayang.blogspot.com

    BalasHapus
    Balasan
    1. kan kalu mau yang lemes2 tinggal lari2 aja mbk heheh,,.,.,.

      Hapus
  12. Keren master,
    oiya mas, memang ada ditambahkan pop up ya mas.?
    karna agak sedikit mngganggu mas :)

    BalasHapus
    Balasan
    1. gk sob itu hanya menggunakan before . jadi terlihat kyk pop up
      ES Krim sob heheh

      Hapus
  13. hebat, saya baru denger label diedit lewat css, nice share sob :)

    BalasHapus
  14. Sugeng dalu kang..makin mantab aja blognya dengan segala tutorial keren ini

    BalasHapus
  15. saya bukmak ya gan, sapa tau lain waktu saya terapin tutornya :)

    BalasHapus
  16. ane nyimak aja deh

    tinggi banget ilmu sih agan nih,.

    susah ikutinnya :D

    BalasHapus
  17. label bloggerpun harus cantik ya mas

    BalasHapus

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

- Copyright © TUTORIAL™ - Blogger Templates - Powered by Blogger - Designed by Sella -