Membuat tampilan mobile menu median UI 1.7 muncul saat scroll

Hello sobat ICloudzer kali ini admin akan menjelaskan mengenai cara membuat tampilan mobile menu muncul saat di scroll pada template median UI 1.7 pure kode javascript

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Mobile Menu

Mobile menu merupakan fitur yang di gunakan oleh template median UI dan menjadi ciri khas dari template tersebut, silahkan Download Template median UI terbaru v1.7 jika kamu belum mengunduhnya, kembali ke pembahasan sesuai namanya mobile menu hanya akan muncul pada pengguna HP android saja, sedangkan pada mode desktop tampilan dari mobile menu tidak akan di tampilkan

Contoh Tampilan

Jika kamu bingung dengan penjelasan di atas mengenai mobile menu itu apa, dan bagaimana sih tampilan nya, silahkan saja lihat contoh tampilan mobile menu pada gambar di bawah ini

Info: Nah sobat ICloudzer mobile menu tersebut lah yang admin maksud untuk di tambahkan efek show atau hidden saat di scroll

Cara pembuatan

Baiklah sobat ICloudzer sekarang saatnya admin akan menjelaskan mengenai cara membuat tampilan mobile menu muncul saat scroll, silahkan baca dan ikuti setiap arahan yang admin akan jelaskan di bawah ini

1. Langkah pertama silahkan kamu login ke blogger menggunakan akun google milikmu
2. Selanjutnya kamu bisa pergi ke menu Theme atau Tema kemudian pilih menu Edit HTML
3. Selanjutnya yang bisa kamu lakukan adalah mencari kode seperti contoh di bawah ini

<b:comment><!--[ Additional script ]--></b:comment>
<b:include name='allJavascript'/>
<b:include cond='data:view.isPost' name='copyCodeToClipboard'/>
 <b:include name='bookmarkLoad'/>

4. Jika sudah ketemu silahkan tambahkan kode javascript di bawah ini tepat di bawah nya

<script>/*<![CDATA[*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('z d=["\\m\\g\\M\\c\\N\\O\\A\\A\\i\\c\\b","\\i\\o\\l\\e\\j\\j\\P\\e\\m","\\k\\e\\o\\B\\h\\c\\f\\b\\t\\j\\c\\h\\c\\f\\b","\\p\\h\\g\\n\\f\\u","\\Q\\B\\c\\l\\v\\R\\c\\j\\c\\o\\b\\e\\l","\\q\\k","\\g\\k\\k","\\o\\j\\g\\i\\i\\C\\n\\i\\b","\\l\\c\\h\\e\\D\\c","\\i\\o\\l\\e\\j\\j","\\g\\k\\k\\t\\D\\c\\f\\b\\C\\n\\i\\b\\c\\f\\c\\l","\\i\\b\\v\\j\\c","\\o\\l\\c\\g\\b\\c\\t\\j\\c\\h\\c\\f\\b","\\b\\v\\m\\c","\\b\\c\\w\\b\\S\\o\\i\\i","\\b\\c\\w\\b\\E\\e\\f\\b\\c\\f\\b","\\p\\h\\g\\n\\f\\u\\F\\G\\e\\b\\b\\e\\h\\H\\T\\U\\x\\x\\m\\w\\I\\n\\h\\m\\e\\l\\b\\g\\f\\b\\J\\p\\h\\g\\n\\f\\u\\p\\q\\k\\F\\G\\e\\b\\b\\e\\h\\H\\x\\I\\n\\h\\m\\e\\l\\b\\g\\f\\b\\J","\\g\\m\\m\\c\\f\\k\\E\\q\\n\\j\\k","\\q\\c\\g\\k"];V K(){z a=L[d[0]]||r[d[2]][d[1]],y=r[d[4]](d[3]);W<a?(y[d[7]][d[6]](d[5])):(y[d[7]][d[8]](d[5]))}L[d[10]](d[9],K);X s=r[d[12]](d[11]);s[d[13]]=d[14];s[d[15]]=d[16];r[d[Y]][d[Z]](s)',62,69,'|||||||||||x74|x65|_0x2192|x6F|x6E|x61|x6D|x73|x6C|x64|x72|x70|x69|x63|x2E|x68|document|rahMhJs|x45|x4D|x79|x78|x30|_0x49c7x3|var|x66|x75|x4C|x76|x43|x7B|x62|x3A|x21|x7D|mobileM|window|x67|x59|x4F|x54|x71|x53|x2F|x2D|x31|function|1000|const|18|17|||||||'.split('|'),0,{}))
/*]]>*/</script>

5. Jika bingung mengenai peletakkan kode, silahkan lihat contoh peletakkan kode yang benar, dan nantinya akan seperti berikut ini

<b:comment><!--[ Additional script ]--></b:comment>
<b:include name='allJavascript'/>
<b:include cond='data:view.isPost' name='copyCodeToClipboard'/>
 <b:include name='bookmarkLoad'/>
<script>/*<![CDATA[*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('z d=["\\m\\g\\M\\c\\N\\O\\A\\A\\i\\c\\b","\\i\\o\\l\\e\\j\\j\\P\\e\\m","\\k\\e\\o\\B\\h\\c\\f\\b\\t\\j\\c\\h\\c\\f\\b","\\p\\h\\g\\n\\f\\u","\\Q\\B\\c\\l\\v\\R\\c\\j\\c\\o\\b\\e\\l","\\q\\k","\\g\\k\\k","\\o\\j\\g\\i\\i\\C\\n\\i\\b","\\l\\c\\h\\e\\D\\c","\\i\\o\\l\\e\\j\\j","\\g\\k\\k\\t\\D\\c\\f\\b\\C\\n\\i\\b\\c\\f\\c\\l","\\i\\b\\v\\j\\c","\\o\\l\\c\\g\\b\\c\\t\\j\\c\\h\\c\\f\\b","\\b\\v\\m\\c","\\b\\c\\w\\b\\S\\o\\i\\i","\\b\\c\\w\\b\\E\\e\\f\\b\\c\\f\\b","\\p\\h\\g\\n\\f\\u\\F\\G\\e\\b\\b\\e\\h\\H\\T\\U\\x\\x\\m\\w\\I\\n\\h\\m\\e\\l\\b\\g\\f\\b\\J\\p\\h\\g\\n\\f\\u\\p\\q\\k\\F\\G\\e\\b\\b\\e\\h\\H\\x\\I\\n\\h\\m\\e\\l\\b\\g\\f\\b\\J","\\g\\m\\m\\c\\f\\k\\E\\q\\n\\j\\k","\\q\\c\\g\\k"];V K(){z a=L[d[0]]||r[d[2]][d[1]],y=r[d[4]](d[3]);W<a?(y[d[7]][d[6]](d[5])):(y[d[7]][d[8]](d[5]))}L[d[10]](d[9],K);X s=r[d[12]](d[11]);s[d[13]]=d[14];s[d[15]]=d[16];r[d[Y]][d[Z]](s)',62,69,'|||||||||||x74|x65|_0x2192|x6F|x6E|x61|x6D|x73|x6C|x64|x72|x70|x69|x63|x2E|x68|document|rahMhJs|x45|x4D|x79|x78|x30|_0x49c7x3|var|x66|x75|x4C|x76|x43|x7B|x62|x3A|x21|x7D|mobileM|window|x67|x59|x4F|x54|x71|x53|x2F|x2D|x31|function|1000|const|18|17|||||||'.split('|'),0,{}))
/*]]>*/</script>