Cara Mendekorasi Pesan Formulir Komentar di Blogger

Halo Sahabat Share4rt . . .

Kali ini Share4rt akan Share Cara Mendekorasi Pesan Formulir Komentar di Blogger . Pesan Formulir Komentar adalah kata kata yang ada pada saat kita ingin Berkomentar . biasanya Pesan Formulir komentar ini dibuat untuk Memberikan Pemberitahuan untuk Para visitor yang ingin Berkomentar . Tapi biasanya Formulir Komentar dari Blogger secara default tidak ada style nya . Jadi biasanya itu Polos . Nah buat sobat yang bosan dengan Tampilan Pesan Formulir komentar yang begitu begitu saja . Saya rasa ini cocok buat sobat . Oke tak usah lama lama langsung saja ke cara Pembuatannya :)

Masuk ke Blogger
Pilih Template dan Backup dahulu Template sobat .
Pilih Template - EDIT HTML - Centang kode Expand template widget
Cari Kode <p><data:blogCommentMessage/></p> Dengan Cara Menekan F3 atau CTRL+F.
Lalu Ganti kode itu dengan :
<div id='mafia-comment'><data:blogCommentMessage/></div>

#Catatan : Biasanya kode <p><data:blogCommentMessage/></p> Bisa lebih dari 2 , Jadi Mohon diganti semua kode itu .
Lalu Masukan Kode dibawah ini , diatas kode ]]></b:skin>
/*-- Mendekorasi Pesan Formulir Komentar --*/
#mafia-comment{
position: relative;
background:#b6e026; /* 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;
}
#mafia-comment::after, #mafia-comment::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#mafia-comment::before {
border-top-color: #000000;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#mafia-comment::after {
border-top-color: #b6e026; /* Samakan dengan Warna Background Utama */
border-width: 9px;
left: 10%;
margin-left: -30px
}
Lalu Masukan Kode dibawah ini dibawah kode <body>

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>

Save Template

#Catatan :

Kode #b6e026 adalah warna Background pada Pesan Formulir Komentar
Kode color:#000; adalah Warna pada Tulisan yang ada di Pesan Form Komentar

Demikianlah Cara Mendekorasi Pesan Formulir Komentar di Blogger, Semoga Bermanfaat .

referensi : http://mafiasitez.blogspot.com/2013/01/cara-mendekorasi-pesan-formulir-komentar.html

Dukung juga SHARE4RT di Kontes SEO Rajawebhots

Salam SHARE4RT

Anda baru saja membaca artikel yang berkategori Tips Trik Blogger dengan judul Cara Mendekorasi Pesan Formulir Komentar di Blogger. Anda bisa bookmark halaman ini dengan URL http://digoogledi.blogspot.com/2013/02/cara-mendekorasi-pesan-formulir.html. Terima kasih!

Cara Mendekorasi Pesan Formulir Komentar di Blogger

Belum ada komentar untuk "Cara Mendekorasi Pesan Formulir Komentar di Blogger"

Post a Comment

Popular Posts