Buka Link Baru Apabila Klik Pada Gambar

Apabila upload gambar menggunakan kaedah yang telah tersedia oleh blogger.com, secara default gambar tersebut akan dibuka pada page yang sama.

Ada ketikanya ianya bagus apabila merujuk kepada blog yang sama, tetapi kurang bagus apabila seorang blogger hendak merujuk kepada tempat lain. ini kerana apabila buka pada page yang sama, pengunjung terpaksa menekan button back untuk kembali kepada blog asal.

Tutorial ini akan menerangkan bagaimana untuk menjadikan gambar yang mempunyai link akan dibuka pada tab yang baru apabila diklik.

Perhatikan kedua-dua gambar ini, sila klik pada keduanya.

1)Gambar 1
Buka Link Baru Apabila Klik Pada Gambar


2)Gambar 2

Buka Link Baru Apabila Klik Pada Gambar


Gambar pertama tidak memberi kesan apa², tetapi gambar kedua membawa anda ke yahoo.com .(memang sengaja di'link'kan kepada yahoo).

Jangan terkejut jika tutorial ini sangat mudah.:)

<a href="Letakkan link untuk dibuka disini" target="_blank" >
<img src="Letakkan url gambar disini"/></a>



Sebagai contoh, untuk kod gambar kedua adalah seperti ini

<a href="http://www.yahoo.com" target="_blank" >
<img src="http://www.google.com.my/intl/en_com/images/logo_plain.png"/></a>



  • Untuk gambar kedua, link akan dibuka pada tab baru. Jika anda ingin link dibuka pada page yang sama, buang target="_blank"

  • Kaedah lain untuk buka link dalam page yang sama boleh guna terus aplikasi upload gambar dan letak link yang ada masa buat new post.:)

