Ikuti Langkah ini:
- Pergi ke Blogger > Layout> Edit HTML
- Klik centang pada kotak "Expand Template Widget"
- Kemudian cari kode seperti ini <h4 id='comment-post-message'> <data:postCommentMsg/> </ h4>
- Masukkan kode dibawah ini, setelah kode yang dicari tadi
- Simpan
- <div style=' width: 370px; text-align: left; border: 2px padat #0084ce; background: #FEF9EA; padding: 10px color:#0084ce; font-weight:bold;'>
- <Img border = '0 ' : Sebuah
- <Img border = '0 ' : B
- <Img border = '0 ' : C
- <Img border = '0 ' : D
- <Img border = '0 ' : E
- <Img border = '0 ' : F
- <Img border = '0 ' : G
- <Img border = '0 ' : H
- <Img border = '0 ' : I
- <Img border = '0 ' : J
- <Img border = '0 ' : K
- <Img border = '0 ' : L
- <Img border = '0 ' : M
- <Img border = '0 ' : N
- <Img border = '0 ' : O
- <Img border = '0 ' : P
- <Img border = '0 ' : Q
- <Img border = '0 ' : R
- <Img border = '0 ' : S
- <Img border = '0 ' : T
- </ Div>
Keterangan !
Untuk memodifikasi tampilan kotak emoticonsnya, kamu dapat mengedit tulisan yang berwarna hijau
Jangan senang dulu, masih ada kelanjutannya
6. Cari kode </ body> dan paste kan kode dibawah ini tepat diatas kode </ body>
<script type='text/javascript'>//<![ CDATA [ a = document.getElementById ('komentar'); jika (a) { b = a.getElementsByTagName ("DD"); for (i = 0; i <b.length; i + +) { jika (b.item (i) getAttribute ('KELAS') == 'author-comment-body', 'comment-body'.) { _str = b.item (i) innerHTML.replace (/:. j / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: k / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: l / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: m / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: n / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: o / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: p / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: q / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: r / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: s / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: t / gi, "<img alt =''class = 'tersenyum'/>");_str = _str.replace (/: a / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: b / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: c / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: d / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: e / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: f / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: g / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: h / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: i / ig, "<img alt =''class = 'tersenyum'/>") b.item (i) innerHTML = _str.; } } }//]]></ Script>7. Selesai
Para Emoticon Akan muncul Dalam Kedua Pembaca dan Komentar Penulis!
Seperti yang Anda tahu yahoo smiley tutorial memiliki satu kelemahan dan itu adalah bahwa emoticon hanya muncul dalam komentar pembaca dan tidak dapat ditampilkan dalam komentar penulis. Dalam rangka untuk membuat emoticon muncul bahkan Authors blok komentar maka cukup ganti kode warna merah tebal di atas (yaitu author-comment-body)dengan kelas CSS untuk komentar pemilik blog disesuaikan. Jika Anda tidak tahu bagaimana melakukannya maka hanya berbagi URL blog Anda dan saya akan membiarkan Anda tahu kode apa yang harus Anda paste bukan author-comment-body
No comments:
Post a Comment