Membuat Link dalam Satu Halaman

Nopember 4, 2007 in Panduan Membuat Blog, Tip Menulis, Tips blog, Tutorial Wordress


Pendahuluan

Membuat link ke halaman lain sudah di ajarkan di sini beberapa waktu lalu, yang gunanya untuk mengelink artikel kita sendiri di posting sebelumnya, atau membuat link ke artikel atau blog mlik orang lain yg tulisannya kita kutip. Berikut akan kita bahas cara membuat tautan link yg mengarah ke halaman yg sama (atas, tengah, bawah dll). Contoh seperti “kembali ke atas”, dll . Ini berguna terutama bagi yg postingnya sangat panjang, sehingga link-dalam-satu-halaman ini berfungsi untuk memmepermudah navigasi pembaca. Ikuti langkah berikut:

1. Buat ANCHORNAME seperti ini < A NAME=”pendahuluan”> Tulis apa saja di sini atau dikosongin aja </A>
Taruh anchor name ini di mana saja yg Anda mau, sebagai contoh, saya taruh anchor link ini sejajar dengan kata “Pendahuluan” di atas. Jadi seperti ini
<A NAME=”pendahuluan” > Pendahuluan</A>
Catatan: Kalau ANCHORNAME ditaruh sejajar dengan kata “pendahuluan”, maka link akan mengarah ke bawahnya kata “pendahuluan”, kalau ANCHORNAME ditaruh di atasnya kata “pendahuluan”, maka ketika linkname diklik akan mengarah persis ke kata “pendahuluan”. Untuk lebih jelasnya, silahkan Anda coba-coba sendiri.

2. Buat link name yg diarahkan ke anchor link tersebut, begini kodenya:
<A href=”http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/#pendahuluan”> Kembali ke atas </A>
Kode no.2 akan berbentuk link yg kalau diklik akan mengarah ke anchor name yg kita tentukan. Dalam kasus saya kata “Pendahuluan”.

Coba lihat hasilnya, klik link berikut: Kembali ke atas

Catatan:

1. Anchor name yg berupa “pendahuluan” bisa diganti dg kata lain yg anda suka yg penting harus sama dg link name-nya.

2. Unsur LINK NAME adalah permalink URL + #linkname. Jadi url mengarah ke permalink halaman/posting yang sama. Sebagai contoh, permalink posting ini adalah http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/
maka linkname-nya adalah < A href=”http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/#pendahuluan” > Kembali ke atas </A>

3. Fungsi lain dari link-dalam-satu-halaman ini adalah untuk footnote, bagi blogger yg membuat tulisan ilmiah dg memakai footnote di halaman yg sama di blognya. Dalam kasus footnore ini, maka ANCHOR NAME diletakkan di footnote, sedang LINKNAME ditaruh di kata-kata tulisan Anda yg merujuk ke footnote. Contoh sangat bagus tulisan ilmiah yang memakai cara ini silahkan lihat tulisan Martin van Burinessen–sarjana Belanda mantan dosen di UIN Ciputat dan Sunan Kalijaga–di sini.

Eh tes lagi yuk, Kembali ke atas

Di wordpress, “Komentar Terbaru” sidebar di blog ini pada dasarnya memakai konsep ANCHORNAME - LINKNAME ini.

Salam ngeblog.

Tutorial WordPress.com

Tutorial Blogger.com / Blogspot

Tutorial Umum Blogging (Untuk Wordress dan Blogger.com/Blogspot): Promosi dan Manfaat Membuat dan Menulis Blog

Tips Menulis di Blog

Pasang Iklan, Dapatkan Penghasilan Online

