Cara Gampang Menciptakan Ikon Link Eksternal Di Blog

Efek Link , Icon    Comment   

Ikon link ekternal yang berupa panah, jikalau dipasang di postingan blog akan menciptakan tampilan blog lebih cantik. Jika kita pernah membuka laman wikipedia akan banyak kita temui ikon link ekternal yang biasanya diletakan sesudah teks yang berlink.

Untuk menciptakan ikon atau gambar penunjuk link di blogspot cukup mudah. Yang perlu kita lakukan yakni sedikit menambahkan isyarat css dan telaten menyisipkan sedikit isyarat class ketika menciptakan link di postingan blog.

Membuat ikon link ekternal ini juga dapat menciptakan orang tertarik untuk mengklik link itu. Tak hanya ekternal, internal link pun juga dapat sisipkan ikon. Untuk lebih jelasnya cara memasang ikon link dapat diikuti langkah-langkanyanya.

Cara Praktis Membuat Ikon Link Eksternal di Blog
1. Login ke akun blogger.com
2. Pilih Template lalu Edit HTML
3. Cari isyarat ]]></b:skin> taruh isyarat berikut ini di atasnya;

.post a.exlink {
background: transparent url('http://i38.servimg.com/u/f38/11/75/78/62/exlink10.png') no-repeat center right;
border:0;
padding-right:13px;
margin:0px;
}

4. Simpan Template jikalau sudah selesai.

Selanjutnya ketika kita menciptakan link, tambahkan isyarat class=”exlink” diantara “a href” atau diakhir link. Contohnya ibarat berikut;

<a href "http://www." class="exlink">Kurniasepta.com</a>

Hasilnya akan muncul ikon link eksternal. Cukup gampang bukan?
Sumber https://www.kurniasepta.com/