20 April 2016

Cara membuat icon pada menu blog

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

Theme images by MichaelJay. Powered by Blogger.

Index berita

close
Like Facebook IDsalim.com untuk mendapatkan INFO terupdate