Cara Pasang Emotion Soldier di Kotak Komentar

Cara Pasang Emotion Soldier di Kotak Komentar - Memasang emotion pada kotak komentar sangat memberikan nilai tersendiri untuk pengunjung dalam berkomentar, mungkin akan lebih menarik, dan membuat nyaman pengunjung yang ingin berkomentar. Ternyata pemasangan emotion soldier di blog zoel ini membuat salah satu sahabat zoel menginginkan untuk memasang emotion ini di blognya.
Oke deh kalau begitu tidak akan berlama-lama lagi saya akan memberikan cara pemasangan emotion soldier di kotak komentar blogspot.

Screen shoot :


1. Masuk ke Account Blog anda
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada "expand Widget template"
5. Setelah itu cari kode </body> pada template
6. Letakkan Kode HTML dibawah ini sebelum kode </body>

<script src='http://zoel.googlecode.com/files/soldier.js' type='text/javascript'/>

7. Setelah selesai dengan Script diatas cari kode berikut :

<b:if cond='data:post.embedCommentForm'>

8. Setelah itu silahkan Copy-paste kode Script dibawah ini sebelum Kode Script di atas :

<b><img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/S81H087PQqI/AAAAAAAAA1Q/XJwK7ZX_OWI/s800/th_toel2.gif' width='50'/>
:a:
<img height='50' src='http://lh5.ggpht.com/_UEOySJCSmVg/S81H0-7Ic_I/AAAAAAAAA1M/4elLiuOvxAE/s800/th_sinar_penghancur.gif' width='50'/>
:b:
<img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/S81HtryEUoI/AAAAAAAAA1I/P_DjCdY63ss/s800/th_rokok_dulu_bos.gif' width='50'/>
:c:
<img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/S81HtSx5JkI/AAAAAAAAA1E/rFy1OtLdpfk/s800/th_nyanyi_dolo.gif' width='50'/>
:d:
<img height='50' src='http://lh3.ggpht.com/_UEOySJCSmVg/S81HtAkZLWI/AAAAAAAAA1A/MtxAiF2noLs/s800/th_ngupil.gif' width='50'/>
:e:
<img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/S81HtB260HI/AAAAAAAAA08/s4FrKbVSiqE/s800/th_ngantuk.gif' width='50'/>
:f:
<img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/S81HtDrG9GI/AAAAAAAAA04/iD3Qgl_HiMk/s800/th_nangis_bawang.gif' width='50'/>
:g:
<img height='50' src='http://lh5.ggpht.com/_UEOySJCSmVg/S81HjGJfEAI/AAAAAAAAA00/M_2hdkO1jrc/s800/th_mboh_gajelas.gif' width='50'/>
:h:
<img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/S81HjLDGxSI/AAAAAAAAA0w/cNyFhVZ0eow/s800/th_hoeekzz.gif' width='50'/>
:i:
<img height='50' src='http://lh5.ggpht.com/_UEOySJCSmVg/S81Hi1DwTFI/AAAAAAAAA0s/PpjN6pC6Yvg/s800/th_cloud_ngeDJ_wkaaka.gif' width='50'/>
:j:
<img height='50' src='http://lh5.ggpht.com/_UEOySJCSmVg/S81HiytkCuI/AAAAAAAAA0o/pyVM3hcKHUI/s800/th_bye.gif' width='50'/>
:k:
<img height='50' src='http://lh3.ggpht.com/_UEOySJCSmVg/S81Hi-RW5AI/AAAAAAAAA0k/TuBPNUsIun0/s800/th_boom_boom.gif' width='50'/>
:l:
</b>
<br/><small><div style='float:right;margin-bottom:5px'><a href='http://zoelf.blogspot.com/'><strong>zoelf</strong></a></div></small>

Nah setelah itu silahkan cek halaman sobat.. Sudah terpasang emotion soldier di kotak komentar sobat..

Script anti iframe

Selamat pagi sobat, pagi ini zoel akan bahas mengenai "script anti iframe" yang dikutip dari blognya kang rohman. Sebelumnya zoel pernah posting "mengenal perintah iframe", nah kayanya kurang pas kalau tidak bahas penangkalnya.

Seperti yang telah zoel sampaikan pada posting terdahulu bahwa menggunakan iframe janganlah sembarangan, artinya sobat jangan asal sertakan blog/web orang lain dengan perintah iframe di blog sobat, karena hal itu tentunya tidak disukai oleh si yang punya blog atau web tersebut kecuali telah mendapat ijin terlebih dahulu.

Hal ini sangat merugikan karena tidak mendapatkan jumlah kunjungan yang sebenarnya dan dapat mengambil jatah bandwidth website tersebut (apabila hosting sendiri).



Untuk yang blognya di host di blogger tentu tidak ada masalah karena bandwidth blogger boleh di katakan tidak terbatas, namun bagi yang sewa hosting sendiri ini sangatlah merugikan. Walaupun demikian untuk pengguna blogger juga dirasa sedikit kurang menguntungkan karena mendapatkan sebuah kunjungan palsu. Bagaimana cara untuk menghindari agar orang lain tidak bisa memasang iframe untuk blog kita? caranya sangat mudah, dengan hanya memasang sebuah script sederhana, anda dapat menghindari pencurian dari kode iframe.

