Tampilan menarik untuk sebuah web/blog mungkin bukan suatu keharusan karena menurut Admin pribadi Article is the firs,akan tetapi kriteria masing masing orang kan berbeda ibarat sebuah rumah terserah sang pemilik mau diberi accecories apa rumah tersebut ,sama halnya sebuah blog mungkin ada sebagian orang yang berpendapat memperindah sebuah blog adalah suatu keharusan tentunya dengan tujuan untuk membuat betah pengunjung yang datang ke blog/website kita dan lain waktu akan berkunjung kembali .
Nah untuk tutorial kali ini Full Blog Design akan membuat sebuah trik
Cara Modifikasi Pesan Formulir Komentar Di Blog .biasanya formulir komentar ini berisi sebuah himbauan untuk pengunjung blog sebelum memberi komentar ,untuk Screenshotnya silahkan lihat gambar di bagian kiri postingan ini.
Untuk cara membuatnya silahkan sobat ikuti cara dan tutorialnya seperti di bawah ini ...secara lengkap tentunya :
- Silahkan Cari kode ]]></b:skin> atau </style>(khusus buat template yang sudah di validkan Css3) pasang kode css di bawah ini tepat di atas kode ]]></b:skin> berikut kodenya:
#pesan-formulir {
background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN7BviX5yUSbkPvROuGCHPP8w5vPb0UVQKYaFrfhStTZv09qUP8QQ39lFblBXmfEbjHd3jjyOp6YGQ3MY0jv8jv4nxv7N-tRyNaAUrnpuHSFU8ZTsvhP1yLFrfWa7r27xurN_ZL_tZbY0/s1600/admin.png)no-repeat bottom right;
border: 3px solid #000000;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 0 2px #000000, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
font: 12px/1.3em trebuchet ms;
margin: 10px 10px 10px 0;
padding: 10px;color:blue;
position: relative;
text-align: justify;
width: 96%;
}
#pesan-formulir:after,#pesan-formulir:before {
top: 100%;
border: solid transparent;
content:" ";
height: 0;
width: 0;
position: absolute;
}
#pesan-formulir:before {
border-top-color: #000000;
border-width: 15px;
left: 10%;
margin-left: -36px;
}
#pesan-formulir:after {
border-top-color: #ccc;
border-width: 9px;
left: 10%;
margin-left: -30px
}
- Ganti kode berwarna hijau dengan Url gambar sobat sendiri tentunya
- Selanjutnya cari kode <data:blogCommentMessage/> biasanya kode ini di apit oleh tag <p> dan </p> atau kode lengkapnya seperti ini <p><data:blogCommentMessage/></p> biasanya kode ini ada lebih dari satu hapus semua kode ini dan ganti dengan kode di bawah ini:
<div id='pesan-formulir'><p><data:blogCommentMessage/></p></div>
- Dan yang terakhir Save Template
Seharusnya formulir komentar harus ada di atas kotak komentar akan tetapi jika sobat mempunyai masalah formulir komentar jatuh kebawah (ada dibawah kotak komentar)untuk mengatasinya baca
disini