Mari Belajar.
Mari kita bersama belajar sesuatu yang berguna di sini

Membuat Emotion di postingan dan di komentar

Labels: ,
LANGKAH 1

Anda pergi ke template blogger Anda: Layout> Edit HTML dan klik pada Expand Template Widget berada di sana ketika mereka harus mencari </ head>

Salah satu trik untuk menemukan kode dalam template blogger adalah dengan menekan Ctrl + F akan menampilkan sebuah jendela kecil di mana Anda memasukkan apa yang Anda ingin mencari

Nah setelah Anda telah menemukan itu untuk tetap di atas kode </ head> Script ini saya dimasukkan ke dalam file teks

Masukan kode di bawah ini tepat dia atas </ head>

<!-- (Script Emoticones) -->
<script type='text/javascript'>
//<![CDATA[
document.getElementsByClassName = function(clsName){
var retVal = new Array();
var elements = document.getElementsByTagName("*");
for(var i = 0;i < elements.length;i++){
if(elements[i].className.indexOf(" ") >= 0){
var classes = elements[i].className.split(" ");
for(var j = 0;j < classes.length;j++){
if(classes[j] == clsName)
retVal.push(elements[i]);
}
}
else if(elements[i].className == clsName)
retVal.push(elements[i]);
}
return retVal;
}

function addSmiley(){
var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
var d = document.getElementsByClassName(postBodyClass);
for(var i=0;i<d.length;i++){
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/Senyum.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/keren.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/sedih.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/haha.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/setanketawa.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/aduh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/terkekeh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/binggung.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew-1.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/malu.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/biarlah.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/ngedip.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/XD/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/nyengir.png" style="border:0; margin:0; padding:0;" id="new" /> ');
}



var d = document.getElementsByClassName('comment-body');
for(var i=0;i<d.length;i++){
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/Senyum.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/keren.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/sedih.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/haha.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/setanketawa.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/aduh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/terkekeh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/binggung.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew-1.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/malu.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/biarlah.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/ngedip.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/XD/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/nyengir.png" style="border:0; margin:0; padding:0;" id="new" /> ');
}
}

function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

addLoadEvent(addSmiley);
//]]>
</script>
<!-- (Fin Script Emoticones) -->

LANGKAH 2

Sekarang bahwa Anda telah menginstal script perlu mengatur bentuk umpan balik pada kode blog Anda dengan tampilan emoticon, sehingga terlihat seperti ini:

Untuk melakukan ini, Anda harus menyisipkan tabel html dengan emoticon dan simbol untuk digunakan, saya juga telah mengambil kesulitan untuk membuat tabel seperti script adalah file teks

<!-- ini tabla emoticones -->
<table border='0' cellpadding='0' cellspacing='1'>
<tr>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/Senyum.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/keren.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/sedih.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/haha.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/setanketawa.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/aduh.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/terkekeh.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/binggung.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew-1.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/malu.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/biarlah.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/ngedip.png' width='20'/></td>
<td align='center' width='26'><img height='20' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/nyengir.png' width='20'/></td>
</tr>
<tr>
<td align='center' width='26'>:-)</td>
<td align='center' width='26'>:-S</td>
<td align='center' width='26'>:-P</td>
<td align='center' width='26'>:-[</td>
<td align='center' width='26'>:-D</td>
<td align='center' width='26'>}:-]</td>
<td align='center' width='26'>X*</td>
<td align='center' width='26'>;-D</td>
<td align='center' width='26'>:-|</td>
<td align='center' width='26'>:-}</td>
<td align='center' width='26'>:*)</td>
<td align='center' width='26'>:-(</td>
<td align='center' width='26'>;-)</td>
<td align='center' width='26'>XD</td>
</tr>
</table>
<!-- fin tabla emoticones -->


Pastekan kode di atas tadi tepao di atas kode ini

<p><data:blogCommentMessage/></p>
0 comments:

Post a Comment

Tanks atas kunjungannya ke blog ini


Followers

Site Info

free counters

Comment