Membuat Tombol pada Pesan Formulir Komentar

Membuat Tombol Pada Pesan Formulir Komentar - Pada artikel sebelumnya (baca: Membuat Pesan di atas Form Komentar Blogger) saya sudah menjelaskan cara membuat atau memodifikasi pesan formulir komentar blogger.

Selanjutnya, pada tutorial kali ini saya akan menjelaskan bagaimana cara menambahkan tombol /buttonpada pesan tersebut.

Selanjutnya sobat tinggal menambahkan kode CSS dan HTML untuk tombol.

Langkah Pertama : Simpan CSS dibawah ini di atas ]]>

.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=' #ededed' ,endColorstr=' #dfdfdf' );

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%);

}

Langkah Kedua : Cari  yang telah ditambakan kode . Kode di simpan sebelum penutup tag . Kurang lebih seperti ini :

>>> KODE TOMBOL DISINI <<<

Masukan Kode Tombolnya di Tengah-Tengah Kode  dan 

 target='_blank'>Konversi Kode

NOTE : Yang Berwarna Merah Ganti Sesuka Kalian :D



Sama seperti tutorial sebelumnya, lakukan pada kode ke 2 dan ke 4.

Semoga bermanfaat....

Source : http://blog.kangismet.net/2013/05/membuat-judul-pada-pesan-formulir-kommentar.html

 Jangan Lupa Klik Tombol Like dan Tombol Share Yaa...

Penulis : Ferry PG ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Membuat Tombol pada Pesan Formulir Komentar ini dipublish oleh Ferry PG pada hari 11 Feb 2014. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Membuat Tombol pada Pesan Formulir Komentar