Pagi semuanya…..Kali ini saya ingin sedikit membagikan tutorial sederhana saja, seperti judul diatas,
Cara Modifikasi Komentar Blogspot Menggunakan
Emotion Keren. Ini adalah tampilan yang juga ada di Blog saya.
Tampilan Default pesan komentar blogger atau tampilan bawa’an template-nya sangat
sederhana tanpa sedikitpun modifikasi , terlihat dari aspek desainnya, Jika anda yang ingin memiliki pesan komentar yang
berbeda dari biasanya, Anda bisa mencoba
menambahkan beberapa property CSS untuk merubah background pesan komentar anda,
juga jenis dan ukuran font dan lain
sebagainya.
Cara
Modifikasi Tampilan Komentar Blogger Dengan menggunakan Emotion :
1.Masuk login dulu ke akun Blogger anda
2.Pada Dasbor Klik Edit
HTML >>> Proceed >>>
Expand Widget Templates
3.Kemudian cari kode berikut : <p><data:blogCommentMessage/></p>. Atau gunakan
CTRL+F untuk memudahkan codenya.
4.Kemudian ganti
dengan kode berikut:
<div
id='pra-comment'<data:blogCommentMessage/></div>
Catatan : Jika
Anda menemukan kode <p><data:blogCommentMessage/></p>
lebih dari 2 < ganti semuanya > dengan <div
id='pra-comment'><data:blogCommentMessage/></div>.
<<>>
Brikutnya Anda Klikk Ctrl+F dan cari kode ]]></b:skin>
<<>>Lalu
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
}
Catatan : Anda masih dapat mengedit CSS
diatas. Misalnya mengganti warna background, jenis dan ukuran font dll.
<<>>
Kemudian Simpan template dan Anda
bis alihat lihat hasilnya diblog Anda.
Semoga Artikel Cara Modifikasi Komentar Blogspot Menggunakan Emotion Keren bisa
bermanfaat buat semuanya….
Thanks untuk kunjungannya…
EmoticonEmoticon