Cara Membuat Jump Link di Postingan Blogspot

Discussion in 'Blogger' started by LilihPAP, Jul 8, 2013.

  1. LilihPAP

    LilihPAP Member

    Joined:
    Jun 8, 2013
    Messages:
    183
    Likes Received:
    3
    Trophy Points:
    18
    Google+:
    Biasanya saya menemukan postingan dengan jump link itu di Wikipedia yang memiliki poin-poin yang akan dibahas. Jadi, link-link yang terlampir di dalam postingan akan mengantarkan kita pada paragraf yang dituju.

    Bagaimana cara membuat jump link?
    Prinsip dasar untuk membuat jump link dalam satu halaman adalah kita menandai terlebih dahulu suatu objek, kemudian pada bagian yang lain kita buat link untuk memanggilnya.

    Tutorial blogger untuk kode dasar membuat jump link dalam satu halaman adalah seperti di bawah ini:


    Code:
    [url=#NamaObjek]...[/url] --> link pemanggil objek  
    <div id="NamaObjek"></div> --> objek yang ditandai
    

    contoh:
    misalnya objek yang ditandai adalah
    Apa itu Jump Link?
    Jump artinya meloncat. Link artinya tautan. So, Jump Link bisa diartikan tautan yang meloncat, langsung ke paragraf tertentu di dalam sebuah postingan tanpa harus berpindah halaman.
    Karena tidak berpindah halaman, Jump Link juga tidak memerlukan loading ulang. Sehingga, jenis link ini tidak memberatkan blog.

    Apa untungnya membuat Jump Link?
    Bagi sobat blogger yang senang memposting artikel panjang dengan poin-poin tertentu, Jump Link dapat dijadikan semacam daftar isi. Sehingga, pembaca tidak perlu berpindah-pindah halaman untuk membaca artikel yang telah dipublish.

    Bagaimana cara membuat Jump Link di postingan blog?
    Prinsip dasar untuk membuat jump link dalam satu halaman adalah kita menandai terlebih dahulu suatu objek, kemudian pada bagian yang lain kita buat link untuk memanggilnya.


    link pemanggilnya adalah -- Kembali Ke Atas --

    source
     
    Abu Raksa likes this.
  2. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,655
    Likes Received:
    761
    Trophy Points:
    113
    Google+:
    keren yah, mirip wiki. Nanti

    keren yah, mirip wiki. Nanti di coba ah di blog ane bagaimana cara membuat jump link ini *bagus*
     
  3. LilihPAP

    LilihPAP Member

    Joined:
    Jun 8, 2013
    Messages:
    183
    Likes Received:
    3
    Trophy Points:
    18
    Google+:
    @ncang >> silaken dicoba

    @ncang >> silaken dicoba *keren2*
     
  4. budiw92

    budiw92 Member

    Joined:
    Feb 11, 2013
    Messages:
    725
    Likes Received:
    35
    Trophy Points:
    28
    Google+:
    itu kan berupa text " --

    itu kan berupa text " -- Kembali Ke Atas --"
    kalo berupa gambar gimana ya? *bingung*
     
  5. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,655
    Likes Received:
    761
    Trophy Points:
    113
    Google+:
    belum coba

    belum coba tapi kayaknya bisa pakai img src *ketawa3*
     
  6. LilihPAP

    LilihPAP Member

    Joined:
    Jun 8, 2013
    Messages:
    183
    Likes Received:
    3
    Trophy Points:
    18
    Google+:
    budiw92 wrote:

    Maksud agan gimana? Belum ngeh dengan pertanyaannya...

    Tapi sepenangkapan saya jika --kembali ke atas-- nya memakai gambar gitu?
     
  7. budiw92

    budiw92 Member

    Joined:
    Feb 11, 2013
    Messages:
    725
    Likes Received:
    35
    Trophy Points:
    28
    Google+:
    LilihPAP wrote:

    iya gitu maksudnya,biasanya kan pake gambar arah panah ke atas gitu *ketawa3*
     
  8. LilihPAP

    LilihPAP Member

    Joined:
    Jun 8, 2013
    Messages:
    183
    Likes Received:
    3
    Trophy Points:
    18
    Google+:
    budiw92 wrote:

    Oh, ini bukan tutorial blog untuk kode itu. Yang ini khusus di dalam postingan. Jadi, semisal agan punya artikel panjang, nanti bisa dibuat semacam daftar isi di dalam postingan. Jadi, pembaca blog agan bisa langsung loncat menuju paragraf yang mereka inginkan.

    contohnya >> http://lilihprilian.blogspot.com/2013/06/membuat-jump-link-di-postingan-blog.html
     
  9. nawi667

    nawi667 Member

    Joined:
    Jul 5, 2013
    Messages:
    113
    Likes Received:
    6
    Trophy Points:
    18
    Google+:
    Belum ngeh .....

    Maaf aku belum ngeh betul ...., jadi ya nyimak aja dulu sambil melihat kemungkinan untuk urun rembug *bingung*
     
  10. Ardilas

    Ardilas Super Level

    Joined:
    Feb 18, 2013
    Messages:
    4,243
    Likes Received:
    317
    Trophy Points:
    83
    Google+:
    LilihPAP wrote:

    Secara logika teori yang dikatakan budiw92 menurut saya bisa. Karena cara kerjanya sama tetapi berbeda di objeknya saja. @LilihPAP dengan objek berupa teks namun @budiw92 dengan objek gambar. Silahkan dicoba ja deh.

    LilihPAP contoh loncat di atas kurang kliatan, mgkn krn terlalu dekat antara link dan objek tujuan loncat jadi efek loncatnya tidak terlihat. Objek loncatnya berada di atas tulisan Apa itu Jump Link? kan? :)
     
  11. Abu Raksa

    Abu Raksa New Member

    Joined:
    Feb 28, 2018
    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    1
    Akhirnya sukses diterapkan di
    Menggapai Ketenangan Hati dengan Dzikir Kepada Allah
    Makasih Gan
     
    Last edited by a moderator: Feb 28, 2018
Loading...

Share This Page