Tulisan Membesar Ketika Disentuh

Ok kali ini saya akan memberikan sedikit tambahan pilihan desain yang bisa anda gunakan di blog, agar tidak bosan dengan tampilan dan menu yang itu-itu saja. Artikel kali ini tentang cara membuat tulisan link membesar ketika di sentuh. Disini saya ambil contoh link dari widget Label/Kategori.
Contohnya: Silahkan arahkan Mouse anda ke Tulisan di bawah ini.


Cara Membuatnya di blog :
  1. Silakan login ke blogger, dari halaman dasbor piih pengaturan tata letak.
  2. Lalu klik desainer template > tingkat lanjut > Tambakan Css.
  3. Lalu masukan kode berikut ini kedalamnya. Atau cari kode ]]></b:skin> dan masukan kode ini didalamnya.
  4. #Label2 a{
     font-weight:bold;
    Color:black;
    position:relative;
    display:inline-block;
    -o-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease}
    #Label2 a:hover{
    -o-transform:scale(1.4) translate(0px);
    -moz-transform:scale(1.4) translate(0px);
    -webkit-transform:scale(1.4) translate(0px);
    -o-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease}
  5. Terakir Terapkan ke blog, selesai.
 Keterangan:
#Label2 adalah kode widget yang saya gunakan, silahkan diganti dengan kode widget yang ingin anda gunakan agar tulisan link didalamnya bisa membesar ketika di sentuh.

Artikel diatas merupakan hasil utak-atik kode yang sudah berjalan, contohnya bisa dilihat di blog ini pada widget artikel tentang blog(jika masih saya gunakan). Silahkan arahkan mouse ke salah satu tulisan link yang ada di widget tersebut, maka link tulisan tersebut akan membesar.

Silahkan mencoba dan semoga berhasil.

No comments:

Post a Comment

Semoga Artikel diatas dapat membantu anda menemukan, apa yang sedang anda cari. Silahkan tinggalkan komentar.