Cara Membuat Made with Love (Icon SVG) di Blogger

Masih tentang Tutorial Blogger, kali ini saya akan menjelaskan tutorial bagaimana cara membuat Made with Love dengan Icon SVG di Blogger.

Contoh tampilannya seperti ini:

Biasanya, teks atau tulisan "Made with Love" ditampilkan di bagian paling bawah tampilan blog. Lebih tepatnya ditempatkan di Footer.

Cara Membuat Made with Love (Icon SVG) di Blogger

Saya sudah menguji penambahan kode ini di dalam Template Blogger, sejujurnya sedikit memberatkan loading blog.

Blogger > Tema > Edit HTML

Simpan kode di bawah ini, di atas kode ]]></b:skin> atau </style>

.iconsvg {vertical-align:-7px}

Selanjutnya tambahkan kode di bawah ini, di bagian Footer:

Made with <svg class='icosvg' height='24' viewBox='0 0 24 24' width='24'><path d='M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z' fill='#f84436'></path></svg>

Silakan ketuk tombol Save Template dan cek hasilnya.

Oh iya, kalian bisa mengatur sendiri teksnya seperti apa. Contohnya mengubah kalimat pembuka, "Made With" yang ada di atas.

Ada juga angka 24 pada height='24' untuk mengubah ukuran logo/ikon Love (SVG) tersebut, dan kode #f84436 untuk pergantian warna. Demikian cara memasang Made with Love dengan Icon SVG di Blogspot.

Sumber: https://www.analisyuki.com/2019/09/membuat-made-with-love-svg.html