BREAKING NEWS

Category 5

Category 6

Category 7

Minggu, 06 Juli 2014

Modifikasi Tampilan Komentar Blogspot

Modifikasi Tampilan Komentar Blogspot

Beberapa waktu lalu saya pernah menuliskan cara memperbaiki pesan komentar yang pindah ke bawah, saya juga sudah memberikan tutorial untuk merubah tampilan kotak komentar, maka kali ini saya akan membagikan lagi sebuah tutorial sederhana untuk merubah tampilan pesan komentar.

Seperti yang pernah saya bagikan sebelumnya, pesan komentar merupakan sebuah aturan yang di tulis oleh si pemilik blog, tentang bagaimana berkomentar yang baik dengan sopan di blog tersebut, pesan komentar juga dapat berisi ucapan terima kasih ataupun hanya sebagai pemanis tampilan komentar dari sebuah blog.
 Pesan komentar dengan tampilan yang tidak biasa akan lebih mendapat perhatian dari si penggunjung, dengan begitu maksud dari pesan komentar tersebut dapat tersampaikan.

Bagi anda yang tertarik untuk merubah tampilan pesan komentar blog anda menjadi sedikit lebih keren dan unik, perhatikan langkah-langkah berikut:

  • Login >> Template >> Edit HTML.
  • Cari kode,
<p><data:blogCommentMessage/></p>
  • Kemudian ganti kode di atas dengan kode,
<div id='pra-comment'><data:blogCommentMessage/></div>
Keterangan: Biasanya terdapat lebih dari satu kode <p><data:blogCommentMessage/></p>, silakan anda ganti semua.

  • Berikutnya cari kode
]]></b:skin>

  • Letakkan kode di bawah tepat sebelum kode ]]></b:skin>.
/* Pesan Komentar
---------------------------------------------- */
#pra-comment{
 position: relative;
 background:#0070B0;
 color:#fff;
 padding:10px;
 font:normal 12px trebuchet ms;
 text-align:justify;
 border:3px solid #333;
 margin:15px 0 15px 0;
 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: #333;
border-width: 15px;
left: 82%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #0070B0;
border-width: 9px;
left: 82%;
margin-left: -30px
}

  • Terakhir klik Simpan Template, kemudian lihat hasilnya.

Demikian tutorial sederhana tentang bagaimana cara memodifikasi tampilan pesan komentar blog. Kurang lebihnya mohon maaf. Semoga bermanfaat.

1 komentar :

 
Copyright © 2013 Ketika Otak Berbicara
Powered by Blogger