adding social share rotation mini for blogger
* login dulu yaa
* klik template >>> edit HTML
* cari kode ini ]]></b:skin>
* dan copy kode dibawah kemudian letakkan ke dalam kode ]]></b:skin>
#demo-6 .btn {
border:1px solid #333;
cursor:pointer;
display:inline-block;
font-size:14px;
height:25px;
margin:0 10px;
padding:0 6px;
width:140px;
}
#demo-6 .orange {
border-color:#F67E00;
background:#E98113;
}
#demo-6 .turquoise {
border-color:#09C7EC;
background:#71E5FC;
}
#demo-6 .deep {
border-color:#005D98;
background:#0099C0;
}
#demo-6 .btn img {
margin-top:-4px;
-webkit-transform:rotate(20deg);
-moz-transform:rotate(20deg);
-o-transform:rotate(20deg);
transform:rotate(20deg);
-webkit-transition:-webkit-transform .3s ease-in;
-moz-transition:-moz-transform .3s ease-in;
-o-transition:-o-transform .3s ease-in;
transition:transform .3s ease-in;
}
#demo-6 .btn:hover img, #demo-6 .btn.hover img {
-webkit-transform:rotate(380deg);
-moz-transform:rotate(380deg);
-o-transform:rotate(380deg);
transform:rotate(380deg);
}
#demo-6 .btn a {
color:#FFF;
margin-left:5px;
text-decoration:none;
text-shadow:0 1px 0 #FFF;
vertical-align:50%;
}
.credits {
font-size:18px;
position:absolute;
bottom:15px;
text-align:center;
width:99%;
}
.credits a {
color:#D1001C;
}
* trus masukkan kode di bawah ke dalam HTML<div id="demo-6" class="demo">
<div class="btn orange" ontouchstart="this.classList.toggle('hover');">
<img src="http://brunoscopelliti.com/demo-resources/rss.png" /> <a href="http://blog.brunoscopelliti/feed" target="_blank">RSS Feed</a>
</div>
<div class="btn turquoise" ontouchstart="this.classList.toggle('hover');">
<img src="http://brunoscopelliti.com/demo-resources/twit.png" /> <a href="https://twitter.com/ivankGibatako" target="_blank">Twitter</a>
</div>
<div class="btn deep" ontouchstart="this.classList.toggle('hover');">
<img src="http://brunoscopelliti.com/demo-resources/linkedin.png" /> <a href="http://it.linkedin.com/" target="_blank">Linkedin</a>
</div>
</div>
* terkahir silahkan di save### SELAMAT MENUKAMTI ###
Baca Juga Artikel Terkait Lainnya