Membuat Link ke Halaman Lain


Berikut adalah contoh link yang menuju ke halaman lain:

>> Link yang menuju ke halaman utama suatu situs, cukup dituliskan URL situs tersebut diantara tanda petik.

Rumus kode:

<a href=”url”>Halaman Utama</a>

Ket:
ulr ganti sesuai keinginan
Kalimat Halaman Utama bisa diganti Awal atau Home terserah kita.

Jika link berikut diklik akan menujau ke halaman muka blog ini.

Halaman Utama

cara penulisannya sebagai berikut:

<a href=”http://blognyadiana.wordpress.com”>Halaman Utama</a>

>>Link yang menuju ke artikel lain, dengan menuliskan Permalink dari artikel yang kita tuju di antara tanda petik.

Rumus kode:

<a href=”permalink”>klik disini</a>

Ket:
Permalink bisa diganti sesuai dengan artikelnya.
Kalimat klik disini bisa diganti sesuai keinginan.

Jika link berikut diklik akan menuju ke halaman Setting Email, salah satu artikel yang pernah kubuat.

Setting Email

Cara penulisannya sebagai berikut:

<a href=”http://blognyadiana.wordpress.com/2008/03/13/setting-email-2/”>Setting Email</a>

>>Link ke Halaman Situs Lain dapat dibuat dengan rumus kode pilih salah satu berikut:

<a href=”permalink” target=”_blank”>text yang ingin ditampilkan</a>

<a target=”_blank” href=”permalink”>text yang ingin ditampilkan</a>

<a href=”permalink” target=”new”>text yang ingin ditampilkan</a>

<a target=”new” href=”permalink”>text yang ingin ditampilkan</a>

Ket:
permalink, sesuaikan dengan permalink artikel dari situs lain yang kita kehendaki

Text yang ingin ditampilkan, sesuaikan.

>>Membuat Link Gambar
Kode:

<a href=”HalamanTujuan” target=”_blank”> <img src=”LinkGambar” alt=”ketik tulisan yang akan nampak jika browser tidak mengaktifkan gambar”></a>

HalamanTujuan: ganti dengan alamat (URL) artikel atau halaman yang dituju, entah itu berisi gambar semua atau tulisan. Jangan lupa tanda petik disertakan.

LinkGambar: ganti dengan alamat (URL) gambar yang akan dijadikan Link. Tanda petik disertakan.

Contoh Link Gambar, aku pakai gambar yang disimpan di Geocities, tujuan link adalah halaman utama blog ini.

<a href=”http://blognyadiana.wordpress.com” target=”_blank”><img src=”http://www.geocities.com/diana_2717/audi_07s.jpg” alt=”mobil”></a>

Hasilnya seperti berikut:

mobil

Jika ingin menampilkan gambar saja dengan ukuran yang ditentukan misal tanpa border width (lebar): 140 pixel dan heigth (tinggi): 120 pixel tanpa menjadikan link cukup tulis begini:

<img src=”http://www.geocities.com/diana_2717/audi_07s.jpg” border=”0″ width=”140px” heigth=”120px” alt=”mobil”></a>

Akan tampak sebagai berikut:

mobil

Lihat juga cara membuat link dalam satu halaman disini


Artikel terkait:

Diterbitkan di: on Mei 17, 2008 at 3:21 pm Komentar (16)
Tags: , ,

URI untuk melacak balik entri ini adalah: http://blognyadiana.wordpress.com/2008/05/17/membuat-link-ke-halaman-lain/trackback/

RSS umpan untuk komentar-komentar dalam tulisan ini.

