Referensi mahrus.net tentang tutorial android, blogging, daftar, kesehatan, komputer, internet, operator update terbaru dan terlengkap setiap hari.

Friday, June 19, 2015

Cara Membuat Icon Font Awesome di Setiap Link External

Jika kalian ingin mempercantik tampilan teks external link dan bisa lebih terlihat profesional, makan membuat font awesome di setiap link ini salah satu cara mempercantik posting,  tutorial "Membuat Icon Font Awesome Di Setiap Link External" ini saya ambil dari kompiajaib.com, jika anda tertarik mari simak tutorialnya.

Contoh Penggunaan


Pemasangan Icon Font Awesome di Setiap Link External

1. Buka akun blogger
2. Pilih menu Template > Edit HTML
3. Jika kalian belum memasang font awesome pada blog kalian, pasang kode dibawah 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 dibawah ini 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. Save Template

Sekian tutorial yang simpel ini semoga bermanfaat sangat besar untuk sobat.

Sumber: http://www.kompiajaib.com/2015/01/membuat-ikon-external-link-font-awesome.html

loading...
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Membuat Icon Font Awesome di Setiap Link External