61 Replies

  1. Luthfi

    Nopember 4, 2007 at 11:35 am

    sip2

  2. Reztar

    Nopember 5, 2007 at 6:00 am

    code contohnya kok kepotong disiplay nya yah? tapi kalo di copy semua keliatan sih

    Kembali ke atas

    apa karena resolusi monitor saya?

  3. Heru

    Nopember 5, 2007 at 7:05 am

    Terima kasih

    Langsung saya coba..

  4. Mihael "D.B." Ellinsworth

    Nopember 5, 2007 at 10:16 am

    Saya coba ya. :D

  5. elindasari

    Nopember 7, 2007 at 7:18 am

    Wah makasih banyak atas postingannya mas…
    Saya jadi banyak belajar nich….
    Thank a lot for your information !!!

    Best Regard,
    Bintang
    http://elindasari.wordpress.com

  6. KSATRYA

    Nopember 9, 2007 at 7:19 am

    Siap Pak Guru !

  7. berkemas

    Nopember 10, 2007 at 2:17 am

    mas,

    Terima kasih atas info-nya. Tapi saya msh bingung, gimana membuat blog menjadi halaman2 ky blog-nya mas ini ?

  8. eam kompak kkn upn 07 yogya

    Nopember 12, 2007 at 11:53 pm

    SAYA SERING MENJUUMPAI, KATA2
    DALAM POSTING
    ………………………..
    dan lain sebaginya

    yang menjadi pertanyaan saya
    bagaiman cara membuat link yang se demikian itu,
    dalam kasus yang saya tanyakan ini beda dengan, [read more]
    karna kalo [read more] pasti muncul otomatis diakhir posting

    terimaksih

    salam
    team kompak kkn upn 07 yogya

  9. cantik-accessories

    Nopember 22, 2007 at 4:02 am

    sangat bermanfaat …coba dl ya

  10. Ahmad Kurnia

    Nopember 23, 2007 at 1:16 am

    Aduh bang, saya coba beralih dari blogger ke wordpress ternyata jauh lebih rumit, tapi tutorial abang sangat membantu. tapi gimana cara publikasi di google-nya ?

  11. willmen46

    Nopember 23, 2007 at 3:13 am

    maknyus bro info na
    ini yg aq mau pelajari..link dlm 1 halaaman

    willmen46

  12. saqifa

    Nopember 25, 2007 at 8:26 am

    Mas, bisa ga kalo blog bahasanya dijadikan bilingual: indonesia dan inggris. Kalau mau buat blog yang isinya dua bahasa itu baiknya gimana? tq.

  13. harianus zebua

    Nopember 27, 2007 at 10:12 am

    Salam kenal Mas Fatih. Saya orang baru dalam dunia perblog-gan, mohon ijin “mencuri” tipsnya ya. Sudah nyari kemana-mana gimana cara bikin link dalam blog, eh pas ketemu caranya di blog Mas. Senang sekali rasanya. Ditunggu terus tips-tips oke dan mantap-nya

    Sukses!

    Salam kenal juga Mas Harianus. Seneng dapat teman baru. :)

  14. blink-182

    Desember 7, 2007 at 3:49 am

    makasih atas postingnya…saya mau coba dulu ahhh…

  15. Amsa

    Desember 17, 2007 at 10:32 am

    terimakasih infonya…

  16. alamyong

    Januari 30, 2008 at 1:33 pm

    saya masih kurang jelas tentang membuat linkpada satu halaman maksudnya kita klik ke menu apa yang ada pada my profil ?

  17. envi

    Januari 31, 2008 at 9:03 am

    mas bagaimana cara membuat list menu dan bagaimana cara ngelinknya….mohon bantuannya, email saya kaneza3@gmail.com, situs nya envitl.blogspot.com. makasiah mas…

  18. Sinta

    Februari 1, 2008 at 6:46 am

    Terus terang aku masih bingung bikin link ke halaman selanjutnya atau memotong tulisan lalu disambung kehalaman berikut sehingga muncul artikel yang lebih lengkap. Aku bikin artikel yang sangat panjang namun begitu dipublikasikan halaman depan sangat penuh dan aku ingin memotong sedikit agar artikel lain bisa kebagian tempat, tapi sayang… aku nggak bisa bikin link. Sudah aku coba masukkan URL tapi salah melulu. Bukannya halaman berikutnya yang memuat artikel itu tapi tulisan URL tidak dikenal.

    Misal: Pancasila “baca lengkap”… “baca lengkap” sudah menjadi link tapi gagal untuk menampilkan artikel tentang Pancasila secara utuh. Maaf, blog milikku belum sempurna jadi belum bisa aku publikasikan. Bantuan sebaiknya ke alamat emailku: sinta_dong@plasa.com

    # lihat di sini http://afatih.wordpress.com/2007/10/22/cara-buat-read-more-di-wordpress/

  19. babygost

    Februari 2, 2008 at 2:04 am

    tolong lebih di perjelas!

  20. babygost

    Februari 2, 2008 at 2:07 am

    cara membuat link tolong di perjelas, tetapi dengan cara dan bahasa yg mudah di mengerti,
    karena saya masih pemula!!!

  21. babygost

    Februari 2, 2008 at 2:15 am

    kirim ke babygost.wordpress.com
    than

  22. meylya

    Februari 13, 2008 at 3:30 am

    makasih
    ilmunya berguna bgt…
    Q banyak belajar dr blog ini…..

  23. yusufabumisyari

    Februari 17, 2008 at 10:53 am

    kang syuhud…kalau link side barnya wordpress memang ga ada?letak perbedaanya dengan blogspot dimana?Maaf tanya terus…lagi kesulitan bikin link wordpress…kode2 itu ditaruh mana?

  24. isdiyanto

    Februari 18, 2008 at 3:53 pm

    matur nuwun ya…

  25. darmawan17

    Februari 19, 2008 at 9:20 am

    keren banget… sep2…..
    mas ajarin saya dong???
    he..he..he..

  26. jjnk

    Februari 27, 2008 at 5:04 am

    saya baru saja mencoba buat blog. thank’s a lot atas ilmunya. tapi saya masih rada2 bingung….. he..he… ntar kalo ada masalah bisa dibantu kan mas???

  27. asse

    Maret 3, 2008 at 6:59 am

    permisi saya mo tanya kalo mo ngelink-kan ke halaman blog lain gmn caranya???

    terus ngodingnya itu apa harus di templatenya atau yg lain????

    tolong dibantu donk masih binun…nich…

  28. Dhimas L N ---- (^-^)v

    Maret 6, 2008 at 4:29 am

    wow, makasih mas patih bwt info2nya

  29. yanti sexy

    Maret 18, 2008 at 4:43 am

    maz. . . taruh dimana ancorname nya?????

  30. odlan

    Maret 28, 2008 at 11:44 am

    maz…. neh q mu nanya q pusing bgmn cara buat halaman (wordpress)
    kan kita punya halaman namanya toturial, home , down load
    kan kita punya tulisan yg berjudul seting jaringan
    bgmn tulisan neh ada di tutorial apa bila diklik halaman tutorial

    mohon bimbinganya ya mazz fatih

    neh imail ku Djok3r_k3r3n@yahoo.com

  31. ifan

    Maret 30, 2008 at 5:31 am

    Hatur nuhun kang, infona manfaat pisaaaaaaaaaaaaaaan

  32. gelar

    Maret 30, 2008 at 12:32 pm

    mas kalo mo bikin LINK KE TEMEN Gmana ya mas??
    maaf kalo sudah dibuat, tapi saya perlu buat link ke temen..
    makasih

  33. 1man1a

    April 1, 2008 at 3:22 am

    boleh tanya2 kan? Saya murid SMK, saya ingin tahu bagaimana cara masukkan foto sebagai identitas pada weblog. Terimakasih sebelumnya.

  34. badot inside

    April 2, 2008 at 12:25 pm

    makasih oom, coba aah..

  35. kongkangs

    April 3, 2008 at 3:03 am

    sip deh tutorialnya tak coba ya

  36. yudhaw

    April 7, 2008 at 12:05 pm

    ass. saya coba tips dari “cara membuat read more pada blogspot” tetapi belum berhasil mas. Saya coba ke blog saya yang pake template sendiri dan juga layout (template dari blogger). Kalo yang pake layout persis banget dengan tips yang dibuat, tetapi belum berhasil juga..
    matur nuwun

    wass.

  37. hermansyah

    April 14, 2008 at 4:42 am

    membuat blog

  38. andhies85

    April 27, 2008 at 3:34 am

    saya belum mengerti da yang bisa jelasin enggak lebih terperinci

  39. vika17

    April 28, 2008 at 12:15 am

    Salam kenal..Mas saya mau coba rubah halaman misalnya dgn menambah link Up di halaman home ataupun halaman lainnya. Di halaman tsb kalau di klik kanan bila pilih View Page Source kita bisa lihat source codenya secara lengkap. Nah kalau sdh diganti/ditambahin, gimana caranya meng-upload kembali spy halamnya berubah sesuai pergantian. Thx banyak atas semua tutorial yg berguna

  40. Vika

    April 28, 2008 at 12:31 am

    Mas, bagaimana meng-upload halam yang telah dirubah source code nya. Thx

  41. knock

    April 30, 2008 at 3:21 pm

    Hallo mas saya mo nanya nih cara buat Copy kode di bawah, letakkan di Sidebar blog Anda :) gimanayac Please…….

  42. Fant

    Mei 6, 2008 at 10:55 am

    Dari dulu mempelajari ini susah banget, tapi berkat latihan alhamdulillah pas maghrib ini bisa n bahkan bukan kembali ke atas saja, saya coba membuat link ke sebuah judul dari kumpulan2 judulnya ke isi dari judul itu, alhamdulillah bisa. Ini berkat tips dari mas Fatih. Terimakasih masi dari Ifant

    H O M E

  43. Fant

    Mei 6, 2008 at 10:56 am

    Dari dulu mempelajari ini susah banget, tapi berkat latihan alhamdulillah pas maghrib ini bisa n bahkan bukan kembali ke atas saja, saya coba membuat link ke sebuah judul dari kumpulan2 judulnya ke isi dari judul itu, alhamdulillah bisa. Ini berkat tips dari mas Fatih. Terimakasih Mas dari Ifant

    H O M E

  44. Fant

    Mei 6, 2008 at 10:59 am

    H O M E

  45. jiwakelana

    Mei 8, 2008 at 4:54 am

    makasih mas, saya jadi ketagihan ngeblog neh. izin mas saya taut ke blog saya

  46. mokeng

    Juli 2, 2008 at 6:34 am

    makasih banyak mas fatih..
    blog anda memang memberikan banyak manfaat bagi para blogger pemula..
    mas fatih saya mau tanya katanya kalo outbound linknya lebih dari 50 bakal mengurangi pagerank terus katanya lagi lebih bagus outbound link 25 aja trus kalo dah kelebihan gimana cara membaginya biar tetep aman??

  47. lebah madu

    Juli 6, 2008 at 1:24 am

    oke banget blognya, sangat bermanfaat bagi pemula seperti saya. klau buat pertukaran link antar blog gimana ya? belum tahu metodenya nih. tolong ya?

  48. doez

    Juli 19, 2008 at 3:09 am

    thank’s

  49. mockiezoid

    Juli 27, 2008 at 11:31 am

    visit kie’s site 2008
    http://www.rifkimuhammad.0fees.net

  50. allcanin

    Juli 30, 2008 at 9:25 am

    Mas, kalo cara ngelink ke tulisan kita sendiri gimana caranya?? Seperti page tutorial blog ini. kan tulisannya nggak muncul sebelum kita klik ke salah satu sub bahasannya. itu gimana buatnya mas?

  1. 1 Membuat Link « Webnya Cah Morangan Pingback on Des 2nd, 2007 at 11:03 am

    [...] Coba lihat hasilnya, klik link berikut: Kembali ke atas [...]

  2. 2 Membuat Link dalam Satu Halaman « Ofier2312’s Weblog Pingback on Mar 4th, 2008 at 9:54 am

    [...] Coba lihat hasilnya, klik link berikut: Kembali ke atas [...]

  3. 3 test « bisikan nurani Pingback on Apr 2nd, 2008 at 4:56 am

    [...] A href=”http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/#pendahuluan” > Kembali ke [...]

  4. 4 Membuat Link dalam Satu Halaman « ISLAMIC ARTICLE Pingback on Apr 3rd, 2008 at 5:01 am

    [...] Coba lihat hasilnya, klik link berikut: Kembali ke atas [...]

  5. 5 Cara Pasang Foto di Posting WordPress 2.5 « Zhambronk & Teknologi Pingback on Jun 14th, 2008 at 5:19 am

    [...] Membuat Link dalam Satu Halaman [...]

  6. 6 Tutorial Blog WordPress Januari 12, 2008 « CEPAT DAN PRAKTIS Pingback on Jun 30th, 2008 at 1:17 am

    [...] Membuat Link dalam Satu Halaman [...]

  7. 7 Membuat Link dalam Satu Halaman : Kolom Blogger Pingback on Jul 3rd, 2008 at 5:26 am

    [...] Coba lihat hasilnya, klik link berikut: Kembali ke atas [...]

  8. 8 cara membuat weblog « Reinharrissianturi’s Weblog Pingback on Jul 4th, 2008 at 12:20 pm

    [...] Membuat Link dalam Satu Halaman [...]

  9. 9 Home « Medicore92’s Pingback on Jul 30th, 2008 at 11:12 am

    [...] Membuat Link dalam Satu Halaman [...]

  10. 10 TUTORIAL PRAKTIS WORDPRESS « حَنِ فُدِ ينِ كب مين Pingback on Agt 10th, 2008 at 3:43 pm

    [...] Membuat Link dalam Satu Halaman [...]

  11. 11 BELAJAR BIKIN Blog yuk !!!! « Kangabik’s Weblog Pingback on Agt 11th, 2008 at 3:20 pm

    [...] Membuat Link dalam Satu Halaman [...]

« Taufik Hidayat dan Spirit Kompetitif
Cara Menghilangkan Navbar Blogger Blogspot »

Leave a Comment


trackback address


  • Blog Stats

    • 827,234 hits

  • Komentar Sampah