Kamu ingin SOFTWARE penting dan gratis?. Dapatkan 50+ software windows dan Android kamu !
Kamu Di Bayar Hanya Untuk Nonton Video? Segera CEK DI SINI !

Modif Pesan Komentar Keren di Blogspot

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Memodif kolom pesan komentar di blogspot agar tampil lebih rapi dan keren. Ini berguna supaya mudah terlihat dan diperhatikan. 

Kenapa pesan komentar harus dibuat?,karena penting untuk perhatian bagi pengunjung yang hendak menulis komentar agar berkomentar yang baik dan sesuai dengan isi artikelnya dan agar tidak melakukan spam. Sebab memang sebagian ada yang melakukan spam karena tidak tahu,dan ada juga yang sengaja atau tak peduli dengan aturan yang artinya sudah tahu namun tak mau tahu. Bahkan untuk sebagian blogger untuk mengatasi spam salah satu caranya ada yang memasang kode otomatis menghapus atau menyembunyikan link yang di pasang pada komentar (penjelasannya baca cara menyembunyikan link hidup dalam komentar).

Maka dengan mencantumkan pesan komentar yang akan muncul di atas kotak kolom komentar akan jadi perhatian bagi mereka yang akan berkomentar. Nah,sekarang saya mau berbagi bagaimana membuat kolom pesan komentar ini jadi terlihat jelas dan keren khususnya bagi pengguna blogspot. Yang nantinya jadinya seperti gambar di bawah,hanya saja gambar di bawah adalah tampilan pada blog ini yang sudah saya rubah warna garis pinggir dan backgroundnya lihat yang warna hijau yang saya beri tanda kotak garis merah;


Langsung pada langkah memodif pesan komentar blog anda:
1. Setelah login ke akun anda, Anda cari kode berikut: 
<p><data:blogCommentMessage/></p>
Pada umumnya kode <p><data:blogCommentMessage/></p> dapat anda jumpai jumlahnya bisa lebih dari 2,yang jelas cari semua kode tersebut dan ganti semua kode tersebut dengan kode di bawah ini
<div id='pra-comment'><data:blogCommentMessage/></div>
2. Kemudian cari lagi kode ]]></b:skin> lalu tambahkan kode CSS di bawah,diatas kode ]]></b:skin> ;
#pra-comment{
position: relative;
background:#F3C5C5;
width:100%;
padding:10px;
font:normal 12px trebuchet ms;
text-align:justify;
border:3px solid #AD3000;
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: #AD3000;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #F3C5C5; /* Samakan dengan warna background */
border-width: 9px;
left: 10%;
margin-left: -30px
}
Kode di atas bukan baku harus begitu,Anda dapat merubah CSS diatas. Misalnya mengganti warna background,jenis dan ukuran font dan sebagainya sesuai dengan selera dan desain blog anda. Agar mudah Untuk mendapatkan kode warna yang anda mau anda bisa menggunakan tool gratis kode warna di sini. Tulisan yang saya beri warna di atas dapat anda rubah,silahkan anda edit dan tinjau sebelum di save.

3. Simpan dan lihat hasilnya.

NB; Tulisan pesan yang muncul adalah yang anda tulis di kolom pesan komentar pada setting dan post komentar blog anda. Kode ini hanya untuk memodif tampilan biar tampak berbeda dan keren. 

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَاٰلَمِين
Jika anda merasa artikel ini manfaat,silahkan sempatkan waktu sebentar untuk berbagi.

Dapatkan Dengan Gratis Artikel Baru Dari ArsipFank Langsung ke email anda,Silahkan masukkan Email Valid dan klik Setuju:


2 comments:

  1. Sofyan: Yah,saya juga hasil kopi,hanya yang saya pasang di blog ini dirubah warna garis pinggir dan backgroundnya doang.....

    ReplyDelete

Silahkan tulis komentar anda atau bertanya:
~ Boleh kritik,atau memberi saran,dan harap menyambung dengan tema artikel. Untuk kemajuan blog ini.
~ Jangan pasang link hidup (otomatis hilang).
~ Maaf,Komentar saya moderasi,jadi tidak akan langsung muncul.
~ Terima kasih atas dukungan dan partisipasi anda semua !

Powered by Blogger.