Secret Box Selasa, 23 Juni 2015
Hi...
Look my old blog nav.
Widget Secret Box,
that's what I want to share.
1st, login to ur
blogger account > Dashboard > Template > Edit HTML.
2nd, copy this code n paste in ur blog nav.
- IMAGE-URL: Ur image URL for secret box
background.
- Text : Ur directions of d secret box.
- WIDGET OR YOUR TEXT: Ur contents of d secret box.
<style>.adv2 ul{background:url(IMAGE-URL);padding:5px;border:2px solid #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:#ffc0cb;width:20px;text-decoration:none;border:4px dashed #F5F5DC;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:260px;background:url(IMAGE-URL);border:2px solid #DDDDDD"><span style="color:#F08080">1. Text</span><br><span style="color:#808080">2. Text</span><br><span style="color:#F08080">3. Text</span><br><span style="color:#808080">4. Text</span></div><div id="1" style="display: none;">WIDGET OR YOUR TEXT.</div><div id="2" style="display: none;">WIDGET OR YOUR TEXT.</div><div id="3" style="display: none;">WIDGET OR YOUR TEXT.</div><div id="4" style="display: none;">WIDGET OR YOUR TEXT.</center></div></div>
NB: Kalau mau copas or repost, sertakan active link untuk sumbernya y
TUTORIAL SECRET BOX
Label: #TUTORIAL