cuba korang tengok kat bahagian bawah sekali blog aku tu, ada banyak iklan ChurpChurp kan? macam mana aku buat tu? senang je.. sape-sape yang pandai basic HTML mesti tak heran dengan tutorial aku ni.. ok, jom mulakan..
------------------------------------------
1. pertama sekali korang perlu ade code HTML.. ok, kita belajar sikit tentang HTML ni..
untuk buat link code html adalah seperti berikut..
<a href="URL">TITLE</a>
contoh:
<a href="http://www.churpchurp.com/meuzangeloxxiii/share/RosemaryBites">RosemaryBites</a>
yang akan keluar: RosemaryBites
cuba perhatikan betul-betul.. apa yang korang paham?
------------------------------------------
2. cara untuk buat link tu dibuka ke new tab jika ditekan..
korang cuma perlu tambah sikit je:
<a href="http://www.churpchurp.com/meuzangeloxxiii/share/digi-superreload" target="_blank">Digi</a>
yang akan terpapar: Digi
perasan tak kat bahagian mana aku tambah? ok, cuba tekan dengan sekali klik, korang akan terus dibawa ke new tab..
------------------------------------------
3. code html untuk gambar
<img src="URL_GAMBAR">
letak url gambar kat bahagian berwarna tu dan tengok apa yang jadi.. oh, macam mana nak dapatkan URL gambar?
kalau korang guna Chrome lagi senang.. right-click pada gambar, dan pilih Open image in new tab
kat situ la korang boleh dapat URL gambar.. copy je URL tu
contoh:
<img src="http://cdn.main.churpchurp.com/buzz/img/1051/2181.jpg">
yang akan keluar:
paham tak?
------------------------------------------
4. buat gambar tu sebagai link, kalau klik akan bukak satu link
ok, berbalik pada code yang pertama tadi,
<a href="URL">TITLE</a>
kalau code kat atas ni hanya akan terpapar perkataan TITLE..
sebenarnya perkataan tu boleh ditukar kepada gambar.. sebab ruangan kat TITLE tu adalah tempat yang akan terpapar..
cuma perlu gantikan TITLE kepada code gambar:
<a href="URL"><img src="URL_GAMBAR"></a>
korang nampak tak?
contoh:
<a href="http://www.churpchurp.com/meuzangeloxxiii/share/digi-superreload"><img src="http://cdn.main.churpchurp.com/buzz/img/982/2072.jpg"></a>
paham? baca dengan teliti
bersambung...
xphm fungsi churp2 ni...
ReplyDelete=P
nice tips! :)
ReplyDeletebagus tutorial ni.. nanti mesti try
ReplyDeleteterima kadi bro infonya.
ReplyDelete