Sunday, December 27, 2015

Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP

/ by  / with 1 comment /

New Fastest Magz V2
CARA membuat Menu Navigasi blog khusus hanya muncul di versi mobile (HP) ini sudah CB terapkan di tampilan baru template blog New Fastest Magz. Silakan buka blog demonya di HP Anda, maka akan muncul menu di atas logo. Sedangkan di desktop, menu tersebut tidak muncul.

BagaimanaCara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP saja? Yang CB praktekkan di New Fastest Magz adalah sebagai berikut:

1. Letakkan kode berikut ini DI ATAS kode



2. Letakkan kode berikut ini DI ATAS kode




Home -
http://contohblognih.blogspot.com">About -
#0b5394;">http://contohblognih.blogspot.com">Sitemap -
http://contohblognih.blogspot.com">Contact -
http://contohblognih.blogspot.com">Link



Anda juga bisa meletakkannya di bawah
jika ingin memunculkan menu khusus versi mobile ini di bawah logo/nama blog, tapi nanti akan "bentrok" dengan menu versi mobile yang sudah ada.

3. Save Template!
4. Test langsung di HP Anda!

KODE "mobileShow" ini bisa juga buat menampilkan widget, sidebar, atau elemen tertentu hanya di versi mobile. Kode ini CB dapatkan dari HubSpot.

Aslinya, kode ini adalah untuk menampilkan teks atau gambar yang khusus untuk tampilan blog di versi mobile, tidak muncul di blog versi desktop.

Caranya:
1. Add the following code in the HTML


TEXT OR IMAGE FOR MOBILE HERE


2. Add the following code in the HTML section of your page:



CB berharap Anda bisa mencoba panduan Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP ini, lalu share di komentar.

Ingat ya.... mengetesnya langsung di HP Anda! Karena di desktop tidak muncul.

Tips lain tentang cara membuat menu blog responsif bisa Anda baca di situsResponsive Mobile Menu.

Good Luck and Happy Blogging!

reff : http://www.contohblog.com/2014/05/cara-membuat-menu-navigasi-blog-khusus-versi-mobile.html

Related Posts:

1 comment:

Subscribe to: Post Comments (Atom)