LUPAKAN FONT AWESOME, INILAH IKON BAWAAN TEMPLATE ASLI BLOGGER!

AvatarOleh:
contoh gambar ikon ikon svg
contoh gambar ikon ikon svg
Ada yang panasaran bagaimana sesungguhnya blogger membuat ikon ikon-nya tanpa link fa fa awsome atau link lain? Khususnya untuk 4 varian template terbaru mereka: Contempo, Soho, Emporio dan Notable.

Seperti yang telah kita ketahui selama ini, mempercantik blog dengan font awsome dan menempatkan linknya ke dalam template harus dibayar dengan pengurangan kecepatan, tidak tanggung tanggung itu mampu mereduksi kecepatan hingga 20% lho...buat apa template cantik tapi larinya jadi kayak keong ya kan.
Padahal sebuah blog yang lambat akan sangat merugikan karena mesin pencari lebih mengutamakan blog yang cepat ketimbang blog yang cantik.
Ternyata ikon yang dipergunakan oleh blogger secara default adalah proyek Google itu sendiri bentuknya adalah ikon SVG, kalau font awsome memiliki berton ton ikon, blogger secara default paling memiliki ikon hamburger menu yang kita pakai buat menutup dan membuka menu itu lho. Trus ikon panah ke kanan dan panah arah ke kiri. Tentu saja ada beberapa lusin ikon termasuk ikon flat blogger, facebook, twitter, pinterest dsb. Jadi kodenya di dalam HTML akan tampak sebagai berikut:

Perhatikan contoh kode ikon Hamburger menu dalam bentuk template template terbaru contempo, soho, emporio dan notable:
<div class='hamburger-menu-container'>
<b:include data='{ iconClass: &quot;touch-icon hamburger-menu&quot; }' name='menuIcon'/>
</div>
Sebagai desainer yang suka re-desain kalian bisa merubah deklarasi yang saya warnai merah dengan  tulisan sharingotherIcon misalnya maka ikon garis tiga akan berubah menjadi ikon lain.

Perbedaan mencolok penerapan ikon ikon "default" terhadap template adalah pada kecepatannya. Ikon ikon ini tidak mengurangi kecepatan lari blog di web seperti halnya apabila kita menggunakan ikon ikon font awsome misalnya. Ikon ikon ini lebih sederhana, terbatas jumlahnya, mudah difahami dan lebih stabil seolah dia adalah bagian dari template blogger itu sendiri sejak orok.

Saya mengunjungi situs Blogger Code PE  tapi sayangnya tidak semua orang tentu mengerti karena blognya berbahasa Perancis dan menggunakan template contempo secara default.

Namun berikut kode ikon bawaan template terbaru blogger, Jika kalian mau mencobanya cobalah robah kode kodenya dengan:
  1. menuIcon
  2. emailIcon
  3. commentIcon
  4. flatbloggerIcon
  5. closeIcon
  6. backArrowIcon
  7. chevronDownIcon
  8. chevronUpIcon
  9. facebookIcon
  10. forwardArrowIcon
  11. linkIcon
  12. pinterestIcon
  13. searchIcon
  14. shareIcon
  15. svgIcon
  16. twitterIcon
  17. verticalMoreIcon
  18. sharingOtherIcon
  19. defaultAvatarIcon
www.editblogtema.net

5 Responses to "LUPAKAN FONT AWESOME, INILAH IKON BAWAAN TEMPLATE ASLI BLOGGER!"

  1. INteresting.
    Nanti coba saya cari mana yg disebut Hamburger menu terebut.
    Jujur, kalau ada ilmu baru dan tak lihat ga gitu rumit dan bermanfaat ingin mencoba.

    ReplyDelete
  2. Oh banyak juga ya icon blogger. Tapi sayangnya belum tahu caranya ganti icon blogger

    ReplyDelete

Ajukan pertanyaan, kami mungkin tidak bisa langsung menjawabnya. Namun pertanyaan anda mungkin berguna dan penting bagi pembaca blog ini.

Terimakasih

Salam dari Admin
Anissa Auliasari

BERDASARKAN LABEL

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel