Saking banyaknya modififikasi sampai saya pakai semua alhasil malah gak karu-karuan blog saya, namun akan saya bagikan trik blogger ini untuk anda semua walau saya juga cuman copas dari temen-temen blogger.
Jika anda mau sumbernya langsung ea monggo gak apa-apa, link-nya ada di paling bawah dan sangat kecil, maklum cuman copas...hehe
Langsung saja ikuti langkah-langkahnya berikut ini :
1. Logginn ke blogger.com.
2. Pilih blog yg mau kamu edit kotak pesannya.
3. Klik template.
5. cari kode ]]></b:skin> (ctrl + f) dan masukan kode berikut di atas kode ]]></b:skin>:
#pra-comment{
position: relative;
background:#FFFFFF;/* Warna background kotak */
width:100%;
padding:10px;
font:normal 12px trebuchet ms;
text-align:justify;
border:3px solid #FE80DF;/* Warna border kotak */
border-radius: 10px;
box-shadow: 0 0 0 2px #000000, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
margin:0 10px 10px 0;
margin-top: 10px;
line-height: 1.3em;
}
#pra-comment::after, #pra-comment::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#pra-comment::before {
border-top-color: #FE80DF;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #FFFFFF; /* Samakan dengan warna background */
border-width: 9px;
left: 10%;
margin-left: -30px
}
6. Lalu cari kode <p><data:blogCommentMessage/></p> dan ganti dengan kode berikut :<div id='pra-comment'><data:blogCommentMessage/></div>
7. Simpan template.
8. Selanjutnya, masuk ke Setelan - Pos dan Komentar.
9. Pada kolom pesan formulir komentar, masukkan tulisan atau kata-kata mutiara yang ingin ditampilkan.
10. Selesai ..
Keterangan : Ganti kode warna dengan warna-warna yang disukai.
Sumber : http://tutorialz-ku.blogspot.com/2013/05/modifikasi-kotak-pesan-komentar-blog.html
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Cara Modifikasi Kotak Komentar Dengan CSS. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...
