Share
AHLAN WASYAHLAN FII' | "SUBCECI BLOG" | SALAM BUAT PENGUNJUNG YANG MENYEMPATKAN WAKTUNYA MAMPIR DISINI | IMAM SENDIRI TAHAP BELAJAR,BILA ADA KEKURANGAN MOHON SARAN DAN KOMMENNYA | AKHIR KATA,SENANG BERJUMPA DAN BERBAGI DENGAN ANDA | WASSALAM.

Minggu, Januari 30

Membuat Icon Show and Hide di Postingan

show



hanya percobaan ajjah.huahua....


 Kamu copy dulu script ini ke dalam notepad ..


<div><div style="margin-bottom: 2px;"><i><b><small>show</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

hanya percobaan ajjah ya....huahua

</div></div></div>


selamat mencoba..semoga berhasil......
Read More→

Jumat, Januari 14

Membuat Kolom Teks Area

 Untuk Kode / Tulisan
Untuk membuatnya sangatlah mudah, tinggal copas aja kode dibawah ini :

<p align="center"><textarea name="code" rows="3" cols="20">Tulisan di sini adalah teks yang akan ditampilkan dalam teks area (seperti kode tukar link). Dapat berupa kode HTML dan teks lainya.</textarea></p>
contohnya sperti ini



Ketrangan :
  1. Rows="3", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka "3" dengan angka yang lebih tinggi.
  2. Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka "20" tadi dengan angka yang lebih tinggi.

Ada satu lagi jenis teks area, yaitu dengan menggunakan HIGHLIGHT

Untuk membuatnya, Copas kode dibawah ini :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><div align="center"></div><p align="center"><textarea style="width: 250px; height: 80px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Tulisan di sini adalah teks yang akan ditampilkan dalam teks area (seperti kode tukar link). Dapat berupa kode HTML dan teks lainya.</textarea></p></form></div>

contohnya: 



Keterangan :
  1.   <div align="center">  kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left dan sebaliknya.
  2.  <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">  kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok).
  3. Value="Highlight All" kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
  4. <p align="center">  ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left dan sebaliknya.
  5. <text style="WIDTH: 250px">  kata "WIDTH:250px" menunjukan lebar dari text area tersebut sebanyak 250 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan.
  6. HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika anda ingin merubahnya tinggal ganti angka ters

Contoh text area yang memakai tombol highlight diatas, memuat script untuk melindungi dari right click para pengunjung. script ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan .Selamat mencoba y ...
Read More→

Cara membuat kupukupu berterbangan


1.      LANGSUNG KETEKAPE GAN.
        1.login ke blog anda
2. Masuk ke Tata Letak

3. Trus Edit
HTML

4. Trus copy-paste kode
Java Script
di bawah ini tepat
sebelum kode </head>
untuk mempermudah pencarian tekan ctrl+f.

<script type='text/javascript'>
//<![CDATA[
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>


5. Simpan Template....DAN LIHAT HASILNYA.
HhAPPY BLOGGING
Read More→

marquee dari kanan ke kiri

BUATLAH BLOG ANDA LEBIH MENARIK DENGAN MARQUEE,,,,
CARANYA:
Login ke Blogger
Klik RancanganElemen LamanTambah GadgetHTML/JavaScript
Kemudian Copy kode Script berikut dan Pastekan ke dalamnya :

NB: KATA" CONTOH" GANTI DENGAN KATA KATA ANDA SENDIRI.
_______________________________________________
LANGSUNG KETEKAPE GAN.

Contoh marquee dari kanan ke kiri

__________________________________________

"left" scrollamount="2"> Contoh Marquee dari kanan ke kiri 
Read More→

marquee dari kiri ke kanan

BUATLAH BLOG ANDA LEBIH MENARIK DENGAN MARQUEE,,,,
CARANYA:
Login ke Blogger
Klik RancanganElemen LamanTambah GadgetHTML/JavaScript
Kemudian Copy kode Script berikut dan Pastekan ke dalamnya :

NB: KATA" CONTOH" GANTI DENGAN KATA KATA ANDA SENDIRI.
_______________________________________________
LANGSUNG KETEKAPE GAN.

 Contoh marquee dari kiri ke kanan:
_________________________________
Contoh Marquee dari kiri ke kanan
INI KODENYA:
<marquee direction="right" scrollamount="2"> Contoh Marquee dari kiri ke kanan </marquee> 


SIMPAN DAN LIHAT HASILNYA.
HAPPY BLOGGING

Read More→

carousel

 

sahabat

Back to TOP