Assalamualaikum... Haiii, Hari Ini Aku Bakal Share Tutorial Membuat Secret Box ^^ Contoh Nya Kamu Bisa Liat Di Sidebar Kita yang Ada Tulisan (I Have A Something for you blabla) Nah Itu namanya secret box, Buat Kalian yang pengen membuat Secret Box.. Simak tutorial ini ya ^^
For Designer Template : Taruh Di Tata Letak > Add A Gadget > Html / Javascript
For Blogskins : Taruh di Bagian Sidebar Kalian
- Pertama Kalian Buka Ini > Hapus Tulisan yang <h3> Welcome blablabla itu
- Kalian Copy Kode Di Bawah Ini
<style>.adv2 ul{background:url(URL Background Kamu);padding:5px;border:1px dashed #DDDDDD;text-align:center;width:250px;color:#555}
.adv2 p{padding:5px;text-align:left;width:250px;color:#555;}
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 #BBBBBB; border-radius:33px;color:#555; display:inline-block;text-align:center;}
a.tablo:hover{background:#ccc;color:#fff;}
</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:250px;">Navigate around. Replace this with anything/your own words.</div>
<div id="1" style="display: none;">This navigation no.1 , remove this and replace with anything you want to be here. </div>
<div id="2" style="display: none;">You can also put cbox codes here. Just anything without messing the codes.</div>
<div id="3" style="display: none;">This navigation no.3 </div>
<div id="4" style="display: none;">This navigation no.4 </div></div>
- Abis itu Kamu Cari Di Kode Tadi Menggunakan Ctrl + F (Navigate around. Replace this with anything/your own words.) Abis itu Kalian Hapus Kode Itu, Dan Kalian Ganti Dengan Kata Kata Kamu Sendiri
- Sekarang Kamu Cari Pakai Ctrl +F Tulisan (URL Background Kamu) Lalu Kamu Ganti Dengan URL Background Yang Kalian Mau.
- Kan Ada Naviagtion 1, Navigation 2, Dll.. Kalian Disitu Bisa Taruh Kode Apapun Yang Kalian Mau, Misalnya Banner, Cbox, Ask Box, Dll..
- Nah, Disitu Juga kan banyak Kode Warna. Seharusnya kalian edit lagi pake Kode warna yang kalian mau
Oke Sekian Terimakasih, Dan Semoga Bermanfaat ^^