Salam Ramadhan.
Ini adalah tutorial bagaimana mahu buat satu link image automatik terbuka pada tab browser yang baru atau dalam bahasa Inggerisnya, auto open in new tab.
READ MORE / LESS >>
Ini adalah tutorial bagaimana mahu buat satu link image automatik terbuka pada tab browser yang baru atau dalam bahasa Inggerisnya, auto open in new tab.
READ MORE / LESS >>
PERHATIAN! Aktiviti PLAGIAT (copy & paste) sesuatu artikel tanpa pengetahuan dan kebenaran penulis adalah satu aktiviti/perbuatan yang TIDAK BERMORAL!
Namun, method ini biasanya menyusahkan kerana kita perlu menekan butang back untuk kembali ke laman (page) sebelumnya. Setelah butang back ditekan, browser sekali lagi akan loading page tersebut. Oleh yang demikian, 'open image in new tab' amat berguna untuk mengurangkan browser mengalami proses loading yang kerap.
Bagaimana caranya?
Okey. Kita akan buat satu eksperimen.
1) Buat satu entry baru. Kemudian upload satu gambar contoh. Saya ambil gambar kucing, seperti di bawah. Pastikan anda cipta entry pada tab 'Compose'.
2) Klik pada tab 'Edit HTML'. Editor anda akan bertukar seperti di bawah.
3) Apa yang tertera di dalam Editor tersebut adalah satu kod HTML bagi link dan gambar yang telah kita upload sebentar tadi. Maka, pada kod ini perlu kita tambah satu kod supaya gambar kita akan terbuka secara auto ke tab yang baru jika di-klik. Caranya, copy kod ini: target="_blank"
4) Kemudian, ubah kod <a dengan menambah kod yang telah anda copy tadi menjadi <a target="_blank". Lihat contoh seperti di bawah.
5) Akhir sekali, klik butang 'Publish Post' dan cuba anda preview. Klik pada imej. Adakah imej anda terbuka pada tab yang baru?
Itu saja. Mudah saja, bukan?
Cara ini adalah salah satu teknik atribut HTML yang dipanggil 'anchor'. Anda boleh membaca dan menyelidik sendiri secara terperinci di W3Schools.com. KLIK SINI untuk terus ke laman tersebut.
Diharapkan tutorial ini membantu anda. Selamat mencuba!