Tutorial : Album Mini

Idea tercetus sebab dalam blog ni tak boleh nak letak gambar besar-besar. Kalau tak, terkeluar dari kolum. Cacat sungguh. Lagipun, letak gambar banyak-banyak berat blog tau. So, terkeluarla idea bernas untuk buat album mini macam dalam entry sebelum ni. Click HERE.

Baik, untuk buat album seperti di atas, dimana bila klik kat gambar kecik-kecik my baby boo tu, keluar pop-up window kan, masukkan kod ni je kat dalam entry.

<center>
<div style="-moz-border-radius: 20px 20px 20px 20px; background: none repeat scroll 0% 0% #ffffff; border: 3px solid #FF54A7; padding: 2px;">

<img border="0" src="http://img443.imageshack.us/img443/6448/mommypinkyalbum.png" />

<a href="http://img89.imageshack.us/img89/9190/2107032273lb.jpg" onclick="window.open('http://img89.imageshack.us/img89/9190/2107032273lb.jpg','popup','width=600,height=450,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://img253.imageshack.us/img253/1807/2107032273la.jpg" /></a>
</center>

Tips:

<img border="0" src="http://img443.imageshack.us/img443/6448/mommypinkyalbum.png" /> 

- ni kod gambar album yang Mommy Pinky buat sendiri. 

Nak guna boleh, nak tukar pun boleh ;)

#ffffff - warna background album

#FF54A7 - warna border untuk frame album

http://img89.imageshack.us/img89/9190/2107032273lb.jpg 

- link gambar yang besar . Kena isi dua kali

width=600,height=450 

- untuk saiz gambar yang besar

http://img253.imageshack.us/img253/1807/2107032273la.jpg 

- link gambar yang kecil. 

Kalau tak faham bab link gambar tu, rujuk SINI  

kod kat atas ni untuk satu gambar je. Kalau nak banyak-banyak gambar, masukkan je kod macam kat bawah ni banyak-banyak kali sebelum kod </center>

<img border="0" src="http://img443.imageshack.us/img443/6448/mommypinkyalbum.png" />
<a href="http://img89.imageshack.us/img89/9190/2107032273lb.jpg" onclick="window.open('http://img89.imageshack.us/img89/9190/2107032273lb.jpg','popup','width=600,height=450,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://img253.imageshack.us/img253/1807/2107032273la.jpg" /></a>

 

Macam serabut je tutorial nih -__- 

Kalau tak faham tanya eh. Buat tutorial sambil tengok AJL25 & MU lwn Liverpool ;p