(Special 30 Followers) Tutorial Membuat Secret Box

Halo! Di tutorial ke 15 ini, aku bakal kasih tau cara membuat secret box. Hmm... kira-kira kayak gimana ya? Kayak gimana hayo?! Nah, daripada asal tebak tapi salah terus keras lagi ngomongnya #abaikankalimatyangdicoret , mending kalian klik next aja.
credit: kak Chiaki
1. Buka ini

2. Hapus semua kodenya, ganti dengan kode di bawah

<style> .adv2 ul{background:url(http://i61.tinypic.com/s3oenm.png);padding:5px;border:1px dashed #000;text-align:center;width:200px;color:#000} .adv2 p{padding:5px;;width:200px;color:#000;dashed #000;text-align:center} a.tablo{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor:pointer;background:#fff; width:20px; text-decoration:none; border:1px dashed #666; border-radius:33px; color:#666; display:inline-block; text-align:center; } a.tablo:hover{background:#666;color:#000;} </style> <div id="adv2" class="adv2"> <ul><a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >1</a> <a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >2</a> <a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >3</a> <a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" >4</a> </ul> <div id="wnsb" style="width:200px;"> <center> Hi! this is my secret box ><</center> </div> <div id="1" style="display: none;"> put your code here </div> <div id="2" style="display: none;"> You can also put banner codes or anything here. </div> <div id="3" style="display: none;"> navigation no.3 </div> <div id="4" style="display: none;"> navigation no 4</div> </div>

3. Edit sesuai dengan keinginanmu, lalu kalau sudah selesai, copy semua kode yang ada disana
4. Buka Blogger kalian
5. Dashboad > Pilih Tata Letak
6. Pilih Tambahkan Gadget
7. Pilih HTML / Javascript
8. Pastekan kode yang sudah kalian copy pada step no 3
9. Save

Nah, sudah jadi secret box kalian! Selamat menggunakan yak! 

Goodbye everybody!