Hello sobat ICloudzer kali ini admin akan menjelaskan mengenai cara menambahkan efek show/hide pada mobile menu untuk pengguna template median UI 1.7
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, sedangakan 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 efek show and hidde pada mobile menu untuk pengguna template median UI 1.7, silahkan di baca dan di iikuti setiap arahan yang admin jelaskan di bawah ini
- Langkah pertama silahkan kamu login ke blogger menggunakan akun google milikmu
- Selanjutnya kamu bisa pergi ke menu Theme atau Tema kemudian pilih menu Edit HTML
- Selanjutnya yang bisa kamu lakukan adalah mencari kode seperti contoh di bawah ini
- Jika sudah ketemu silahkan tambahkan kode javascript di bawah ini tepat di bawah nya
- 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}('s b=["\\m\\e\\H\\d\\I\\J\\z\\z\\i\\d\\c","\\f\\g\\i\\n\\h\\f\\j\\j","\\h\\e\\p","\\h\\d\\l\\f\\A\\d","\\n\\j\\e\\i\\i\\K\\k\\i\\c","\\t\\l\\e\\k\\g\\B","\\L\\C\\d\\h\\u\\M\\d\\j\\d\\n\\c\\f\\h","\\e\\o\\o","\\i\\c\\u\\j\\d","\\n\\h\\d\\e\\c\\d\\N\\j\\d\\l\\d\\g\\c","\\c\\u\\m\\d","\\c\\d\\v\\c\\O\\n\\i\\i","\\c\\d\\v\\c\\D\\f\\g\\c\\d\\g\\c","\\t\\l\\e\\k\\g\\B\\t\\h\\e\\p\\P\\E\\f\\c\\c\\f\\l\\F\\w\\Q\\G\\G\\m\\v\\R\\c\\h\\e\\g\\i\\k\\c\\k\\f\\g\\F\\E\\f\\c\\c\\f\\l\\S\\A\\e\\h\\T\\w\\w\\c\\U\\C\\h\\e\\c\\k\\f\\g\\V\\W","\\e\\m\\m\\d\\g\\o\\D\\p\\k\\j\\o","\\p\\d\\e\\o"];s x=y[b[0]];y[b[1]]=X(){s a=y[b[0]];x>a?q[b[6]](b[5])[b[4]][b[3]](b[2]):q[b[6]](b[5])[b[4]][b[7]](b[2]),x=a};Y r=q[b[9]](b[8]);r[b[10]]=b[11];r[b[12]]=b[13];q[b[Z]][b[14]](r)',62,67,'|||||||||||_0x5553|x74|x65|x61|x6F|x6E|x72|x73|x6C|x69|x6D|x70|x63|x64|x68|document|rahMmJs|var|x2E|x79|x78|x2D|prevScrollpos|window|x66|x76|x4D|x75|x43|x62|x3A|x30|x67|x59|x4F|x4C|x71|x53|x45|x2F|x7B|x31|x3B|x20|x28|x44|x29|x7D|function|const|15|||||'.split('|'),0,{}))
/*]]>*/</script><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}('s b=["\\m\\e\\H\\d\\I\\J\\z\\z\\i\\d\\c","\\f\\g\\i\\n\\h\\f\\j\\j","\\h\\e\\p","\\h\\d\\l\\f\\A\\d","\\n\\j\\e\\i\\i\\K\\k\\i\\c","\\t\\l\\e\\k\\g\\B","\\L\\C\\d\\h\\u\\M\\d\\j\\d\\n\\c\\f\\h","\\e\\o\\o","\\i\\c\\u\\j\\d","\\n\\h\\d\\e\\c\\d\\N\\j\\d\\l\\d\\g\\c","\\c\\u\\m\\d","\\c\\d\\v\\c\\O\\n\\i\\i","\\c\\d\\v\\c\\D\\f\\g\\c\\d\\g\\c","\\t\\l\\e\\k\\g\\B\\t\\h\\e\\p\\P\\E\\f\\c\\c\\f\\l\\F\\w\\Q\\G\\G\\m\\v\\R\\c\\h\\e\\g\\i\\k\\c\\k\\f\\g\\F\\E\\f\\c\\c\\f\\l\\S\\A\\e\\h\\T\\w\\w\\c\\U\\C\\h\\e\\c\\k\\f\\g\\V\\W","\\e\\m\\m\\d\\g\\o\\D\\p\\k\\j\\o","\\p\\d\\e\\o"];s x=y[b[0]];y[b[1]]=X(){s a=y[b[0]];x>a?q[b[6]](b[5])[b[4]][b[3]](b[2]):q[b[6]](b[5])[b[4]][b[7]](b[2]),x=a};Y r=q[b[9]](b[8]);r[b[10]]=b[11];r[b[12]]=b[13];q[b[Z]][b[14]](r)',62,67,'|||||||||||_0x5553|x74|x65|x61|x6F|x6E|x72|x73|x6C|x69|x6D|x70|x63|x64|x68|document|rahMmJs|var|x2E|x79|x78|x2D|prevScrollpos|window|x66|x76|x4D|x75|x43|x62|x3A|x30|x67|x59|x4F|x4C|x71|x53|x45|x2F|x7B|x31|x3B|x20|x28|x44|x29|x7D|function|const|15|||||'.split('|'),0,{}))
/*]]>*/</script>