Chimul
Notification texts go here. Contact Us
Beranda
Blogger

Cara Mendekorasi Pesan Formulir Komentar di Blogger

0
Dibaca

Hallo Sobat Mafia Hacker . Kali ini saya akan memposting tentang "Cara Mendekorasi Pesan Formulir Komentar" . Hmm, sebenarnya cara ini sudah cukup populer dikalangan Para Blogger, tapi kali ini saya akan membuat dengan Design berbeda , Penasaran dengan caranya , Ini Dia !!!

• Masuk ke Blogger
• 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>

#Note : Biasanya kode <p><data:blogCommentMessage/></p> Bisa lebih dari 2 , Jadi Mohon diganti semua .
• 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'/>
• Setelah itu Simpan Template .

Selesai deh , Gimana Berhasil Gak ?
Hi, I'm Yandi Mulyadi. Thank you for knowing me.
73