Membuat Link dalam Satu Halaman

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


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 mempermudah 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

Lihat contohnya di sini.

Penting: Apabila gagal setelah mengikuti tutorial di atas dengan benar, maka permasalahannya biasanya ada pada TANDA KUTIP. Ganti tanda kutip ["] atau quote/unquote dan ganti dg tanda kutip yang baru.

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 lihat 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

119 Replies

  1. rohman

    21 Agustus 2008 at 3:10 pm

    mas tolong, gimana cara blog yang bagus. thank you.

    Balas
  2. bupunsu

    4 September 2008 at 6:04 am

    Hebat…n terima kasih banyak atas semua informasi dan pelajarannya. terus terang saya masih pemula untuk mengenai blog …untungnya ada blog mas Fatih ini yang bisa dijadikan pedoman…

    Jangan lupa kunjungi juga ya… http://www.bupunsu.com

    Balas
  3. wanamarta

    8 Oktober 2008 at 8:27 am

    hebat..terima kasih banyak untuk pelajarannya..

    numpang lewat http://www.rumahjual.com

    Balas
  4. elaqutez

    28 Oktober 2008 at 5:33 am

    Thank’s banget nie atas bantuannya…

    Gak bingung lagi deh untuk urusan halaman.

    Bagi-bagi pengetahuan yang lainnya ya… :)

    Balas
  5. muhammad komar

    29 Oktober 2008 at 2:29 pm

    ku masih bingung…
    dah ku coba berulang kali tetap tdk bisa..
    tolong yang lebih detail nya,,,,,

    Balas
  6. Rizal

    7 Nopember 2008 at 8:44 am

    Bagus Banget Tutorialnya. . .

    Merasa terbantu dalam pengaturan Blog ni. . .

    ^^

    makasi…

    Balas
  7. matador

    8 Nopember 2008 at 12:59 pm

    mas ajari saya mendisplay blog saya di intrnt, trims

    Balas
  8. slametawenyastra

    12 Nopember 2008 at 10:54 am

    Mas, artikel2 Sampeyan sangat membantu para pemula seperti aku. Sayang, baru sedikit sekali dari sekian banyak artikel Anda terutama yg bertema panduan aku pelajari. Smg panjang umur dan makin kreatif dan iklas membagi ilmu.

    Balas
  9. bukhory

    23 Nopember 2008 at 1:41 am

    Sep boleh juga di jadikan reference

    Balas
  10. R.Anand

    23 Nopember 2008 at 2:26 pm

    Hi friend.. Nice blog With lots of information…!
    Pls visit my blog to have ideas about FOREX
    Here it is –> http://foreign-exchange-ideas.blogspot.com
    Hopping for your visit .. thank u in advance :-)

    Balas
  12. coki

    11 Desember 2008 at 9:30 am

    wah ini sanagt bagus dan sangat mmbantu

    thanks mas,sekali² beri koment di blog saya yah :)

    http://jagouangsakti.blogspot.com

    Balas
  13. andi

    13 Desember 2008 at 8:37 pm

    klu buat susunan arsip seperti yang diatas untuk blogspot gimana mas?

    Balas
  14. agung

    18 Desember 2008 at 1:15 pm

    wah bagus baus contentnya ya…

    Gimana sih caranya agar blog kita rame pengunjung?
    Apakah harus pake addword di google?
    Atau seo ?
    Sejujurnya saya sendiri gak mudeng apa itu seo

    http://hidup-bijak.blogspot.com/

    Balas
  15. sadam

    28 Desember 2008 at 5:29 pm

    mas gimana sih cara buat blogger biar baguss tolong dong

    Balas
  17. Planet Bisnis Online

    9 Februari 2009 at 9:42 pm

    Mau belajar bisnis???
    klik link ini untuk lebih lanjut.

    Balas
  19. sekmen batola

    28 Februari 2009 at 8:03 pm

    Tadinya saya menganggap artikel ini kurang menarik, tapi begitu saya memerlukan, baru merasakan pentingnya, trims.

    Balas
  20. trik bisnis internet

    4 Maret 2009 at 6:15 am

    kalo boleh, saya share di sini mas…
    saya punya trik promosi yang unik tapi terbukti menghasilkan.
    Pake sistem linking… rumusnya t=v1+v2.
    Alhamdulillah dalam sehari bisa 40-50 viewer…
    silahkan mencoba

    Balas
  21. jamblangmuda

    9 Maret 2009 at 4:49 pm

    ajarin gw buat bloggg…

    Balas
  22. ayeart

    12 Maret 2009 at 5:07 pm

    keren banget… seip aBisz ne
    makasi y,,,,atas Tutorialnya?
    he..he..he..
    moga2 dpet pengalaman baru ne,,,”

    Balas
  23. Wahyu Cimon.Ce

    22 Maret 2009 at 8:25 pm

    kurang jelas aku
    pakai cara yang lebih lengkap dong.
    kayak pertama kali kudu masuk ke apa apa getu..
    dari awal log in mpe ke pokok persoalan
    maaf ^^
    soalnya masih amatiran nih

    Balas
  24. Qandyas

    1 April 2009 at 11:05 am

    Mas, terima kasih atas ilmunya..banyak pelajarannya.Semoga diberi keikhlasan.

    Balas
  25. Taufik Hidayat

    22 April 2009 at 10:48 am

    langsung dicoba..tengkyu, blognya interaktif banget..
    mohon koreksinya untuk blog gue di http://www.listrikmekanik2009.wordpress.com

    Balas
  26. dika

    27 April 2009 at 7:14 pm

    wah keren mas blognya……salam kenal….

    http://taramitraherbal.blogspot.com/

    Balas
  27. Joni

    14 Mei 2009 at 6:46 am

    Saya sudah mencoba tutorial ini, dan sukses. Thanks atas ilmunya

    Balas
  28. Mei

    17 Mei 2009 at 10:13 am

    Afatih, gimana cara promosiin blog ?

    Balas
  29. Abdul Cholik

    18 Mei 2009 at 7:21 pm

    -atikel ini baru bagi saya dan akan saya coba
    -thanks mas.

    Balas
  30. Eka Mai Atmaja

    8 Juni 2009 at 2:28 am

    Mas saya sudah coba buat anchorname sprti mas buat. Tp ancurnamanya, jd saya batalin wkt ngedit. Apasih ksalahannya.
    Mas gmn caranya buat posting yg judulnya klw d klik maka posting trsbut bisa muncul smua?

    Balas
  31. Ian Bood

    2 Juli 2009 at 1:10 pm

    wah, trims atas infonya….

    Balas
  1. 1 Membuat Link « Webnya Cah Morangan Ping balik 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 Ping balik on Mar 4th, 2008 at 9:54 am

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

  3. 3 test « bisikan nurani Ping balik 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 Ping balik 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 Ping balik on Jun 14th, 2008 at 5:19 am

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

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

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

  7. 7 Membuat Link dalam Satu Halaman : Kolom Blogger Ping balik 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 Ping balik on Jul 4th, 2008 at 12:20 pm

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

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

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

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

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

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

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

  12. 12 Cara Buat Weblog Untuk Anda « Rajalagu’s Weblog Ping balik on Agu 28th, 2008 at 6:10 am

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

  13. 13 cara membuat blog « Kuwuindah’s Weblog Ping balik on Agu 28th, 2008 at 7:35 am

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

  14. 14 Refleksi dan Tutorial Blog; Wordpress & Blogspot « Dhiez’s Weblog Ping balik on Sep 11th, 2008 at 10:37 am

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

  15. 15 Cara Daftar Buat Blog di Blogger Baru « Refleksi dan Blog Tutorial Ping balik on Sep 24th, 2008 at 11:41 pm

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

  16. 16 Cara Membuat Blog di Wordpress « ABDUL RAIDIN Ping balik on Nop 12th, 2008 at 1:50 pm

    [...] Membuat link dalam 1 halaman [...]

  17. 17 B2OTD or Not, Nge-Blog Yuk.. « My ParaDIsE Ping balik on Nop 13th, 2008 at 4:58 pm

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

  18. 18 Tutorial Wordpress dan Blog « MediaMieda Ping balik on Nop 14th, 2008 at 7:28 am

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

  19. 19 BLOG ANAK PANTAI | Tutorial Blog Ping balik on Nop 22nd, 2008 at 12:10 pm

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

  20. 20 Tutorial WordPress.com « Mtopan’s Blog Ping balik on Des 31st, 2008 at 5:16 am

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

  21. 21 membuat link « Madewardika’s Blog Ping balik on Jan 7th, 2009 at 1:57 am

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

  22. 22 Kembali ke atas « Mahapatih01jimi’s Blog Ping balik on Feb 24th, 2009 at 9:23 am

    [...] 232425262728 [...]

  23. 23 perkenalan « K4m4li’s Blog Ping balik on Mar 16th, 2009 at 8:05 pm

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

  24. 24 Tutorial Blog « gooooooo…! Ping balik on Mar 25th, 2009 at 12:33 pm

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

  25. 25 cara membuat blog di wordpress.com « Rawnaku’s Blog Ping balik on Mar 27th, 2009 at 4:47 pm

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

  26. 26 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog Ping balik on Apr 6th, 2009 at 10:22 am

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

  27. 27 Membuat Link dalam Satu Halaman « Belajar bikin Blog dengan mudah Ping balik on Apr 26th, 2009 at 7:39 am

    [...] Sumber : http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/ [...]

  28. 28 dfdf « Dani’s Blog Ping balik on Apr 27th, 2009 at 5:44 pm

    [...] dfdf Kembali ke atas sssssss [...]

  29. 29 Kumpulan Tutorial Wordpress « allinone802.wordpress.com Ping balik on Mei 2nd, 2009 at 2:29 pm

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

  30. 30 Membuat Blog di WordPress Com « Raqillaeshan’s Blog Ping balik on Mei 5th, 2009 at 2:45 pm

    [...] Anda coba-coba sendiri. 2. Buat link name yg diarahkan ke anchor link tersebut, begini kodenya: Kembali ke atas Kode no.2 akan berbentuk link yg kalau diklik akan mengarah ke anchor name yg kita tentukan. Dalam [...]

  31. 31 Membuat Link dalam Satu Halaman « Celebesmdc’s Blog Ping balik on Mei 6th, 2009 at 3:46 am

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

  32. 32 Tutorial Blog « Virtual First Ping balik on Mei 6th, 2009 at 4:29 pm

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

  33. 33 Ar1es G!rlS » Blog Archive » Tutorial Blog WordPress Ping balik on Mei 9th, 2009 at 3:09 pm

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

  34. 34 Cara Membuat Blog di WordPress « Abuwa2009.com Ping balik on Mei 10th, 2009 at 10:01 pm

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

  35. 35 Tutorial WordPress « Petrusambarita’s Blog Ping balik on Mei 15th, 2009 at 10:09 pm

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

  36. 36 TUTORIAL WORDPRESS « Gereggiseptino91’s Weblog Ping balik on Mei 16th, 2009 at 9:35 am

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

  37. 37 Cara Membuat Link dalam Satu Halaman « My Blog Ping balik on Jun 1st, 2009 at 7:07 pm

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

  38. 38 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya- Ping balik on Jun 3rd, 2009 at 9:07 am

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


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

Leave a Comment


trackback address