Membuat Link Image Preview

Seperti apa itu link image preview ??

Untuk Demonya, silahkan Agan buka halaman ini. Lalu arahkan kursor mouse ke masing-masing link yang di sediakan.

Style ini bisa Agan gunakan untuk koleksi Banner antar blogger, atau galeri foto dagangan jika Agan punya usaha online, atau sebagainya. Bagaimana Agan tertarik ? Silahkan salin scriptnya.


<script language="javascript" type="text/javascript">
/* Visit http://www.ketagihanbaca.blogspot.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
var toad = new Image();
var lizard = new Image();
var gecko = new Image();

toad.src = "ALAMAT FOTO.JPG 1";
lizard.src = "ALAMAT FOTO.JPG 2";
gecko.src = "ALAMAT FOTO.JPG 3";

function doButtons(picimage) {
eval("document['picture'].src = " + picimage + ".src");
}
//  End -->
</script>
<center>
<table border=1>
<tr><td>
<center>Arahkan kursor ke link</center>
<p>
<li><a href = "LINK HALAMAN FOTO 1" onmouseover = "doButtons('toad')">JUDUL FOTO 1<p>

<li><a href = "LINK HALAMAN FOTO 2" onmouseover = "doButtons('lizard')">JUDUL FOTO 2<p>

<li><a href = "LINK HALAMAN FOTO 3" onmouseover = "doButtons('gecko')">JUDUL FOTO 3<p>

<td>
<img name=picture src="../FSBackground/blank.gif" width=330 height=190 border=0></td>
</tr>
</table>
</center>

Perhatikan :

Ganti tulisan Alamat foto.jpg 1 -3 dengan alamat gambar Agan.
Ganti tulisan Link halaman foto 1 -3 dengan link yang di tuju.
Ganti tulisan Judul Foto 1 -3 dengan judul Fotonya masing-masing.

Selamat mencoba. Happy Blogging.

Membuat Pop Up Suatu Halaman

Jika sebelumnya KB meluncurkan postingan membuat Pop Up Viewer untuk gambar melalui link teks atau juga Jump Menu, kali ini KB membagikan tutorial cara membuat Pop Up Viewer untuk suatu halaman (page).

Contohnya seperti di bawah ini, silahkan klik.

Buka Chat Box
Nah, Agan sudah paham ??

Untuk kodenya sendiri silahkan Agan salin.

<script language="javascript" type="text/javascript">
/* Visit http://ketagihanbaca.blogspot.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
function NewWindow(mypage, myname, w, h, scroll) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable'
win = window.open(mypage, myname, winprops)
if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}
//  End -->
</script>
<center>
<!-- Put the URL inside the link's href="..." section, then carefully -->
<!-- change 'name' to a name for your popup window.  The last three -->
<!-- items represent the popup window width, height, and scrollbars. -->
<a href="http://ketagihanbaca.blogspot.com/2012/11/chat.html" onclick="NewWindow(this.href,'name','900','800','yes');return false;">Buka Chat Box</a>
</center>

Selamat mencoba.

Halaman Blog Bergerak Ke Atas

Sebenarnya saya bingung mau kasih judul apa.

Agan pasti tahu bukan, setiap film-film layar lebar (bioskop) di akhirnya itu muncul sekumpulan tulisan yang bergerak dari bawah ke atas. Di mana di situ tertulis nama-nama pemeran asli, para kru, para tim yang terlibat dan sebagainya.

Nah, untuk menirunya ke dalam blog, kurang lebih seperti demo berikut. Silahkan Agan masuk ke sini.

Sudah lihat ?? Ini dia scriptnya.

<script language="JavaScript1.2">

/*
For full source code, visit http://ketagihanbaca.blogspot.com/
Jangan ubah bagian ini.
*/

//change 1 to another integer to alter the scroll speed. Greater is faster
var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}

function iecompattest(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}

function scrollwindow(){
if (document.all)
temp=iecompattest().scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=iecompattest().scrollTop+speed
else
currentpos=window.pageYOffset+speed
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>

Letakkan itu di dalam artikel di atas teks postingan, tepatnya di tool "HTML" (Samping Compose). Selamat berkreasi.