Cara Membuat Navigasi Untuk Tampilan Seluler/mobile view

Menu Navigasi Ini Hanya akan tampil di tampilan seluler saja ,jadi jangan kuatir jika pada template mu sudah ada menu navigasi untuk tampilan dekstop maka tidak akan muncul bersamaan di tampilan dekstop.
menurut saya ini sangat diperlukan dan oleh karena itu saya membuat postingannya sebagai dokumentasi.
kalaupun jika terdapat kesalahan saya mohon maaf karena diluar sana saya yakin ada banyak orang yang jauh lebih mengerti dan master dalam hal hal macam ini.

berikut cara membuat menu navigasi untuk tampilan seluler.
untuk hasil bisa dilihat pada gambar dibawah ini

Cara Membuat Navigasi Untuk Tampilan Seluler

1.Pertama ubah dulu tampilan templatemu untuk versi mobile menjadi CUSTOM / KHUSUS.
setelah itu menuju Ke edit  HTML
pastekan kode ini di atas ]]></b:skin>

.mobile #mobilemenu {
 color:#444;
 text-align:center;
 width:auto;
 max-width:100%; background:none;
 border-bottom:1px solid #000000;
 border-top:1px solid #000000;
 overflow:hidden;
 margin:0;
 padding:5px;
 font-size:14px;
}
.mobile #mobilemenu span a {
 color:#444;
 padding:0;
 margin:0;
}
.mobile #mobilemenu span a:hover {
 color:#666;
}


keterangan: kode css nya bisa kalian edit sendiri sesuai keinginan

2.Setelah itu letakkan kode ini dibawah
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>

<b:if cond='data:blog.isMobile'>
<div id='mobilemenu'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#183;

<span><a href='URL'>Sitemap</a></span> &#183;

<span><a href='URL'>My Notes</a></span> &#183;

<span><a href='URL'>Fanspage</a></span> &#183;

<span><a href='URL'>RSS</a></span> &#183;

<span><a href='URL'>Unik Aneh</a></span>

</div>
</b:if>


KETERANGAN;silahkan sesuaikan nama MENU dan URLnya sesuai keinginan.

3.Jika semua sudah selesai pratinjau template dan simpan.sudah begitu aja caranya :D

Cara Membuat Navigasi Untuk Tampilan Seluler/mobile view

Posted by: Risalahati Dedic Ahmad Updated at: 00:22