Sebenarnya Ninie nak masukkan gambar anak² dan bila klik gambar tersebut akan terus ke link yang dituju. Setiap anak² dah ada label (story) sendiri bila Ninie buat entry... Nak canggih bagai macam blogger lain tak pandai. Jadi, Ini lah cara yang Ninie faham. Lupa dah jumpa kat mana yang asalnya. Yang di bawah ni, Ninie dah ubah sikit agar mudah Ninie nak faham.
Hasilnya seperti gambar di atas @ boleh lihat di Blog : ♥ DARLING NINIE FAMILY STORIES
Sedikit Penerangan :
1) Login Blogger -> Layout -> Add A Gadget -> HTML/Java Script
2) Copy & Paste semua kod di bawah...
Ubah :
#ffb6c1 >> Mengikut warna kesukaan anda (ini adalah kod untuk warna background kotak iklan)
#ffb6c1 >> Mengikut warna kesukaan anda (ini adalah kod untuk warna background kotak iklan)
WARNA TORQOISE >> Kepada link halaman yang dikehendaki
WARNA BIRU GELAP >> Tajuk yang akan keluar apabila cursor diletakkan pada gambar
WARNA UNGU >> Link gambar yang ingin diletakkan
WARNA HIJAU >> Jika mahu mengubah ketinggian dan lebar gambar yang ingin dipaparkan.
<div align="center"><table bgcolor="#ffb6c1" border="0" cellpadding="2" cellspacing="6" width="265"> <tbody><tr>
<td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td>
<td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td>
<td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td>
<td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td>
<td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td>
<td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td>
</tr></tbody></table></div>
************************************************************************
Untuk mendapatkan hasil seperti gambar di bawah. Kod nya adalah seperti berikut :
<div align="center"><table bgcolor="#ffb6c1" border="0" cellpadding="2" cellspacing="6" width="265"><tbody><tr><td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td><td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td><td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td><tr><td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td><td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td><td><center><a href="http://(LINK @ HALAMAN YANG INGIN DITUJU)" rel="nofollow" target="_blank"><img title="JUDUL IKLAN" src="http://(URL GAMBAR ANDA)" border="0" height="125" width="125" /></a></center></td>
</tr></tbody></table></div>
0 comments:
Post a Comment