Modifikasi Tampilan Pesan Komentar Blogger -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Modifikasi Tampilan Pesan Komentar Blogger, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel Blogger Comments, Artikel Blogger Tutorials, Artikel CSS dan HTML, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

Judul : Modifikasi Tampilan Pesan Komentar Blogger
link : Modifikasi Tampilan Pesan Komentar Blogger
Gambar dibawah ini

Modifikasi Tampilan Pesan Komentar Blogger

Alhamdulillah bisa menyapa anda lagi dengan tutorial baru. Setelah beberapa hari kesempatan on line hanya sempat dan asyik utak-atik template, update sampai terlupakan, apalagi yang namanya blogwalking. Maka kali ini insyaAllah saya ingin mengetengahkan tutorial sederhana saja, seperti judul diatas, cara modifikasi tampilan pesan komentar blogger.

Tampilan default pesan komentar blogger sangat sederhana tanpa sedikitpun polesan dari aspek desain, nah bagi anda yang ingin memiliki pesan komentar yang berbeda anda bisa mencoba menembahkan beberapa property CSS untuk merubah background pesan komentar anda, juga jenis dan ukuran font dll. Sebagai contoh yang bisa anda kembangkan lagi seperti berikut:

Cara Modifikasi Tampilan Komentar Blogger

• Setelah login ke akun anda
• Pada dasbor  Klik Edit HTML ---> Proceed ---> Expand Widget Templates
• Klikk Ctrl+F dan cari kode berikut: <p><data:blogCommentMessage/></p>
• Lalu ganti dengan kode berikut: <div id='pra-comment'><data:blogCommentMessage/></div>

Biasanya kode <p><data:blogCommentMessage/></p> jumlahnya lebih dari 2, ganti semua kode tersebut.

• Klikk Ctrl+F dan cari kode ]]></b:skin>
• Tambahkan kode CSS berikut 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
}

Anda masih dapat mengedit CSS diatas. Misalnya mengganti warna background, jenis dan ukuran font dll. Untuk mendapatkan kode warna anda bisa lihat disini

• Simpan template dan lihat hasilnya diblog anda

Demikian tutorial cara modifikasi tampilan pesan komentar blogger. Semoga bermanfaat. Good luck.

Mungkin anda juga bisa melihat tutorial cara modifikasi form komentar blogger dengan penggunaan CSS anda bisa menambahkan padanya background warna ataupun gambar. Cek out disini

Demikianlah Artikel Modifikasi Tampilan Pesan Komentar Blogger

Sekianlah artikel Modifikasi Tampilan Pesan Komentar Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

Anda sekarang membaca artikel Modifikasi Tampilan Pesan Komentar Blogger dengan alamat link https://trikmitos.blogspot.com/2013/02/modifikasi-tampilan-pesan-komentar.html