Cara Membuat Tombol Pada Pesan Formulir Komentar

Cara Membuat Tombol Pada Pesan Formulir Komentar - Kembali hadir dgn tutorial blogger yg insyaallah bermanfaat :). Pada postingan terkait dgn formulir komentar sebelumnya yaitu : Cara Memodifikasi Pesan Komentar Blog, kali ini saya akan kasih tau gimana cara buat tombol pesan formulir komentar tersebut. sebagian sobat blogger pasti sudah tau tutorial ini, karena tutorial ini saya dapat dari Kang Ismet.

Baca juga artikel :
Cara Memodifikasi Pesan Komentar Blog

Modifikasi Tampilan Pesan Komentar v2

Cara Membuat Tombol Pada Pesan Formulir Komentar :

1. Buka Blogger

2. Klik Template -> Back-up template -> lalu klik Edit HTML

3. Copy dan paste kode dibawah ini diatas kode ]]></b:skin>

.small-button {
border: 2px solid #555;
color: #111;
cursor: pointer;
font-size: 11px;
font-weight: normal;
margin-top: 15px;
margin-bottom: 10px;
margin-right:5px;
padding:2px 10px;
text-decoration: none;
text-shadow: 1px 1px 0 #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 0 #ffffff;
box-shadow: inset 0 1px 0 0 #ffffff;
background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf) );
background: -moz-linear-gradient( center top,#ededed 5%,#dfdfdf 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39; #ededed&#39; ,endColorstr=&#39; #dfdfdf&#39; );
background-color: #ededed;
}
.small-button:hover {
text-shadow: 1px 1px 0 #f0f7ff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 0 #ffffff;
box-shadow: inset 0 1px 0 0 #ffffff;
background-color:#90c3eb;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cde1fc', endColorstr='#90c3eb');
background-image:-webkit-linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
background-image:-moz-linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
background-image:-ms-linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
background-image:-o-linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
background-image:linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
}

4. Lalu cari kode <p><data:blogCommentMessage/></p> jika sudah ketemu copy kode dibawah ini dan paste sebelum tag </p>

<p><data:blogCommentMessage/>
...kode HTML di sini.... untuk penulisan gunakan class='small-button'
</p>

terdapat kode 2-4 <p><data:blogCommentMessage/></p>, jadi cobain 1 per 1
5. Simpan template anda

source script