Propellerads

Cara membuat icon pada menu blog

Cara membuat icon pada menu blog
Propellerads
IDsalim.com ~ Mempunyai sebuah blog pribadi adalah sebuah kebanggan tersendiri. Memiliki banyak postingan dengan tulisan original dan banyak pengunjung adalah sebuah harapan para blogger. Untuk menyempurnakan posting original dan banyak pengunjung ada sebuah yang juga perlu dilengkapi di blog yaitu keindahan. Dengan keindahan blog pengunjung akan betah dan senang selalu mengunjungi blog kita. Apa itu keindahan yang perlu pada blog ? yang melengkapi yang mebuat indah blog adalah pada menu-menu yang diberika dilengkapi dengan ICON. Sehingga Pada kesempatan ini saya akan berbagi cara membuat icon menu blog.
Sebelum saya lanjutkan Icon seperti apa yang saya maksud mari kita lihat blog Apreri Salim. Klik LIHAT.  Jika sobat malas lihat perhatikan gambar dibawah.
Tampakhan pada menu-menu nya About, Contact, Sitemap, Disclaimar, Kirim Tulisan dan juga menu bawah Home, News dll memiliki ICON. Nahh Icon itu akan membuat sebuah keindahan pada blog, sehingga tampak blog dengan tampilan profesional...
Nah sekarang bagai mana caranya ..
 Cara membuat ICON pada menu blog
1. Pastikan pada blog yang kamu miliki sudah memiliki menu-menu tersebut.
   Catatan 1) Jika belu ada menunya buat sendiri, saya tidak ajari silahkan cari sendiri hehe. 2) Khusus menu di atas itu jangan menu otomatis dari tambah widget yang di ambil dari laman. pada blog contoh diatas menu atasnya editan sendiri.


2. Silahkan kunjungi website penyedia Icon. Saya merekomendasikan Font Awesome pada menunya pilih Icon. Atau langsung saja DISINI kemudin gesek scrol kebawah, maka anda akan temukan semua jenis icons
3. Setelah memutuskan icon yang ada pilih denga cara mengklik icon yang sesuai maka silahkan saudara copy kode yang diberikan. Disini saya contohkan denga milih Icon Upload
 Pilih icon pada menu yang bak lalu klik
Kemudian anda akan dibawa ke atas untuk mengopy htmlnya



Silahkan copy html seperti ganbar dibawah yang di blok


4. Stelah di copy pekejaan selanjutnya masuk ke blog anda | Menuju Template | Edit HTML | Cari kode menu yang akan diganti dengan CRTL + F. disi cara contohkan cari Kirm Tulisan. 
 kemudian Pastekan kode tadi diposisi seperti contoh ini

<li><a href='http://aprerisalim.blogspot.co.id/p/about-us.html'><i class='fa fa-ioxhost'/> About </a></li>
<li><a href='http://aprerisalim.blogspot.co.id/p/kontak.html'><i class='fa fa-envelope-o'/> Contact </a></li>
<li><a href='http://aprerisalim.blogspot.co.id/p/sitemap_14.html'><i aria-hidden='true' class='fa fa-sitemap'/> Sitemap</a></li>   
<li><a href='http://aprerisalim.blogspot.co.id/p/disclaimer.html'><i class='fa fa-check-circle-o'/> Disclaimer</a></li>
<li><a href='http://aprerisalim.blogspot.co.id/p/kirim-artikel.html'> <i aria-hidden='true' class='fa fa-cloud-upload'/> Kirim Tulisan</a></li>
tadi nya ada <i> tidak masalah, pastekan saja, nanti template akan menyesuaikan sendiri.

Itu lah langkah - langkah dari saya. Silahkan Mencoba. SUKSES

Propellerads
Admin
IDsalim.com adalah blog yang akan memberikan Informasi Lowongan Pekerjaan, Informasi Pendidikan, Seputar PKH, Berita Nasional dan Berita Daerah, Beasiswa dan Video.

Sign out
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parse Tool Hide Parse Tool

How to get ID DISQUS - http://disq.us/p/[ID DISQUS]

strong em u strike
pre code pre code spoiler
embed

0 Comment

Add Comment

Show Parse Tool Hide Parse Tool


Advertiser

Propellerads