Colour Bloggies
Disclaimer


Najiyah Al Mujahidah|13 y.o|Insan Kamil high schooler|Anime Lovers|East Java
Refresh Profile Linkies Stuffs



CBOX


big Clap

Template : Jesslyn.
Codes : Zahra
Header : Kawaii Lady
Owner : Najiyah

Make A Navigate #1

Holla! Mau tahu? Yuk!

For Blogskin:
  • First, buka blogger.
  • Second, meluncur ke Template.
  • Third, search code 
</style>

  • Forth, copy this code.
.cloudy {
height:100%;
width:10%;
background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSl-pKV6sgEZn3O0W6uyBqMdvyG6TWN6TXCnvCRo1CarpqOiRyFRA);
border-bottom:1px solid #fff;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #aaa;
text-align:center;
padding:10px;
}
a.sunny{
background:pink;
text-decoration:none;
color:#fff;
padding:5px;
font:11px Short stack;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
-moz-border-radius: 50px;
border-radius: 50px;
display:inline-block;
width:60px;
height:60px;
text align: center;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}
a.sunny:hover{
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
background:blue;
border:2px solid #FCCBD4;
color:#000;
width:60px;
height:60px;

  • Fourth, Paste diatas code no. 3
  • Fifth, copy this code
<div class="cloudy">
<a class="sunny" href="url"><br/>title</a><br/><br/>
<a class="sunny" href="url"><br/>title</a><br/><br/>
<a class="sunny" href="url"><br/>title</a></div>

  • Sixth, Paste DIBAWAH code no.3
  • Seventh, Save template!
For Template
  • First, Buka Blogger
  • Second, Meluncur ke Tata letak >>Add A Gadget >> HTML/Javascript
  • Third, Copy This Code.
<style>
.cloudy {
height:100%;
width:10%;
background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSl-pKV6sgEZn3O0W6uyBqMdvyG6TWN6TXCnvCRo1CarpqOiRyFRA);
border-bottom:1px solid #fff;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #aaa;
text-align:center;
padding:10px;
}
a.sunny{
background:pink;
text-decoration:none;
color:#fff;
padding:5px;
font:11px Short stack;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
-moz-border-radius: 50px;
border-radius: 50px;
display:inline-block;
width:60px;
height:60px;
text align: center;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}
a.sunny:hover{
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
background:blue;
border:2px solid #FCCBD4;
color:#000;
width:60px;
height:60px;
}
</style>
<div class="cloudy">
<a class="sunny" href="url"><br/>title</a><br/><br/>
<a class="sunny" href="url"><br/>title</a><br/><br/>
<a class="sunny" href="url"><br/>title</a></div>

  • Forth,  edit code nomor 3
  • Fifith, Save!


Label: