Cara Membuat Icon Link External

Kali ini saya akan bagikan tutorial Cara Membuat Icon Link External tepatnya di blogspot. Tutorial ini mungkin sudah banyak yang share, tetapi ada sebagian dari tutorial itu harus memasukkan kode html saat ingin menampikan icon link external didalam postingan. Jangan khawatir sebab saya akan bagikan tutorial Cara Membuat Icon Link External yang paling mudah dan paling paling buat kamu semua. Gak pake lama, gak pake ribet dan gak buang-buang waktu. OK, buat yang gak sabaran untuk nyoba mari kita simak tutorial nya dibawah ini.

 

 Cara Membuat Icon Link External

1. Masuk ke blog
2. Pilih Template --> Edit HTML, lalu masukkan kode dibawah ini sebelum ]]></b:skin>  

.post-body a{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;background: url(//bits.wikimedia.org/static-1.20wmf8/skins/vector/images/external-link-ltr-icon.png?2012-07-23T14:50:00Z) center right no-repeat!ie;padding-right: 13px;}.separator a{background:none}

3. Simpan 

Nanti hasil icon Link External ini seperti gambar dibawah :