Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Mudah Membuat Ikon Link Eksternal di Blog

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

Untuk membuat ikon atau gambar penunjuk link di blogspot cukup mudah. Yang perlu kita lakukan adalah sedikit menambahkan kode css dan telaten menyisipkan sedikit kode class saat membuat link di postingan blog.

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

Cara Mudah Membuat Ikon Link Eksternal di Blog
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Cari kode ]]></b:skin> taruh kode 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 jika sudah selesai.

Selanjutnya saat kita membuat link, tambahkan kode class=”exlink” diantara “a href” atau diakhir link. Contohnya seperti berikut;

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

Hasilnya akan muncul ikon link eksternal. Cukup mudah bukan?