Cara Membuat Effect Jump Comments Button ( Tombol Komentar Loncat ) Di Blogspot
* Buka blog anda
* Klik Template
* Edit HTML
* Cari kode ini ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode </body>
### GOOD LUCK ###
* Buka blog anda
* Klik Template
* Edit HTML
* Cari kode ini ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode ]]></b:skin>
a.cmntlink {
background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: -moz-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: -ms-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: -o-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none !important;
box-shadow: 1px 1px 10px grey;
text-shadow: 0 1px 0 white;
border: 1px solid gainsboro;
padding-bottom: 13px;
color:black !important;
text-decoration: none;
display: inline-block;
padding: 10px 23px;
border-radius: 3px;
position: fixed;
z-index: 9999;
bottom: -3px;
right: 3px;
-webkit-transition: all .400s;
-moz-transition: all .400s;
-ms-transition: all .400s;
-o-transition: all .400s;
transition: all .400s;
}
/* Hover Effects */
a.cmntlink:hover {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
border-color: #999;
color: #333;
}
/* Effect when it's clicked */
a.cmntlink:active {
border-color: darkRed;
color: black;
}
* Kemudian cari kode ini </body>* Copy kode di bawah dan letakkan diatas kode </body>
<b:if cond='data:blog.pageType == "item"'> <a class="cmntlink" href="#comments">Tombol Komentar Loncat</a> </b:if>* Jangan lupa di save template
### GOOD LUCK ###
Baca Juga Artikel Terkait Lainnya