Membuat Icon Font Awesome Di Setiap Link External

Membuat Icon Font Awesome Di Setiap Link External

Cara Membuat Icon Font Awesome Di Setiap Link External. Sobat blogger,jika kita ingin mempercantik tampilan teks external link dan bisa lebih terlihat lebih profesional, maka membuat icon font awesome di setiap link ini salah satu cara untuk mempercantik tampilan pada setiap link external atau link keluar,tutorial "Membuat Icon Font Awesome Di Setiap Link External" ini saya ambil dari blognya mas adhy kompiajaib.com dan cara menerapkannyapun sangat budah sekali sobat blogger, jika anda tertarik untuk membuatnya tampil di artikel anda,silahkan ikuti tutorialnya.

Membuat Ikon Font Awesome Di Setiap Link Ekternal

Cara Membuat Icon Font Awesome Di Setiap Link External

1. Buka akun blogger anda.
2. Pilih menu Template > Klik edit HTML
3. Jika anda belum menerapkan font awesome di template anda, silahkan letakan kode di bawah ini tepat di atas kode <b:skin>

<link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>

4. Selanjutnya letakan kode di bawah ini tepat di atas kode </head> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
.post-body a{font-weight:700;position:relative;padding-right:20px;display:inline-block;}
.post-body a:before{content:'\f08e';font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;color:#333;position:absolute;bottom:0;right:0;font-size:14px;}
/*]]>*/
</style>
</b:if>

5. Klik save template.

Silahkan anda buka salah satu posting yang terdapat external link,jika berhasil silahkan ucapkan Alhamdulillah. untuk lebih dan kurangnya saya mohon maaf, semoga sukses :)

Source : http://www.kompiajaib.com/2015/01/membuat-ikon-external-link-font-awesome.html
Bagikan Ke
0 Komentar untuk "Membuat Icon Font Awesome Di Setiap Link External"