Cara Membuat Made With Love dengan Icon SVG di Blogger

Cara Membuat Made With Love dengan Icon SVG di Blogger – Kali ini analisyuki.com akan membagikan tutorial cara membuat icon love ❤ di bawah menu footer blogger dengan menggunakan icon svg.

Sebelumnya saya sudah pernah menjelaskan cara membuat made with love (heart) di credit footer blogger dengan menggunakan font awesome. Namun karena mungkin beberapa dari kita tidak menggunakan font awesome di dalam blognya maka saya membagikan lagi caranya dengan mengunakan icon SVG.

Made with love atau written with love ini biasanya simpan di bagian bawah copyright blog dan biasanya digunakan untuk menambah kecantikan atau memperkeren tampilan blogger. Bagi kalian yang bingung cara memasangnya dengan icon svg maka simak baik-baik tutorial berikut ini.

Cara Membuat Made With Love dengan Icon SVG di Blogger

1. Buka Blogger
2. Pilih menu Tema
3. Pada menu SESUAIKAN, pilih Edit HTML
4. Masukkan kode ini tepat berada diatas kode ]]></b:skin> atau </style> (dengan tujuan agar icon svg terlihat rapi dan tidak naik keatas)

   .icosvg{vertical-align:-7px}

5. Kemudian masukkan kode di bawah ini dan letakkan pada bagian footer atau yang biasanya tertulis copyright atau all right reserved

   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>

Itulah tadi cara membuat icon love svg di footer blogger semoga tutorial dari analisyuki.com ini dapat bermanfaat bagi kalian yang ingin memperkeren tampilan blognya terimakasih.