Langkah sederhana yang bisa anda lakukan adalah dengan memasang script berikut pada bagian header template anda.

For Blogger :

• Silahkan login ke blogger dengan ID anda.
• Klik Tata Letak.
• Klik tab Edit HTML.
• Carilah kode </head>
• Copy paste kode berikut persis diatas kode </head>

<script type="text/javascript">
<!-- Hide Script
    if (top.location != self.location) {
      top.location = self.location
    }
//End Hide Script-->
</script>

• Klik tombol SIMPAN TEMPLATE.
• Selesai

Untuk pengguna Wordpress.org, pada theme umumnya ada file yang bernama header.php, bukalah file tersebut lalu cari kode </head>, lalu copy paste script yang tadi tepat diatas kode </head>. Namun, jika anda ingin praktis, anda bisa menggunakan plugin break out of frame.

Setelah script tersebut dipasang di blog sobat, maka jika ada blog yang usil memakai iframe untuk blog sobat, maka blog tersebut akan di redirect ke blog/web yang aslinya.

Semoga sukses ya...
happy blogging...

Pasang search engine di blog

Postingan kali ini ada hubungannya dengan postingan zoel yang kemarin, kemarin membahas tentang "tampilan dalam pencarian artikel hanya judul", dan sekarang mungkin jika ada diantara sobat yang belum tahu cara membuat search engine di blog, bisa di ikutin cara-cara ini, cara ini memang simple, dan caranya pun sederhana.

Code dari search engine tersebut akan seperti ini:

<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get">
<input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

 Ada pula keuntungan yang didapat dengan memasang search engine seperti ini di blog, memudahkan pengunjung mencari postingan kita, seperti yang telah zoel posting juga artikelnya kemarin tentang manfaat search engine, tapi selain itu, pakai search engine ini pencarian keyword yang pengunjung tulis "di search engine blog" sangat optimal, maksudnya tidak terpaku terhadap judul dari postingan, sehingga walaupun judul postingan tersebut berbeda dengan keyword yang di cari, tapi isi dari postingan tersebut memenuhi keyword yang dicari.

Hasil dari code searh engine di atas akan tampil seperti ini:

Oia hampir lupa, ada keterangan yang harus sobat isi dari code tersebut, ada tulisan yang berwarna merah tersebut sobat isi dengan nama blog sobat, dan yang berwarna biru merupakan "value" atau nama dari tombol, misal sobat mau ganti "value" dengan Go, cari, dll. terserah sobat deh yang enak apa... Nah maka akan tampil seperti ini:

Untuk pemasangannya mungkin sobat sudah tahu ya, dashboard-layout-edit pages-add a gadget-html/javascript-baru di copas di situ.

Gimana ngartos??


Semoga berhasil...

Tampilkan kupu-kupu di blog

Sobat pernah melihat ada kupu-kupu yang berterbangan di blog?? kalau belum pernah apa sobat ingin punya?? nih ayo dilanjutin bacanya, pelan-pelan saja ya,, jangan kedip loh,, hehe...

Sebenarnya ini cukup mudah, karena kupu-kupu ini dipanggil di blog hanya cantumin java script saja, memang java scriptnya cukup banyak, tapi masih bisa cari cara lain dengan memilih tempat hosting, seperti yang pernah zoel posting disini.

dan ini code java scriptnya secara keseluruhan,

<script type='text/javascript'>
var Ymax=8;                                //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8;                                //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000;                        //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
floatimages[1]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';

//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);

function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep :  -IDs[num].Xstep , (IDs[num].Ydir)?  IDs[num].Ystep:  -IDs[num].Ystep);
}

function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
</script>

Nb: merah= alamat gambar
Jangan kaget dulu, itu mentahannya, kalau mau praktis dan simpel zoel sudah siapkan javascript yang telah di hosting di google code,
<script src="http://zulfiantea.googlecode.com/files/kupu.js" type="text/javascript">

Nah code diatas sisipkan sebelum code </head>
(tinggal pilih mau yang langsung mentahannya, atau javascript yang telah di hosting, masing-masing ada kelebihan dan kekurangannya, jadi silahkan sobat pikirkan mana yang lebih suka.)

Oia untuk sobat yang masih bingung tentang letak penempatannya,
Dashboard->layout->edit HTML>cari code </head>>letakan java scriptnya sebelum code </head>

Ada sedikit tambahan, untuk sobat yang ingin ganti gambarnya dari kupu-kupu jadi kelelawar, tinggal ganti alamat gambarnya yang ada di java script di atas dengan warna merah sobat tinggal ganti dengan alamat ini, http://i363.photobucket.com/albums/oo72/herisys/kampret.gif


Good luck ya sob,..

(sumber=forantum)