Membuat Hide/show Auto Scroll Di Blog

Widget ini berguna untuk pembaca/pengunjung yang sedang membaca artikel dan cukup mengatur kecepatannya dari 1 sampai dengan  5 (high).
Apabila tertarik untuk dipasang di blog anda, berikut cara memasang show/hide auto scroll :

1. Masuk ke dashboard > LAYOUT > EDIT HTML > centang Expand Widget
2. Cari kode </head> (tekan ctrl+F)
3. Salinlah kode berikut persis di atas kode </head>

<script src='http://h1.ripway.com/dadimulyadi/mgm-auto-sc.js' type='text/javascript'/>

4. Kemudian sisipkan kembali kode script berikut dibawah kode </head>

<style> .speedbar {list-style-type:none;border:1px solid #424242;height:10px;margin-left:-40px;} .capt {font-family:arial;font-size:8pt;color:#000000;margin-left:-5px;} </style> <div style='position:fixed;right:0px;top:250px;'> <div id='speednav' style='background:#424242;padding:10px;float:right;width:24px;height:122px;display:none;'> <div class='capt'>SPEED</div> <ul> <li style='list-style-type:none;border:0px;width:20px;margin-left:-40px;font-family:arial;font-size:7pt;color:#CCC;text-align:center;'>high</li> <li class='speedbar' id='speed5' onclick='startit(5);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(5);' style='background:#999;width:20px;'/> <li class='speedbar' id='speed4' onclick='startit(4);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(4);' style='background:#aaa;width:20px;'/> <li class='speedbar' id='speed3' onclick='startit(3);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(3);' style='background:#bbb;width:20px;'/> <li class='speedbar' id='speed2' onclick='startit(2);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(2);' style='background:#ccc;width:20px;'/> <li class='speedbar' id='speed1' onclick='startit(1);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(1);' style='background:#ddd;width:20px;'/> <li class='speedbar' onclick='stopit();' onmouseover='this.style.cursor='pointer';' style='font-family:arial;font-size:7pt;color:#CCC;text-align:center;width:20px;height:12px;'>stop</li> </ul> </div> <div id='speedtoogle' onclick='tooglespeed()' onmouseout='this.style.backgroundColor='#2E2E2E';' onmouseover='this.style.backgroundColor='#2E2E2E';this.style.cursor='pointer';' style='float:right;background:#2E2E2E'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBpq558r4GkED6fMYPstFsnp0837TLrRTj61yWhFafpqEn7CXxULUPHf1oTaf99N03Al4iCEleNhgqh0ndlFlkb3FrTgbSDDAB2eriwUABXypTGCVxP8Utp7MbarwYnXiJzj_KtAPBTQc/s1600/showautoscroll.png' style='border-right:1px solid #2E2E2E;'/></div> </div>

 5. Simpan Template dan Lihat Hasilnya