58 comments:

  1. kalau klik link pastu bawa g tab baru mcm ne pulak?

    ReplyDelete
  2. kenapa saya punya tak nak kuar di tab baru?

    ReplyDelete
  3. Ni untuk gambar..camna nak buat kalau kita nak link satu web tu dalam tab baru...

    ReplyDelete
  4. http://www.emedia2u.blogspot.com k tak blog aku..

    ReplyDelete
  5. camana nak letak "iserve nuffnang" kat dlm blog kita dan camna nak link fb, twitter, rss n lain2...tolonggg!!!

    ReplyDelete
  6. http://howdofadz.blogspot.com/2010/10/how-to-create-own-banner-use-gimp-271.html gi sini untuk perfecting

    ReplyDelete
  7. untuk tekan link pastu gi kat tab lain...letakan name link di selepas ayat html yg pertama

    ReplyDelete
  8. macam mane eh nak letakkan name link selepas ayat html yg pertama, tak faham sangat yang ni..boleh tunjuk ajar? TQ :)

    ReplyDelete
  9. code ni letak dalam edit html n kena tick expand kan?

    ReplyDelete
  10. x paham!!!!!!!!!!!!kat ne nak wat tu?????

    ReplyDelete
  11. kejab . takfaham la . nei ajar nak bukak tab baru kan ? kalo nak gune yg gmba pertama tekan pic tade effect mcm mne ?

    ReplyDelete
  12. link pertme 2 link blog kite ke link pe? yg kedua 2 nk ltak link pe? sye da try tp xjdi2 pon...

    ReplyDelete
  13. weh..nk tampal mnde alah nie sume katne ko xgtaw pon....hehe..da la ku nie slow. gtaw taw! mekaseh..

    ReplyDelete
  14. blh ambiil gambar cartoon?? i ambil gambar cartooon, x jadi la..

    ReplyDelete
  15. step xlengkap.. xphm sgt.. bile mse nk letak gmbar dgn code tu.. 1 lg mne nk cr link gmbar??

    ReplyDelete
  16. ada xcara klu klik kt link di blog kita ia akan automatik buka kt tab baru?

    ReplyDelete
  17. dapat dah. tq..mmg senang.dekat new post tu korang just highlight gmbr tu n the click button link dkt atas tu n just masukkan link tu. then clik ok. nnt dapatlah. good luck guys!

    ReplyDelete
  18. sian apsal la blogger ni tk jawab kehendak kawan2 .... ni la dikatakan blogger yg sedia info utk sendiri dan bukan utk follower ....
    caranya :

    _blank - open in a new window

    _parent - open in the parent window

    _self - open in same window/frame, same as if you don't specify it

    _top - open in the topmost window/frame

    Jika maklumat saya ok ... sila follow saya ... http://bit.ly/h98HhI
    tq

    ReplyDelete
  19. kwn2..sy xnak org copy gamba2 sy kt blog sy..cne nk wt?..dh wt disable right klik..tp ble klik kt pic tu..still pic tu akan kuar kt tab lain n org2 yg xptut still leh copy...iskk..cne nk wt ye? :(

    ReplyDelete
  20. mmg terpaksa terkejut la sebab sgt mudah.syukran!!!

    ReplyDelete
  21. this one is awsome too! indeed!

    ReplyDelete
  22. macam mana nak buat link terus ke page yang lain ?

    ReplyDelete
  23. tq.......tp mcmne nak kecik kan siket gamba google tuh???

    ReplyDelete
  24. alaa.. kalau taktau url gamba tuu macam mana pulakk ? :(

    ReplyDelete
  25. salam...sy nak tanye mcamane nak buat bila kite klik pada gambar terus ke entry yg kita nak..macam dalam blog ni yang (Tutorial Blog Yang Berkaitan : macamane nak buat yer..thanks author this blog :)

    ReplyDelete
  26. senangnye. tapi nape aq wat x jadi?? sobsob
    ke blog aq yg something wrong??

    ReplyDelete
  27. salam,,
    xtually,,sy baru dlm blogger nie,,
    na mnx tolong laa sikit,,plisss,,
    terangkan pasal kod2 2,,sya x paham dgn kod2 nie sume =_=",,
    tq :)

    ReplyDelete
  28. hai sume.....
    saye baru kat sini....
    jadi tolong tunjuk ajar ye....

    ReplyDelete
  29. hyew . sye pon owg bru . ppew pon tlong aja kn ap-2 yew .

    ReplyDelete
  30. Ni untuk gambar..camna nak buat kalau kita nak link satu web tu dalam tab baru...

    ReplyDelete
  31. alaaa mcm ne nyh .. mx tunjuk ajar skit

    ReplyDelete
  32. Emm , x fhm ler ... Emm , slain dripd gmbr , mcm mne nk buat sesuatu link tu then dia ke tab yang bru ? Ad yg pro x tntg nim ?? please ^^

    ReplyDelete
  33. blog ni banyak membantu..:))..dalam proses nak blaja..tq cikgu..:D

    ReplyDelete
  34. kalau nak klik tab n direct kan org tu ke multiple link (another tab) canne lak eh?

    ReplyDelete
  35. paham2...dah jadi pon..thanks admin...kpd blogger lain..follow blog sy ek..bloh msih bru ni...
    http://himpunanlawaks.blogspot.com/

    ReplyDelete
  36. sangat membantu.. TQ

    ReplyDelete
  37. macam mana nak buat bila klik pada satu perkataan contoh: (KLIK SINI) trus kuarkan tab lagi satu?
    cam ne ek?

    ReplyDelete
  38. mcamaner nak buat form tuk blog yer??ada sesiaper boley tunjuk ajar x????sebab sy budak baru nak belajar...

    ReplyDelete
  39. artikelnya menarik,sangat bermanfaat...

    ReplyDelete
  40. Alhamdulillah..senang sangat2 tutorial ni..tqvm bagi ilmu macam ni..moga diberkati oleh NYa..Belloveno,kalau nak belaja buat form kat blog,buka je Response o matic..

    jom singgah di blog saya sunnahmall2u.blogspot.com ,dclqahira.blogspot.com dan nurbalqisqahira.blogspot.com

    ReplyDelete
  41. Mohon pertolongan..macam mana nk delete blog yg sama di blogger dashboard,

    ReplyDelete
  42. mcm mna nk buat mcm gambar pertama..

    klik kt gambar.. tk kuar apa2..

    sapa2 tolong bg 'code' dia..

    ReplyDelete
  43. Mau Belajar Blogger ? Tapi Gak Bisa Atau Gak Tau Cara Nya ?
    Kesini Aja http://ruby-alfa.blogspot.com/
    Disitu Anda Bisa Belajar Tentang Blogger Dan Tutor Mempercantik Blog

    ReplyDelete
  44. http://peruserpaid.com/?ref=23867

    ReplyDelete
  45. Informasinya menarik. Sekedar berbagi informasi, kami Wagner Grosir Sandal Gunung menjual: Sandal Gunung Indoor, Sandal Gunung Outdoor, Sandal Gunung Cowok, Sandal Gunung Pria, Sandal Gunung Wanita, Sandal Gunung Anak. Dijamin
    Sandal Gunungnya Nyaman, Kuat dan Bagus. Menerima Sandal Gunung Custom dengan merk atau brand sendiri.

    ReplyDelete