Membuat Link Membesar Saat Disentuh Cursor
20.32.00
27 Komentar
Membuat link membesar ketika disentuh cursor akan membuat tampilan blog Anda lebih sedikit menarik dan cantik oleh karena itu blog Ficri Pebriyana akan memberikan tutorial membuat link membesar saat disentuh cursor, bagi sobat Blogger semuanya bisa mencoba tutorial ini. Oke langsung saja bagi Anda yang ingin membuat link menjadi besar saat disentuh cursor silahkan baca tutorialnya dibawah ini :
1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode a:hover { atau a:hover{
Contoh hasilnya seperti ini :
a:hover {
color:#0D7BDF;
font-size:12px;
text-decoration:none;
display:block;
}a:hover {
color:#0D7BDF;
font-size:18px;
text-decoration:none;
display:block;
}Catatan :
- Kode 18px bisa Anda ganti menjadi lebih besar atau lebih kecil lagi.
- Kode #0D7BDF untuk warna link, bisa Anda ganti disini Kode Warna.
- Jika ingin mengganti semua link agar membesar saat disentuh cursor, silahkan ganti semua kode a:hover dengan menambahkan nilai font-size.
- Jika tidak terdapat kode font-size pada a:hover silahkan tambahkan kode font-size:18px; pada bagian a:hover.
Cara Membuat Efek Membesar atau Zoom Pada Gambar
Cara Membuat Efek Gambar Berputar Zoom di Blog
Sekian artikel mengenai Membuat Link Membesar Saat Disentuh Cursor. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
Lha maksut saya seperti ini bang , yang artikel blog saya tadi, jadi efek hover saat kita menyentuh objek css :)
BalasHapusefek a:hover itu khusus untuk perubahan ketika cursor diletakan diatas anchor text :)
HapusNice posting gan :)
BalasHapusIjin Simak postingan ~
Kumpulan Cerita Dewasa Terbaru
iya sob, makasih sudah mampir :D
Hapusoke gan sama" :)
HapusSip (y)
Hapuswah, mantap nih mas. jadi pengunjung blogg bisa dengan jelas membaca link yang kita sertakan dalam artikel. thanks mas ilmunya :)
BalasHapusiya mas, biar bisa menarik perhatian pengunjung juga... :D
HapusDlu waktu punya blog tutorial nih saya juga pernah share,skarang udah lupa,, tapi udah diingetin lagi ,, thanks ya mas
BalasHapusiya sob, semoga bermanfaat...
Hapusketemu juga nih caranya, temen nyari nyari cara kaya gini. thanks infonya ..
BalasHapussalam blogwalking topieks.blogspot.com
iya sob, makasih sudah mampir kesini...
Hapuso jadu sebelum hover 12px terus :hover jadi 18px, kalau muter waktu hover gmana ya mas?
BalasHapusitu hanya contoh mas, dalam blog kadang tidak harus 12px atau bahkan tidak ada kode font-size:12px pada bagian a:hover, kalau tidak ada kita tambahkan saja...
Hapuskalau untuk muter nanti saya posting diartikel berikutnya :D
ternyata mudah juga ya membuatnya.. makasih mas atas tutorialnya
BalasHapusiya mbak sama-sama, semoga bermanfaat :D
Hapuswahh bagus sekali nih pas banget buat para pemula ne....
BalasHapussemangat sob.. buat artikel yang ginia... jadi blogger pemula bisa kesini |o|
iya sob .. makasih udah mampir :D
Hapusiya sob.. semoga blognya lancar-lancar aja sob...
Hapusiya amin :)
HapusMakin keren, khususnya biar makin jelas gambarnya
BalasHapusini untuk link sob, kalau gambar beda lagi, nanti saya posting diartikel berikutnya.. :D
HapusWah jadi terkesan lebih jelas dilihatnya dan dinamis jadinya keren nih.
BalasHapusSaya coba-coba dulu kalau gitu
iya mas, silahkan dicoba ya, semoga bermanfaat...
Hapusiya sob, sama-sama...
BalasHapussemoga bermanfaat...
thanks Sob,
BalasHapusSangat Bermanfaat ilmu nya :D
script template yang anda maksudd ndak ada di template ane gan?
BalasHapus