1.Login ke Blogger
2.Rancangan --> Elemen Laman --> klik Tambah Gadget --> HTML/Javascript
3.Lalu Copy dan Paste Kode Bubble Kursor Efek di bawah ini di kotak HTML/Javascript
2.Rancangan --> Elemen Laman --> klik Tambah Gadget --> HTML/Javascript
3.Lalu Copy dan Paste Kode Bubble Kursor Efek di bawah ini di kotak HTML/Javascript
<noscript></noscript><!--
--><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script
type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
NB :
- Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat, untuk bantuan kode warna silahkan klik disini atau disini.
- Kode yang berwarna biru adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan
4. Simpan
dan coba lihat hasilnya.....
Cara ini berlaku untuk pengguna
blogspot. Pertama sobat login ke blog sobat --> Edit HTML
--> beri centang expand widget template. Lalu sobat cari kod <b:skin><![CDATA[
kemudian sobat copy kod dibawah dan letakkan diatasnya.
<script
src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js
' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>
' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>
Jika sudah, cari lagi kod ]]></b:skin> untuk membuat syle CSSnya, copy kod dibawah letakkan diatas ]]></b:skin>
#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCNI2bYVB7GyJjQMuR9ZBtgM4e-lnoOyHXAFKcOjwsSWZl6NxsC1bTuXCedUV4e57n3ouYJzGEthXcXqepqYCdupAO0tAvSxD41a9A4mV_qwHusYoSUiK1q_wYz8giIvsQaGzY7VmuqviE/) no-repeat right top;
text-indent: -9999px;
}
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCNI2bYVB7GyJjQMuR9ZBtgM4e-lnoOyHXAFKcOjwsSWZl6NxsC1bTuXCedUV4e57n3ouYJzGEthXcXqepqYCdupAO0tAvSxD41a9A4mV_qwHusYoSUiK1q_wYz8giIvsQaGzY7VmuqviE/) no-repeat right top;
text-indent: -9999px;
}
KETERANGAN :
- Warna biru adalah URL gambar backgroundnya, sobat bisa menggantikan dengan background lain sesuka hati sobat. Dibawah saya sudah menyiapkan beberapa background alternatif untuk sobat silahkan dipilih :
URL
: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCNI2bYVB7GyJjQMuR9ZBtgM4e-lnoOyHXAFKcOjwsSWZl6NxsC1bTuXCedUV4e57n3ouYJzGEthXcXqepqYCdupAO0tAvSxD41a9A4mV_qwHusYoSUiK1q_wYz8giIvsQaGzY7VmuqviE/
|
URL
:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzO-0Vqntku-DR6-fHybK1ni5JsoPuOXkX6MCMxF0PlzzlZUu82TH91cR0rtCeHAwMpoNYS6ZWvKT7IRa2IsesPq10Pu1EmL78VnWTD3juoSEAo3IDQc-PPXL6c538Mf9n9tzNukbAuRc/s1600/efek-gulung1.gif
|
URL
: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilH2FgY-8mpDqJtbKoTaiup7kCwuirtdr5vHMPrXmDEIX9UbB0EsYGItce9Y_72P_5Zn_RedTw1dhqEk5QpY7L6jS4x5zgVTiVCkTzS_z9A9o4VL2UZaInuvH4KCudG7aZImTP9GXbAlY/s1600/efek-gulung2.gif
|
Saya membuatnya melalui photoshop, sobat tertarik untuk mengeditnya silahkan download file PSD disini
Terakhir cari kod <body> dan copy lagi kod dibawah letakkan dibawahnya.
<div id='pageflip'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=masterendi' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGMPxAp63MY-YIopgXy4JKsfXRdN00-vuu-f6OJFrqfPKpIAyg2qrPTiyvZ_GuU3UkgtLOS_GQp2TAmc7YOp8_CxY-tUS3KgwVR-d2gQl-HcibTRTYBQNSn621rzxs7CBhXqkfpr1MekO4/'/>
<span class='msg_block'/>
</a>
</div>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=masterendi' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGMPxAp63MY-YIopgXy4JKsfXRdN00-vuu-f6OJFrqfPKpIAyg2qrPTiyvZ_GuU3UkgtLOS_GQp2TAmc7YOp8_CxY-tUS3KgwVR-d2gQl-HcibTRTYBQNSn621rzxs7CBhXqkfpr1MekO4/'/>
<span class='msg_block'/>
</a>
</div>
KETERANGAN:
Ganti URL warna biru dengan URL keinginan sobat misalnya alamat beranda blog, link buku tamu dll.
Kemudian Preview / pratinjau dulu sebelum di SAVE kalau sudah ok, SAVE..
Selamat menggulung.. hehe..
Ganti URL warna biru dengan URL keinginan sobat misalnya alamat beranda blog, link buku tamu dll.
Kemudian Preview / pratinjau dulu sebelum di SAVE kalau sudah ok, SAVE..
Selamat menggulung.. hehe..
·
Memasang
emoticon boy and girl (emotion terbaru) pada kotak komentar --Tips dan triks blog yang tidak pernah habisnya, ada - ada saja ide blogger
Indonesia. Kali ini kita akan membahas bagaimana cara memasang emoticon boy
and girl (emotion terbaru) pada kotak komentar.
Caranya sama seperti memasang emoticon yahoo dan emoticon kaskus pada kotak komentar blog kita. Bedanya adalah pada link icon dan iconnya sendiri serta sedikit perubahan script. Sobat tertarik untuk mencoba? ikuti langkah sederhana dibawah ini.
Memasang emoticon boy and girl (emotion terbaru) pada kotak komentar
1. Login ke dasbor, Menu Rancangan --> Edit HTML
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script (klik view plan untuk melihat kode) berikut diatas tag </body>
Caranya sama seperti memasang emoticon yahoo dan emoticon kaskus pada kotak komentar blog kita. Bedanya adalah pada link icon dan iconnya sendiri serta sedikit perubahan script. Sobat tertarik untuk mencoba? ikuti langkah sederhana dibawah ini.
Memasang emoticon boy and girl (emotion terbaru) pada kotak komentar
1. Login ke dasbor, Menu Rancangan --> Edit HTML
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script (klik view plan untuk melihat kode) berikut diatas tag </body>
·
<script
type='text/javascript'>
·
//<![CDATA[
·
a =
document.getElementsByTagName('LABEL');
·
if(a) {
·
for(i=0; i < a.length; i++) {
·
_str =
b.item(i).innerHTML.replace(/:a:/gi, "<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:b:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif''
class='smiley'/>");
·
_str = _str.replace(/:c:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:d:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:e:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:f:/gi,
"<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:g:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:h:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:i:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:j:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:k:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:l:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:m:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:n:/gi,
"<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif'
alt='' class='smiley'/>")
·
·
·
a.item(i).innerHTML = _str;
·
}
·
}
·
·
a =
document.getElementById('comments');
·
if(a) {
·
b =
a.getElementsByTagName("DD");
·
for(i=0; i < b.length; i++) {
·
if (b.item(i).getAttribute('CLASS')
== 'comment-body') {
·
_str =
b.item(i).innerHTML.replace(/:a:/gi, "<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:b:/gi,
"<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif''
class='smiley'/>");
·
_str = _str.replace(/:c:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:d:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:e:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:f:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:g:/gi,
"<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:h:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:i:/gi, "<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:j:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:k:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:l:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:m:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:n:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif'
alt='' class='smiley'/>")
·
b.item(i).innerHTML = _str;
·
}
·
}
·
}
·
·
a =
document.getElementById('comments');
·
if(a) {
·
c = a.getElementsByTagName("DD");
·
for(i=0; i < c.length; i++) {
·
if (c.item(i).getAttribute('CLASS')
== 'owner-Body') {
·
_str =
b.item(i).innerHTML.replace(/:a:/gi, "<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:b:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif''
class='smiley'/>");
·
_str = _str.replace(/:c:/gi,
"<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:d:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:e:/gi, "<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:f:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:g:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:h:/gi,
"<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:i:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:j:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:k:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:l:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:m:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif'
alt='' class='smiley'/>");
·
_str = _str.replace(/:n:/gi,
"<img
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif'
alt='' class='smiley'/>")
·
c.item(i).innerHTML = _str;
·
}
·
}
·
}
·
//]]>
·
</script>
·
4. Kemudian cari kode berikut ini :
4. Kemudian cari kode berikut ini :
·
<p
class='comment-footer'>
·
<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>
·
5. Jika sudah, letakkan kode berikut
setelah kode <p class='comment-footer'>
·
<div style='-moz-background-clip:
-moz-initial; -moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial; width: 200; text-align: center;
border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
·
<b>
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif'
width='30'/> :a:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'
width='30'/> :b:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif'
width='30'/> :c:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif'
width='30'/> :d:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif'
width='30'/> :e:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'
width='30'/> :f:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif'
width='30'/> :g:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif'
width='30'/> :h:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif'
width='30'/> :i:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif'
width='30'/> :j:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif'
width='30'/> :k:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif'
width='30'/> :l:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif'
width='30'/> :m:
·
<img border='0' height='30'
src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif'
width='30'/> :n:
·
</b>
·
</div>
·
6.
Selesai, SAVE template sobat..
Selamat mencoba emoticon boy and girl (emotion terbaru) pada kotak komentar, seperti biasa hanya support untuk template tertentu saja.
Selamat mencoba emoticon boy and girl (emotion terbaru) pada kotak komentar, seperti biasa hanya support untuk template tertentu saja.
Tidak ada komentar:
Posting Komentar