Modifikasi Pesan Formulir Komentar Dengan CSS Single Link
Modifikasi Pesan Formulir Komentar Dengan CSS | Hay sobat apa kabar kalian semua ? kali ini Acep-Computer akan share tutorial seputar blog. Tutorial kali ini adalah Modifikasi Pesan Formulir Komentar Dengan CSS. Pesan formulir pada komentar adalah pesan yang muncul atau kata-kata yang ada pada saat kita ingin berkomentar pada suatu blog yang isinya biasanya peraturan dalam berkomentar.
Pesan formulir bawaan blogger tampil dengan polos dan tidak ada model nya. Mungkin kita banyak melihat blog seperti dte.web.id ini dia mengedit pesan formulir komentarnya sehingga tampilannya pun berbeda dengan blog yang lainnya. Jika anda bosan dengan style bawaan yang polos itu, silahkan ikuti Cara Mengedit Pesan Komentar Dengan Css dibawah ini dengan seksama :
(lihat artikelnya)
- Masuk Blogger.
- Pilih Template
- Edit HTML => Centang Expand Template Widget
- Lalu cari kode <p><data:blogCommentMessage/></p> dengan menekan tombol CTRL+F
- Setelah ketemu, ganti kode diatas dengan kode ini :
- Kemudian cari ]]></b:skin> dengan CTRL+F dan copy kode dibawah ini, dan taruh tepat diatas ]]></b:skin>
- Lalu masukkan kode ini tepat diatas kode <body>
- Kemudian Save Template
<div id='acep-comment'><data:blogCommentMessage/></div>Catatan : Biasanya kode <p><data:blogCommentMessage/></p> ada lebih dari 2, jadi ganti semua kode tersebut biar lebih greget . Saran saya backup template anda dulu agar bisa meminimalisir kesalahan yang tidak diinginkan.
/*-- Mendekorasi Pesan Formulir Komentar --*/
#acep-comment{
position: relative;
background:#3272c3; /* Warna Background Utama */
color:#000;
width:94%; /* Sesuaikan Lebar dengan Kebutuhan */
padding:10px;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
text-align:justify;
border:3px solid #000;
border-radius: 5px;
margin:0 10px 10px 0;
margin-top: 10px;
line-height: 1.3em;
}
#acep-comment::after, #acep-comment::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#acep-comment::before {
border-top-color: #000000;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#acep-comment::after {
border-top-color: #3272c3; /* Samakan dengan Warna Background Utama */
border-width: 9px;
left: 10%;
margin-left: -30px
}
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
8 Komentar untuk "Modifikasi Pesan Formulir Komentar Dengan CSS"
Sudah Saya Bales koment kamu di http://mafiasitez.blogspot.com/2013/03/tutorial-membuat-loading-bar-keren.html?showComment=1362644460718#c2926518859344376967
Terima kasih sob, infonya sangan membantu ...
Kunjungan baliknya selalu saya tunggu, dan jangan lupa untuk menambahkan saya kedalam Lingkaran G+ anda, terima kasih ...
Wew :3
keren sih..tapi saya mah udah kayak gitu aja laah.
oh iya..anda kan pasang widget DCMA..itu gunanya untuk apa yaah.
kalo udah balas beritahu saya yaa.
makasih
Informasi yang sangat membantu sobat terima kasih..
Hahaha :D hope you fun
Seep TQ mas bro :)
Oke gan seep
PERATURAN BERKOMENTAR :
1. Dilarang Spam.
2. Dilarang Memasang Link Aktif.
3. Dilarang Menghina, Sara, Dan P*rn.
4. Dilarang Promosi.
5. Komentar Harus Relevan Dengan Artikel.
Jika anda melanggar 5 point diatas, maka komentar anda akan kami hapus langsung tanpa pemberitahuan sebelumnya.
Terima kasih dan selamat berblogging ria.