Membuat Link Aktif Lebih Menarik

Browse » Home » Blogging Tutorial » Membuat Link Aktif Lebih Menarik

Membuat Link Aktif Lebih Menarik

Link Aktif adalah kata atau alamat yang jika di klik menuju ke link yang sudah dipasang di kata atau alamat tersebut. Kadang link aktif jika di sentuh akan berbeda dari semula, kebanyakan link jika di sentuh akan menebal dan muncul garis bawah (underline). Namun pernahkah terpikirkan oleh kalian untuk mengganti link aktif tersebut dengan yang lebih menarik ?

Menggunakan cara ini ternyata membuat pengunjung lebih senang mengarahkan ke link aktif, kenapa ? ya pastinya mereka penasaran dan ketagihan nyentuh - nyentuh link nya tersenyum lebar

. Bagi pemilik toko blog, trik ini sangat berguna untuk mendapatkan banyaknya pengunjung dan hasil yang diuntungkan, karena sebagian toko blog memiliki banyak link aktif tetapi hanya menampilkan gambar dan diskripsi yang hanya sedikit. Bagh kalian juga yang memiliki posting yang banyak kalian bisa gunakan trik ini mengedipkan mata

Ikuti langkah berikut untuk membuat link aktif yang lebih menarik !

Login ke Blogger
Ke Design > Edit HTML
Copy kode berikut di bawah kode a:hover{ atau a:hover, a:active{

color:#FFF; text-shadow: 0 0 0.5em #DC143C,0 0 0.5em #DC143C,0 0 0.5em #DC143C,0 0 0.5em #DC143C; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out

# Kode yang berwarna kuning adalah kode warna dari inti kata yang mengandung link
# Kode yang berwarna biru adalah kode warna yang melingkari kata yang mengandung link
# Ganti kode warna pada kode jika kalian tidak ingin kan warna yang seperti itu
Klik 'Save Templates' dan lihat hasilnya ! Selamat mencoba sobat !

27 komentar:

ArhyErna_Blog mengatakan...: thaks sob dah ane pasang dan hasilnya mantap sob...!!! kunjungan balik ditunggu sob... kalau bisa bantu ane pengen ngubah warna link dikomentar template ane habis ngak kelihatan sob... ngak tw ngotak atik bagaian mana biar warnaya berubah...!!!! trus bentuk tulisan haeder, judul postingan hingga isinya mengikuti pada saat readmore juga sob yang keren...!!!! salam persahabatan dari ane....!!! maaf banyak rekuesnya sob... hehehehe biasa newnie...!!!!; 19 Januari 2012 pukul 20.22
Deo Pradipta mengatakan...: wew.. banyak bener sob.. *.*
coba dulu deh masuk ke Edit HTML sob.. ntar klw ada yg sulit bilang aja.. sama2 newbie kita sob ^^; 20 Januari 2012 pukul 15.30
Kapasca mengatakan...: cobaaa aahh..... spertinya kereen..... ^_^; 20 Januari 2012 pukul 18.20
Kapasca mengatakan...: waaahh... kereeen beneeerr..... udah sy pake jg... makaasih lhoo...; 20 Januari 2012 pukul 18.46
Deo Pradipta mengatakan...: iya sob.. sama2 yakkkk.. warna nya juga bisa diganti kok ^^

salam kenal ^_^; 20 Januari 2012 pukul 18.55
Mas Fii mengatakan...: baca sekaligus praktek, tengs :D
mampir sini ya >> new face; 22 Januari 2012 pukul 12.12
Deo Pradipta mengatakan...: iya sob.. samasama.. langsung ke TKP ^_^; 22 Januari 2012 pukul 13.57
mengobati wasir mengatakan...: tips mantaf dari blog mangstab... ^_^; 23 Januari 2012 pukul 12.01
Deo Pradipta mengatakan...: hohoho.. makasih sob.. ^^; 23 Januari 2012 pukul 14.15
Unknown mengatakan...: Komentar ini telah dihapus oleh administrator blog.; 14 Februari 2012 pukul 07.59
Karina Julita mengatakan...: Komentar ini telah dihapus oleh pengarang.; 24 April 2012 pukul 13.40
salamlecom mengatakan...: thanks boss. kepake di bloku.; 24 April 2012 pukul 16.24
Deo Pradipta mengatakan...: woke sob .. masama ^_^; 26 April 2012 pukul 20.08
vinojaja mengatakan...: thank you very much.; 1 Juni 2012 pukul 15.38
Deo Pradipta mengatakan...: samasama sob ^^; 5 Juni 2012 pukul 13.28
Naufal Maulana Ramadhan mengatakan...: kalau yang dikasih gambar kayak blog shafiraherlinawati.blogspot.com gimana ?; 24 Agustus 2012 pukul 15.46
Deo Pradipta mengatakan...: silahkan cek disini yaaa http://dopind.blogspot.com/2012/06/memberi-efek-menarik-pada-gambar.html ^_^; 24 Agustus 2012 pukul 22.09
Andri Wahyu Sulistyo mengatakan...: Komentar ini telah dihapus oleh administrator blog.; 8 September 2012 pukul 15.06
Henky_Corp mengatakan...: terimakasih banyak atas info dan tips nya ya, maklum saya masih pemula dalam hal blogging. kunjungi blog saya juga ya: gtasa-modslibrary.blogspot.com Keep Posting! :D; 25 Oktober 2012 pukul 05.11
Deo Pradipta mengatakan...: terimakasih juga untuk kunjungannya sob, pemula? sama dong :D

siaapp , langsung ke lapak sobat^^; 25 Oktober 2012 pukul 15.13
Tomy Dencik mengatakan...: nyari kode nya susah bro ...; 27 Oktober 2012 pukul 10.42
Deo Pradipta mengatakan...: untuk memudahkan pecarian silahkan klik 'ctrl + f' atau F3 .. semoga bermanfaat :); 31 Oktober 2012 pukul 15.54
Unknown mengatakan...: info yang sanngat bermanfaat Gan
Kalau smpet mamprir ye :D
Http://wono-sobo.blogspot.com; 15 November 2012 pukul 22.45
Deo Pradipta mengatakan...: ehehe, makasih sobat atas knjungannya :D
siap sob ^_^; 18 November 2012 pukul 12.17
Anonim mengatakan...: q coba kok g bisa,, di blog ku a:hover{ nya ada 2, gimana solusinya minta jawabannya ya!!!; 6 Januari 2013 pukul 06.22
US MATH CREW mengatakan...: Kode warna yang lainnya dimana gan?
kunjung balik ya, di http://www.ataromba.blogspot.com juga di http://www.pulsaatarombamemangsangatmurah.blogspot.com; 16 Januari 2013 pukul 04.52
Aplikasi Game Android mengatakan...: Keren dan lebih berwarna link blognya,
cocok buat blog tempat download; 29 Agustus 2013 pukul 23.17