Cara menghasilkan bukaan link dalam tab baru
Jika korang mahu mengelakkan site atau blog korang ditinggal oleh pelawat untuk link ke site lain, tutorial ini akan membantu korang. browser pelawat akan membuka link yang ada di blog korang dengan tab yang baru, bermakna blog korang masih ada di dalam tab pertama tadi.
Kita akan menggunakan arahan target="blank" untuk membuka tab baru.
Untuk Link Text
____________________________________
<a href="website URL" target="_blank">nama website atau blog</a>
____________________________________
Sila lihat contoh dibawah.
<a href="http://bloggermelayu2u.blogspot.com/" target="_blank">Tutorial melayu</a>
ia akan terlihat sebegini.
Tutorial melayu
Untuk Link imej
________________________________________
<a href="website URL" target="_blank" title="tajuk"><img src="Image URL" border="0" width="80" height="15" alt="penerangan"></a>
________________________________________
Sila lihat contoh dibawah.
<a href="http://bloggermelayu2u.blogspot.com" target="_blank" title="tutorial melayu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyETTDIJqUSM_dun8PKvcW5wOGAJ0JqLlIhH9QQH1_ofUMkfrrZbHx61UiN3haXstRMqmbA4h7q8sBW8cYF4d5FTMaxIJ2JKfii8tSUrqKTj_-dUpd0vZ6ecrQoiC0Dt7DA5G2bnVhSOPs/" border="0" width="480" height="145" alt="tutorial melayu"></a>
Ia akan terlihat seperti ini.

selesai.
Kita akan menggunakan arahan target="blank" untuk membuka tab baru.
Untuk Link Text
____________________________________
<a href="website URL" target="_blank">nama website atau blog</a>
____________________________________
Sila lihat contoh dibawah.
<a href="http://bloggermelayu2u.blogspot.com/" target="_blank">Tutorial melayu</a>
ia akan terlihat sebegini.
Tutorial melayu
Untuk Link imej
________________________________________
<a href="website URL" target="_blank" title="tajuk"><img src="Image URL" border="0" width="80" height="15" alt="penerangan"></a>
________________________________________
Sila lihat contoh dibawah.
<a href="http://bloggermelayu2u.blogspot.com" target="_blank" title="tutorial melayu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyETTDIJqUSM_dun8PKvcW5wOGAJ0JqLlIhH9QQH1_ofUMkfrrZbHx61UiN3haXstRMqmbA4h7q8sBW8cYF4d5FTMaxIJ2JKfii8tSUrqKTj_-dUpd0vZ6ecrQoiC0Dt7DA5G2bnVhSOPs/" border="0" width="480" height="145" alt="tutorial melayu"></a>
Ia akan terlihat seperti ini.
selesai.

0 comments:
Post a Comment