Eksternal link dengan menggunakan tambahan font awesome akan terlihat lebih menarik dan sempurna dimata desain. Biasanya eksternal link hanya mempunyai beda dengan teks biasa adalah warna saja yaitu warna biru. Tapi dengan font awesome akan terlihat lebih beda, silahkan lihat gambar dibawah ini.
Menambahkan Font Awesome Icon Eksternal Link Otomatis
1. Buka Blogger > Template > Edit HTML
2. Tambahkan script Font Awesome dibawah ini setelah <head>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>Jika template Anda sudah menggunakan font awesome maka tidak perlu menambahkan script diatas.
3. Tambahkan script dibawah ini sebelum </head>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/*<![CDATA[*/
.post-body a{font-weight:700;position:relative;padding-right:20px;display:inline-block;}
.post-body a:before{content:'\f14c ';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>4. Simpan template, dan lihat hasilnya.
Mudah kan, kalo belum berhasil membuat icon eksternal link silahkan dicoba periksa ulang caranya, atau silahkan komentar ya..
Terima kasih semoga bermanfaat.
0 komentar:
Post a Comment
Silahkan berkomentar sesuai aturan
1.Jangan menggunakan kata tidak sopan
2.Jangan Spam
3.Komentarlah dengan sopan, maka admin akan menjawab
Terimakasih