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 HTMLCara Membuat Made With Love dengan Icon SVG di Blogger
  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>

Keterangan:

KodeKeterangan
Made WithUbah dengan kata-kata sendiri
24Ukuran Icon
#f84436#f84436

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.

Tinggalkan komentar