Menambah Emoticon Komentar di Blogspot

Tulisan ini telah di Update Oleh : update-emoticon-komentar

Karena senangnya blogspot sekarang mempunyai kotak komentar di bawah postingan ( lihat di sini ), selama dua hari kemarin saya bela-belain begadang dan googling nyari  script  agar kotak komentar di blogspot pun bisa di tambahi  emoticons . 

nyari sana sini bolak-balik , sampe mata merah karena terus melototin setiap page situs, akhirnya saya menemukan script emoticon sesuai dengan apa yang saya kehendaki. Script ini sendiri ketika  saya buka ternyata hasil modifikasi dari bung kendin, dan karena jumlah emoticon-nya  kurang maka sekalian saya modif ulang dengan menambah emoticon lainnya. - ( mudahan-mudahan bung kendin ngga marah ) . Dan  asiknya lagi script ini mulus  di Ie 6 dan 7ie, kalau firefox jangan di tanya deh.

Dan sengaja saya pasang emoticon berikut shortcut-nya di atas kotak komentar ( berikut shortcut-shortcut na yang rada ngarang ). Maklum saja saya ini jarang chating jadi rada budek sama shortcut  emoticon dari yahoo ini.

Lagi pula dengan di simpan di atas kotak komentar dapat menjadi panduan bagi para komentator yang  ingin  menyatakan expresinya namun tidak hapal mengunakan shortcut  emoticon yahoo ini.

Dan jika  saudara-pun  ingin  memasang kotak emoticon ini di atas kotak kometar seperti yang saya miliki . caranya mudah sekali.

1.Pada tab Tata Letak pilih Edit html kemudian tandai/centang kotak kecil di samping tulisan Expand Template Widget.

kemudian masukan kode ini pada baris Css .( sebelum tag  ]]></b:skin> )

.senyum {
width:380px;
height:85px;
list-style: none;
border:1px solid #999;
margin: 0;
padding:5px;
}
.senyum li {
margin: 0 2px 5px 0;
padding: 5px auto;
text-align:center;
float: left;
width: 25px;
}

.senyum em {
display: block;
padding: 0;
width: 25px;
background:#DFDFDF;
text-align: center;
font: normal 100% Georgia, "Times New Roman", Times, serif;
color: #333;
}

2. kemudian cari tag penutup -> 

</head>

dan simpan kode script ini di bawahnya.

<script src='http://jaloee.googlepages.com/SmileyCat2.js'
type='text/javascript'></script>

3. setelah beres kemudian copy paste semua kode yang ada di page ini.

simpan atau masukan di antara kode berikut ini.

<p class='comment-footer'>

.....simpan di sini.... simpan di sini...

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/> <b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a> </b:if> </b:if> </p>

 

Emoticon di atas bisa juga di sertakan untuk postingan atau pada bagian kolom Sidebar. ( caranya anda cukup menulis shortcut na saja. )

Ayo !! sekarang nyatakan expresi mu !