Cara Menambahkan Icon dalam Postingan Blogger - Kali ini saya akan membagikan tutorial cara membuat/memasang icon awesome dan icon SVG di dalam postingan blogger dengan gampang dan benar.
Sebelumnya saya sudah pernah menjelaskan wacana cara memasang icon di dalam sajian navigasi blog dengan memakai font awesome. Untuk topik kali ini yakni cara menambahkannya di dalam postingan blogger.
Tahukah kalian bahwa kita sanggup menambahkan icon dalam postingan blog yang kita miliki, bukan hanya pada halaman navigasi atau template blogger saja.
Menambahkan icon di dalam postingan blog biasanya dilakukan oleh blogger dengan niche tutorial untuk memperjelas pembahasan tutorial mereka. Nah, untuk menambahkan icon dalam postingan blogger sanggup dilakukan dengan memakai font awesome dan material icon svg, untuk itu mari kita simak tutorialnya di bawah ini.
Cara menambahkan Icon dalam Postingan Blogger dengan Font Awesome
1. Buka situs Font Awesome untuk menentukan icon yang diinginkan
2. Pilih icon yang ingin ditampilkan dalam postingan blogger
3. Salin instruksi icon
4. lalu letakkan pada sajian HTML (Bukan Compose) postingan blogger
Itulah tadi cara menambahkan icon dalam postingan blog memakai font awesome, Cukup meletakkan instruksi icon pada sajian HTML, untuk mengetik, cukup kembali pada sajian Compose saja.
Cara Menambahkan Icon dalam Postingan Blogger dengan Icon SVG
1. Buka situs Material Design Icon, untuk menentukan icon yang diinginkan
2. Cari atau pilih icon yang kalian inginkan
3. Pilih View SVG
4. Salin instruksi yang ada di dalamnya
5. Kemudian letakkan dalam postingan Blog kalian pada tab HTML (Bukan Compose)
Perlu kalian ketahui walaupun icon pada sajian compose tidak tampil, namun ketika di pratinjau atau di publikasikan niscaya icon tersebut akan tampil.
Perlu kalian pula ketahui dengan memakai icon svg kita mempunyai laba untuk merubah ukuran dan warna icon sesuai yang kita ingankan, misalnya:
<svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="#000000" d="M13,13H11V7H13M12,17.3A1.3,1.3 0 0,1 10.7,16A1.3,1.3 0 0,1 12,14.7A1.3,1.3 0 0,1 13.3,16A1.3,1.3 0 0,1 12,17.3M15.73,3H8.27L3,8.27V15.73L8.27,21H15.73L21,15.73V8.27L15.73,3Z" /> </svg>| Kode | Keterangan |
|---|---|
| width:24px | Lebar Icon SVG |
| height:24px | Tinggi Icon SVG |
| #000000 | Warna Icon SVG |
Demikianlah tutorial Cara Menambahkan Icon dalam Postingan Blogger, supaya tutorial dari analisyuki.com ini sanggup memperlihatkan manfaat, Terimakasih.
Sumber http://www.analisyuki.com/
