Monday 14 September 2015

Screet Box


Nah, mau tau cara buat screet box? yuk ikut step dibawah ^^

Cr: kak Chiaki

1. Buka ini

2. Hapus semua kodenya, dan ganti dengan kode dibawah
<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

oke dehh, secret box sudah jadii.. >< semoga bermanfaat! :D


No comments:

Post a Comment