Diary Princess Stuff Friends F.A.Q. Request

Blog list challenge by: Agna #part 2


KONNICHIWA!
Hari ini aku mau lanjutin blog list challenge lagi nah...! aku udah bikin back to top,
sama secret box, kalau blogskin belakangan *hehehe bissa yuk lihat hasil-hasilnya!
                                  1.


secret box code:



<style>
.adv2 ul{background:url(http://photos2.fotosearch.com/bthumb/CSP/CSP958/subtle-blue-snow-background-stock-illustration__k9580928.jpg);padding:5px;border:1px dashed #fff;text-align:center;width:200px;color:#fff}
.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 #fff;
border-radius:55px;
color:#BDECFF;
display:inline-block;
text-align:center;
}
a.tablo:hover{background:#DDF5FF;color:#fff;}
 </style>
<div id="adv2" class="adv2">
<ul><a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >S</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >N</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >O</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" >W</a>
</ul>
<div id="wnsb" style="width:200px;">
<center><img src="https://i.pinimg.com/originals/36/a8/90/36a890fe62412fda67f877e6506fde9f.png" width="220px">Hello! please check out my Snow box ^^ </center>
</div>
<div id="1" style="display: none;">
<center>put your code here </div></center>

<div id="2" style="display: none;">
<center>You can also put banner codes or anything  here.</center>
</div>
<div id="3" style="display: none;">
<center>navigation no.3</center>
</div>
<div id="4" style="display: none;">
<center>navigation no.4</div></center>
</div>

semoga k Agna suka back to top nya yak!
oh ya kalau kekecilan maap ya..!

thanks!






Thanks for reading~ hope you enjoy my post!

3 komentar:

  1. uwaaaaa lucuu bangeettttttt makasiih :)

    BalasHapus
    Balasan
    1. Hehehe... makasih kembali! (^.<)

      Hapus
  2. https://agna-angel.blogspot.co.id/2018/04/gift-for-maryam.html

    BalasHapus