Plugin Smilies pada Comment di Blogsome
Wah pagi hari yang dini banget ini ada hasrat untuk posting nih.
Melihat para blogger yang memakai wordpress berbayar, mungkin banyak blogger lain yang masih memakai memakai layanan gratisan mengakui kurangnya fitur-fitur yang ada di layanan blog gratisan seperti di blogsome. Seperti pada blog punya-nya mas yogie maupun punyanya mbak fany, disetiap form comment untuk pengunjung blog pasti ada smilies sebagai pelengkap dari komentar yang diberikan. Memang sich dengan metode keybord(biasanya aku menyebutnya seperti itu) dengan mengetik titik dua/: dan huruf ‘p’ jadilah ikon tersenyum, itu bagi yang hapal metode keybord, dan metode tersebut juga sangatlah terbatas pada ikon-ikon smilies tertentu saja.
Ternyata dengan mengais dari sana sini dapat juga cara gimana dapat memunculkan smilies comment pada blogsome, yah berhubung banyak ic’s crew yang buat blognya di blogsome jadi silahkan pakai aja,ini khan ajang sharing ilmu antara anak-anak ic dan juga orang lain yang mau pakai silahkan aja ikuti petunjuk di bawah ini. Lanjut dengan tutorialnya memasang smilies pada comment di blogsome.
- Login ke blogsome kamu, jangan lupa masukkan username ma passwordnya.
- Setelah masuk halaman dashboard, klik menu Manage trus pilih sub menu Files(baris bawah dari baris manage)
- Setelah masuk submenu Files, pertama yang muncul pada kolom adalah file index.html.
- Masukkan skrip di bawah ini ke index.html dengan peletakan antara <head> dan</head>
<!–Smilies Start–>{literal}
<script type="text/javascript" language="javascript">
<!–
function smilies(tag) {
var myField;
if (document.getElementById(’content’) && document.getElementById(’content’).type == ‘textarea’) {
myField = document.getElementById(’content’);
}
else if (document.getElementById(’comment’) && document.getElementById(’comment’).type == ‘textarea’) {
myField = document.getElementById(’comment’);
}
else {
return false;
}
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = tag;
myField.focus();
}
else if (myField.selectionStart || myField.selectionStart == ‘0′) {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
var cursorPos = endPos;
myField.value = myField.value.substring(0, startPos)
+ tag
+ myField.value.substring(endPos, myField.value.length);
cursorPos += tag.length;
myField.focus();
myField.selectionStart = cursorPos;
myField.selectionEnd = cursorPos;
}
else {
myField.value += tag;
myField.focus();
}
}
//–>
</script>
{/literal} - Setelah itu jangan lupa klik update template pada bagian bawah kolom dari index.html
- Setelah ada tulisan file update, turunkan jendela browser ke bawah sampai menemukan tulisan comment dengan warna biru dan bergaris bawah, klik tulisan tersebut.
* Copy dahulu skrip di bawah ini dan paste-kan ke text editor pada sistem operasi yang kamu pake(klo di windows pake notepad di linux pake kwrite ato gedit)kemudian ganti semua tanda & dengan tanda :<div id="smilies">
<img onclick="smilies(’&smile&’);" alt="&smile&"
src="/wp-images/smilies/icon_smile.gif" width="15" height="15" />
<img onclick="smilies(’&grin&’);" alt="&grin&"
src="/wp-images/smilies/icon_biggrin.gif" width="15" height="15" />
<img onclick="smilies(&lol&’);" alt="&lol&"
src="/wp-images/smilies/icon_lol.gif" width="15" height="15" />
<img onclick="smilies(’&wink&’);" alt="&wink&"
src="/wp-images/smilies/icon_wink.gif" width="15" height="15" />
<img onclick="smilies(’&cool&’);" alt="&cool&"
src="/wp-images/smilies/icon_cool.gif" width="15" height="15" />
<img onclick="smilies(’&oops&’);" alt="&oops&"
src="/wp-images/smilies/icon_redface.gif" width="15" height="15" />
<img onclick="smilies(’&mrgreen&’);" alt="&mrgreen&"
src="/wp-images/smilies/icon_mrgreen.gif" width="15" height="15" />
<img onclick="smilies(’ &???&’);" alt="&???&"
src="/wp-images/smilies/icon_confused.gif" width="15" height="15" />
<img onclick="smilies(’&sad&’);" alt="&sad&"
src="/wp-images/smilies/icon_sad.gif" width="15" height="15" />
<img onclick="smilies(’&cry&’);" alt="&cry&"
src="/wp-images/smilies/icon_cry.gif" width="15" height="15" />
<img onclick="smilies(’&roll&’);" alt="&roll&"
src="/wp-images/smilies/icon_rolleyes.gif" width="15" height="15" />
<img onclick="smilies(’&shock&’);" alt="&shock&"
src="/wp-images/smilies/icon_surprised.gif" width="15" height="15" />
<img onclick="smilies(’&eek&’);" alt="&eek&"
src="/wp-images/smilies/icon_eek.gif" width="15" height="15" />
<img onclick="smilies(’&neutral&’);" alt="&neutral&"
src="/wp-images/smilies/icon_neutral.gif" width="15" height="15" />
<img onclick="smilies(’&razz&’);" alt="&razz&"
src="/wp-images/smilies/icon_razz.gif" width="15" height="15" />
<img onclick="smilies(’&mad&’);" alt="&mad&"
src="/wp-images/smilies/icon_mad.gif" width="15" height="15" />
<img onclick="smilies(’&evil&’);" alt="&evil&"
src="/wp-images/smilies/icon_evil.gif" width="15" height="15" />
<img onclick="smilies(’&twisted&’);" alt="&twisted&"
src="/wp-images/smilies/icon_twisted.gif" width="15" height="15" />
<img onclick="smilies(’&!&’);" alt="&!&"
src="/wp-images/smilies/icon_exclaim.gif" width="15" height="15" />
<img onclick="smilies(’&?&’);" alt="&?&"
src="/wp-images/smilies/icon_question.gif" width="15" height="15" />
<img onclick="smilies(’&arrow&’);" alt="&arrow&"
src="/wp-images/smilies/icon_arrow.gif" width="15" height="15" />
<img onclick="smilies(’&idea&’);" alt="&idea&"
src="/wp-images/smilies/icon_idea.gif" width="15" height="15" />
</div> - pada comment masukkan skrip yang tadi udah diedit, dengan peletakan di bawah {_e text="Your Comment"}</label>
- Jangan lupa pilih lagi update template untuk menyimpan perubahan.
- Kemudian buka blog kamu dengan jendela yang baru atau tab baru untuk melihat perubahannya
Selamat ngoprek blog kamu, untuk sumbernya aku ambil dari sini(bahasa inggris) dengan sedikit modifikasi dari aku. Semoga postingan ini berguna bagi anak2 ic pada khususnya dan bagi pengunjung blogku yang setia pada umumnya.Semoga sharing ilmu kali ini tidak membuat pusing para pembaca sekalian.
Aku harus ganti lambang : dengan lambang & soalnya kalo ga diganti tulisan tersebut akan berubah menjadi gambar smilies.
OMG!! 2007 masih mainan smilies?
eh ini buat blogsome ya?
ya sudah lah…
seru juga ngedit2…ampe lupa kerjaan hehe
Makasih ya!!
mu duunnk themes nya