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
ini nih,,,postingan yang sangat bermanfaat ,, :)
BalasHapusmakasih bgt nih gan atas panduannya..
BalasHapusijin nyoba ya...
@Riev - Bapo : sip
Hapuswah, ini yg saya cari sob :)
BalasHapusthanks ya :)
Wah, boleh juga nih..
BalasHapusMakasih mas Eko..
Sob, Bisa gak kodenya ditempatkan tepat diatas kotak komentar ini? bukan dibawahnya?
BalasHapus@wiranto-blog : bisa .. tapi tergantung dari template nya sob .
Hapusaku pake template Simple Faster 2, bisa gak?
Hapus@wiranto-blog : kurang tau sob saya . coba saja dlu
HapusDicoba ah ke blog saya :D
BalasHapusmakasih udah share :)
Kok tulisan peraturan komentar sama kotak komentarnya kebalik sih blog Share4rt?
BalasHapussengaja atau apa ? :D ehhehe
@vipergoy.com : dari pabrik nya :v
Hapuscara buat blog agan yang ini gimana ya?
BalasHapushttp://ekobudis.byethost5.com/
mau ane buat blog kelas ane gan
@Bayu Nur Iman : itu bukan blog sob . harus diupload di hosting . nih templatenya http://share4rt.blogspot.com/2012/09/free-portal-template-identity-creative.html
Hapusdi blog saya nggak bisa sob..
BalasHapusya artikel bagus sob thanks ya buat infonya..
Keren sob, tp sepertinya saya tidak jadi memasangnya, karena mungkin bisa memberatkan blog saya.. terimakasih ilmunya
BalasHapus.. pengen nyoba,, namun,, kok banyak yg gagal ya?!? emmmm,, ..
BalasHapuskak pngen nanyak ,,,
BalasHapuskenapa ea , Frame pesan komentar nya hilang pada saat , ada pengeunjung yg memberi comment kak ,,
gmna solusinya itu kak ..