Cara Membuat Made with Love (FontAwesome) di Blogger

Kali ini saya akan menjelaskan tutorial bagaimana cara membuat Made with Love dengan cara menggunakan FontAwesome di Blogger.

Contoh tampilannya seperti ini:

Kalau sebelumnya menggunakan ikon SVG, berbeda dengan kali ini yang menggunakan Font Awesome.

Dengan FontAwesome, kita bisa menampilkan logo-logo tertentu yang diinginkan untuk ditampilkan di blog. Entah itu Arrow, List, mata uang Rupiah, dan banyak lagi.

Cara Membuat Made with Love (FontAwesome) di Blogger

Saya gak suka bertele-tele, jadi langsung saja. Berikut cara pasang kode Made with Love dengan FontAwesome.

Blogger > Template > Edit HTML

Simpan kode di bawah ini, di atas kode </head> atau </body>

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>

Cari teks Copyright atau Powered by Blogger di dalam Template Blogger. Simpan kode di bawah ini, letakkan di samping atau di bawah teks tersebut (pilih salah satu):

Made with <i class='fa fa-heartbeat'/> in Lhokseumawe, Aceh, Indonesia.

Selanjutnya ketuk tombol Save Template dan cek hasilnya.

Bagaimana? Mudah, kan? Itulah cara memasang Made with Love (FontAwesome) di Blogger.