Skip to main content

Cara Menambahkan Icon dalam Postingan Blogger

Cara Menambahkan Icon dalam Postingan Blogger

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 mudah dan benar.

Sebelumnya saya sudah pernah menjelaskan tentang cara memasang icon di dalam menu navigasi blog dengan menggunakan font awesome. Untuk topik kali ini yaitu cara menambahkannya di dalam postingan blogger.

Tahukah kalian bahwa kita dapat 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 dapat dilakukan dengan menggunakan 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 memilih icon yang diinginkan

2. Pilih icon yang ingin ditampilkan dalam postingan blogger

Cara Menambahkan Icon dalam Postingan Blogger

3. Salin kode icon

Cara Menambahkan Icon dalam Postingan Blogger

4. kemudian letakkan pada menu HTML (Bukan Compose) postingan blogger

Cara Menambahkan Icon dalam Postingan Blogger

Itulah tadi cara menambahkan icon dalam postingan blog menggunakan font awesome, Cukup meletakkan kode icon pada menu HTML, untuk mengetik, cukup kembali pada menu Compose saja.

Cara Menambahkan Icon dalam Postingan Blogger dengan Icon SVG

1. Buka situs Material Design Icon, untuk memilih icon yang diinginkan

2. Cari atau pilih icon yang kalian inginkan

Cara Menambahkan Icon dalam Postingan Blogger

3. Pilih View SVG

Cara Menambahkan Icon dalam Postingan Blogger

4. Salin kode yang ada di dalamnya

Cara Menambahkan Icon dalam Postingan Blogger

5. Kemudian letakkan dalam postingan Blog kalian pada tab HTML (Bukan Compose)

Cara Menambahkan Icon dalam Postingan Blogger

Perlu kalian ketahui walaupun icon pada menu compose tidak tampil, namun saat di pratinjau atau di publikasikan pasti icon tersebut akan tampil.

Perlu kalian pula ketahui dengan menggunakan icon svg kita memiliki keuntungan 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>
KodeKeterangan
width:24pxLebar Icon SVG
height:24pxTinggi Icon SVG
#000000Warna Icon SVG

Demikianlah tutorial Cara Menambahkan Icon dalam Postingan Blogger, semoga tutorial dari analisyuki.com ini dapat memberikan manfaat, Terimakasih.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar