Saturday, March 19, 2011

tutorial: menukarkan pages kepada image

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

Photobucket


ahaaa ,, pada jam 01.34 a.m ini ,, waktu orang dibuai mimpi ,, tapi saya menjadi burung hantu untuk membuat tutorial tentang menukarkan pages kepada image ,, majoriti tahu apa itu pages ,, alaa ,, tempat yang para blogger gunakan untuk "owner", "tutorial", "tutorial request" dan sebagainya ,,, haa ,, kali ini saya ingin menjadikan pages ini semakin gerek ! iaitu dengan menukarkannya kepada gambar ,, kod ini di gubah berdasarkan 100% idea Hazim Ahmad iaitu saya

seperti yang awak lihat dalam gambar di atas , ada 2 anak panah kan ?? *klik kat gambar untuk gambar yang lebih jelas ,,, haa ,, itulah pages saya ,, saya dah ubahkan menjadi gambar ,, nak kodnya ?? boleh ,, senang saja ,,,


Photobucket

nampak tak ? ada dua kod yang saya highlight kan ,,, mari kita pecahkan kod itu untuk mudah difahami ,,








<div style="position: fixed; top: 68px; right: 0px;"><br />







<a href="http://hazimahmad.blogspot.com/p/owner.html" 'target='_blank'>







<img src="http://i674.photobucket.com/albums/vv101/hazim_94/owner-1.png" border="0" alt="" /></a>







</div>

yang warna oren tuh ,, boleh di ubah ,,
kalau nak kat bawah ,, top ubah kepada bottom
kalau nak kat sebelah kiri ,, right ubah kepada left

yang warna merah tuh ,, boleh di ubah ,,
kalau makin besar nombor yang untuk top/bottom ,, makin ke bawah gambarnya
kalau makin besar nombor yang untuk right/left ,, makin ke dalam gambarnya ,,

yang warna biru tuh ,, letak url pages yang awak nak

yang warna unggu tuh ,, letak kod gambar yang awak sukaa ,,

yang selebihnya jangan diubah tau !

bila dah puas edit ,, msukkan kod tuh di HTML/JavaScript
langkahnya ,, klik... design --> page element --> Add a Gadget -->  HTML/JavaScript

SEMOGA BERJAYA








*kalau dah belajar ,, jangan lupa "LIKE" tutorial ni tau , dan kalau yang belum follow blog saya nih ,, follow lah ea ?

special guest :)