Tutorial :Floating Credit

Ohayou Gaezz Lama banget udah ga on disini  tau-tau udah sepi btw ku mau ngeshare tutorial yang direquest oleh Shafia  Hehehe maaf baru dipost sekarang

 

• For Blogskin

• Cari kode </style> , paste kode dibawah diatas kode </style> 

• For Simple/Denim Template just copy this code and paste in new widget 

• Lalu paste kode berikut di bawah kode </style>

.creditposition{

top: 195px;

right:-213px;

position:fixed;

-webkit-transition: all .8s ease-in-out;

-moz-transition: all .8s ease-in-out;

-o-transition: all .8s ease-in-out;

z-index:999;}

.creditposition:hover {

right:10px;

}

.credit{

width:200px;

border:2px solid #F8E0E6;

border-radius:10px;

background:url(URLBACKGROUND);

padding:15px;

height:130px;

opacity:0.6;

-webkit-border-radius: 50%; -webkit-border-bottom-left-radius: 0;-moz-border-radius: 50%;-moz-border-radius-bottomleft: 0;border-radius: 50%; border-bottom-left-radius: 0;

}

.credit1{

width:180px;

border-radius:10px;

background:url(URLBACKGROUND;

padding:5px;

height:120px;

opacity:0.5;

border:1px dashed #ccc;

text-align:left;

color:#777;

-webkit-border-radius: 50%; -webkit-border-bottom-left-radius: 0;-moz-border-radius: 50%;-moz-border-radius-bottomleft: 0;border-radius: 50%; border-bottom-left-radius: 0;}

.maiza {

width:140px;

height:270px;

top:25%;

left:260px;

background-color:transparant;

padding:0px;

display:block;

position:fixed;

z-index:-999;

}

<div class="creditposition">

<div class="credit">

<center>

<div class="credit1">

<left>

<div class="title2">YOUR TITLE</div>

<div style="border-top:1px solid #eee;padding:2px;">

<div id="sts">Template &nbsp&nbsp&nbsp&nbsp&nbsp:&nbsp&nbsp<a style=""href="http://www.sweetiegirl.co.vu">EXAMPLE</a></div>

<div id="sts">Editor&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:&nbsp&nbspEXAMPLE</div>

<div id="sts">Best view&nbsp&nbsp&nbsp&nbsp&nbsp:&nbsp&nbspGoogle Chrome</div>

<div id="sts">Visitors&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:&nbsp&nbspPUTYOURCODE</div>

</script>

</left>

</div>

</center>

</div></div>

<!-------http://www.sweetiegirl.co.vu/. Do not remove this credit.---->

!----------------------------CREDIT(DON'T REMOVE)--------------------------!>

Source :Aika/Ghita