& Komentar Leave a comment.

  1. Mas kalo pengen buat link ke hal lain itu kita harus masuk ke menu apa dul ya? thanks..

    bisa dengan cara, buka artikel yang akan di link, perhatikan URL artikel / permalink (alamat halaman web “http://…”) pada browser, copy, terus buka/edit artikel yang akan diberi link, kodenya seperti di atas, paste/tempel copy URL tadi diantara tanda petik, editnya pakai mode HTML. Sebenarnya sudah tahu caranya bukan?

  2. thanks sebelumnya
    kalo saya ingin memasukan alamat url misalkan guestbook web saya …gimana tuh …

    caranya sama saja, klik link guestbook yang telah dibuat disitus sendiri, copy url-nya.

  3. makasih baanget atas tipsnya yach….udah laama aku nyari tips ini…eh ternyata ketemu juga akhirnya…

  4. hello, salam kenal
    sy mo tanya, misalnya saya sudah upload foto tanpa tulisan/artikel, dan sy ingin membuat link dr foto tersebut supaya membuka halaman baru yang berisikan foto-foto lagi yang lebih banyak.
    Misalnya sy sudah upload foto bergambar sebuah handphone, kemudian hanya dengan mengklik gambar handphone tersebut akan bisa membuka halaman baru yang berisikan berbagai macam dan merek gambar handphone.

    bagaimana ya caranya…..
    thanx sebelumnya

    jawabannya sudah aku tambahkan pada artikel di atas, jika kurang puas mba bisa cari lewat google

  5. maaf, kelihatannya ada kesalahpahaman dr sy sendiri…
    mohon maklum sy masih awam tentang dunia blog.
    Maksud sy sebenarnya bagaimana caranya membuka halaman baru yang berisikan artikel dari halaman utama blog. Contohnya dr halaman utama Blognyadiana ada judul tulisan “Berbagai Situs Penyedia Konten Gratis untuk Handphone”, begitu di klik tulisan ini akan muncul halaman baru pada window yg sama yg berisikan keterangan yg lebih terperinci dari judul tersebut.
    itulah yg sebenarnya ingin sy tanyakan….
    thanxs alot.

    boleh tahu website mba afida?

    Pada halaman utama blog ini memang menampilkan beberapa artikel yang telah diposting sebelumnya. Agar tidak terlalu panjang maka tiap artikel kutambahkan kode tertentu agar yang tampil sebagian saja, jika tidak diberi kode maka seluruhnya akan ditampilkan utuh, bisa panjang kayak kereta api :) .

    Judul artikel tersebut jika diklik otomatis akan menampilkan isi selengkapnya.

    Misalnya mba afida buat postingan isinya beberapa (banyak) gambar sekaligus dalam satu halaman, tentu saja akan berat jika harus ditampilkan keseluruhan dihalaman utama, iya nggak?

    Agar yang tampil satu atau dua gambar saja pada waktu edit di editor text sesudah satu atau dua gambar beri kode <!–more–> (tanda pisah dikanan kiri more masing-masing dua) jika blog di wordpress atau pada penulisan dengan mode html letakkan kursor sesudah satu atau dua kode gambar lalu tekan tombol more. Terbitkan. Nah sekarang lihat situs sendiri, yang tampak cuma gambar sebelum kode tadi, jika judul diklik maka semua gambar yang ada otomatis akan terlihat semua.

    Apakah itu yang dimaksud mba?

  6. mas, aku pengen belajar wordpress, tapi kok susah ya..???
    ni lagii blogger aja, btw tukeran link gitu naikin PR gag????
    thx,.,.

    di internet banyak kok tutorial wordpress.

    Mana bisa PR naik hanya karena tukeran link, jika jarang update.

  7. sorry nih kelamaan balesnya, soalnya abis dr luar kota.

    blog sy di afidawedding.wordpress.com.

    kebetulan sy punya usaha wedding organizer (Afida Catering Service & Wedding Consultant), trus sy coba” tuk buat blog sendiri yg sampai skrg masih dlm proses input data-data alias blm jadi, tapi sudah ada yang melihat-lihat blog sy dan minta informasi seputar pernikahan.
    o ya, ngomong” nama sy dian, afida adalah nama catering sy.

    Kelihatannya apa yg sy maksud sama dengan apa yg mbak diana tulis.
    Akan sy coba dulu tutorial dr mbak, dan jangan bosen” ya mbak diana klo sy nanya” terus.

    Thanx.

  8. mas sy mo tanya…saya mo menampilkan isi artikel,jd pas tampil engga dihalaman lain…tpi tetep dihalaman Utama/Awal..ditunggu di balesannya…di massti23.wordpress.com
    sy mohon bantuannya

  9. @ afidawedding
    aku dah mampir ke blog mba, awalnya aku juga bingung bagaimana mengelola blog. Tutorial yang mana mba, cuma sekedar berbagi yang aku tahu saja.

    @ massti23
    aku lihat tidak ada yang salah dengan halaman utama blog. Posisi postingan juga tak ada yang salah. Artikelnya bagus-bagus. Cuma belum dibuatkan kategori dan tag. Aku ngga tahu apakah itu disengaja.

    Mungkin yang mas maksud ketika membaca postingan kok sidebar-nya ngga tampak, beberapa template (theme) dari wordpress.com memang begitu, tentu saja kadang membingungkan pengunjung yang masuk tidak dari halaman utama blog, yang ingin membaca artikel lain yang biasanya judulnya sengaja dicantumkan di sidebar (kolom samping).

    Solusinya ganti theme saja.

  10. blognya asik de.saya mau coba scripnya .meluncur ke tkp dulu.

  11. bro apakah bisa tuker link?

  12. Boleh…

  13. Wah sangat berguna sekali untuk semula seperti saya…tanks

  14. :smile:
    saya dah coba…tapi knp msh blm bisa jga,
    malah bukan menjadi link tapi hanya berupa kata yang seperti link, tpi ga bisa di klik….saya periksa di kotak new add post..pada kata yg akan sy buat link kode HTML_nya berubah menjadi kata yg jadi link
    Ini bgm/ apa ada yg salah?
    Mohon pencerahannya ! Thx sblmnya…

    • maaf…tolong crusornya arahkan pd KATA YANG JADI LINK.. (nah bentuknya seperti itu)…mohon dibls!!

  15. Kalau bentuknya seperti itu berarti ada yang hilang, bisa diperbaiki lagi.

    Aku lihat artikel di blog mas kus link-nya baik-baik aja kok. Artikelnya super duper kereen…


Leave a Comment