Membuat Blogroll / Daftar Link Terbuka di Tab Baru

Cara membuat Blogroll atau Daftar Link terbuka di tab baru. Untuk menambahkan link url kita atau pun link sahabar di widget, biasanya kita menggunakan daftar link. Ketika Anda menambahkan daftar link / blogroll pada sidebar atau footer, maka secara default link akan terbuka pada window yang sama, kemudian blog kita akan tertutup.

Ada keuntungan dan kerugian menggunakan daftar link yang apabila di klik terbuka di window yang sama. Keuntungannya ketika pengunjung ingin kembali, harus klik mundur (back). Menurut sebagian master blogger, hal ini akan menambah page view web kita. Sedangkan kerugiannya, web/blog kita akan tertutup, masih mending kalau mereka kembali.

Tutorial ini juga merupakan jawaban dari pertanyaan sahabat "Bagaimana supaya teks link yang ada di side bar terbuka di jendela baru?"

Bagi rekan-rekan yang ingin daftar link / blogroll terbuka di tab baru, silahkan kunjungi dulu demo dan lihat sidebar dengan judul Blogroll. Klik DISINI (jangan lupa untuk kembali ke tutorial ini).

Pada demo yang telah Anda lihat tadi saya menggunakan judul Blogroll. Lihat gambar!

blogroll

Untuk merubah Link pada Blogroll supaya terbuka di tab baru, silahkan ikuti tutorialnya.

Cara Membuat Blogroll Terbuka di Tab Baru

1. Login ke Blogger
2. Klik Template > Edit HTML
3. Centang Expand Template Widget
4. Cari judul yang Anda buat, cotoh saya cari Blogroll (gunakan Ctrl+F untuk memudahkan)
5. Akan tampil seperti pada gambar dibawah (perhatikan kode yang dilingkari merah)

blogroll


6. Tambahkan kode target='_blank' atau target='new', maka hasilnya menjadi
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
7. Simpan Template

Untuk lebih jauh mengetahu tentang perbedaan target="_blank" dan target="new" silahkan kunjungi tutorial tentang Perbedaan antara target="_blank" dan target="new"
Berita Lebih Baru Berita Lebih Lama
  • Klick Arie
    Profil: http://klickarie.blogspot.com
    25 Juni, 2012

    kalo buat link di postingan sama ya gan cara nya,,,,
    atau bisa pake cara manual( edit penulisan link "a href" waktu nulis phosting)
    klo di tempat q semua link di page terbuka di new tab,,, :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Juni, 2012

      Kalau postingan beda lagi sob... pake cara manual atau menggunakan fasilitas dari blogger.
      Kalau saya sih kasian visitor, kalau semua link terbuka di tab baru... :) apalagi untuk internal link, harus pilih2 sob..

    • Klick Arie
      Profil:http://klickarie.blogspot.com
      26 Juni, 2012

      hahahahaa... ea betul betul..jangan kan pengunjung saiya sendiri ae kadang jengkel,,,tab browser ku penuh oleh semua page di blog q,,,, qqqqq,,,
      coba praktekin yang ini gan,,,,,
      thank's share nya.......

  • Unknown
    Profil: https://www.blogger.com/profile/17968898638199549206
    25 Juni, 2012

    Ini dia yang ane cari selama ini. Langsung aja ane coba di blog ane. Makasih kang sharingnya :)

  • Iklan Internet Murah Efektif
    Profil: http://wafariq.blogspot.com/2012/06/iklan-internet-murah-efektif.html
    25 Juni, 2012

    Kang saya mau nanya, tapi maaf OOT
    Boleh nggak minta template iklan-baris-gratis.com ??
    Saya jadi naksir nih :D
    Soalnya nama pengirim iklannya berbeda-beda (iklan gratis nya)
    Kalo template iklan baris yg kang ismet bagikan dulu, nama pengirimnya tetap admin blog tersebut, dan form iklan baris nya menggunakan jasa apa?
    Kalo emailmeform ada muncul dibawah artikel, kalo jotform susah bikinnya :(
    Kasi solusi donk kang n bagi donk templatenya :D
    Makasih ^_^

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Juni, 2012

      Kalau itu bukan blogspot sob.. pake PHP dan harus punya domain dan hosting sendiri.. bisa juga sih di hosting gratis seperti idhostinger.. kalau mau, via email aja ke [email protected]

    • Iklan Internet Murah Efektif
      Profil:http://wafariq.blogspot.com/2012/06/iklan-internet-murah-efektif.html
      25 Juni, 2012

      saya mau kang, kirim via [email protected] bisa ???
      saya tunggu konfirmai selanjutnya :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Juni, 2012

      saya sudah reply yang di gmail sob..

  • mas.hendz
    Profil: https://www.blogger.com/profile/08079333928079866896
    25 Juni, 2012

    Kang Ismet...matur nuhun tutorialnya...
    langsung saya praktekkan dan berhasil...horreee...

    sukses selalu Kang

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Juni, 2012

      okey... congratz sob :)

  • secangkir teh dan sekerat roti
    Profil: http://kakve-santi.blogspot.com
    25 Juni, 2012

    saya jgau sedang ganti template supaya bisa yang demikian.. :)

  • Budak Maja
    Profil: http://budak-maja.blogspot.com/
    25 Juni, 2012

    kang saya mau konsultasi nih, blog saya bermasalah.
    sudah beberapa hari ini, saya tidak bisa upload gambar di postingan, kenapa ya kang?

    sebelumnya bisa, mohon bantuannya kang.
    ni blog saya kang silakan dilihat
    http://budak-maja.blogspot.com/

    makasih kang

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      26 Juni, 2012

      Kalau liat dari luar sih susah ya sob... harus login

  • Prediksi Skor Semifinal Piala Eropa 2012 Spanyol vs Portugal
    Profil: http://sportnbola.blogspot.com/2012/06/prediksi-skor-semifinal-piala-eropa.html
    26 Juni, 2012

    Keren nih tutorialnya. bisa bantu ane yang baru bikin blog

    Sory ya gan kalo blog ane masih jelek dan belum ada yang ngunjungin :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      26 Juni, 2012

      Keren blognya... tapi sekdar masukan.. bola secara umum aja... nanti abis piala eropanya, ga ada kunjungan lagi deh :)

  • Miftah Farid
    Profil: http://www.miftahfarid.com/
    26 Juni, 2012

    Maaf keluar jalur neh ^_^
    pengen nanya om :
    1. Kalau ngebuat halaman tuker link dalam bentuk postingan, cara agar ngeubah jadi open new tab semua linknya gmn /
    2. cara mengubah semua link out dalam blog jadi open new tab gimana om ?


    Terimakasih

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      26 Juni, 2012

      Coba kunjungi Cara supaya link terbuka di tab baru

    • Fahmi Athailla
      Profil:https://www.blogger.com/profile/06751958408119428110
      29 Juni, 2012

      bukannya pake anchor text a href='#' target='_blank' ?

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      07 Juli, 2012

      iya emang kayak gitu sob..

  • Fahmi Athailla
    Profil: https://www.blogger.com/profile/06751958408119428110
    29 Juni, 2012

    Mantep lah kang, tutorial dasar mengenai CSS.

  • Anonim
    Profil:
    15 September, 2012

    sudah di terapkan kang :)

    oiya kang mau nanya dikit ni,

    kotak search blog saya kenapa gk bisa di klik buat nge-search ya, tp klo di tekan enter bisa kang.? #maklum saya msh baru jd blum trlalu ngerti.

    dan apa lg yg kurang di blog saya.? :)

    bales ke email aja ya kang
    [email protected]
    di tunggu kang :)

  • M Rizal
    Profil: https://www.blogger.com/profile/13732098294597673662
    08 November, 2012

    Makasih Buat Komentarnya.. :D

  • myokan
    Profil: http://ayosekola.blogspot.com/
    19 November, 2012

    resep manjur.. thanks

  • Ari Artana
    Profil: http://klick-sanasini.blogspot.com
    25 November, 2012

    ini dy cara yang cocok buat blog baru qu,,thanks ya gan

  • ardas
    Profil: http://basecampari.blogspot.com
    25 November, 2012

    bagus,,thnks

  • agus
    Profil: http://ar99good.blogspot.com/
    25 November, 2012

    good info,,thanks

  • Catatan Manga | Read Manga Online
    Profil: http://manga-fever.blogspot.com/2012/12/mau-bikin-website-hosting-murah-abizz.html
    26 Desember, 2012

    Mungkin bisa di coba :D

  • YNaLove
    Profil: http://ynalove.blogspot.com/
    26 Desember, 2012

    makasih kang ismet :D

  • Obat Kembali Gadis
    Profil: http://www.saesalera.com/product/view/23/empot-empot
    03 Januari, 2013

    Terima kasih anda telah memberikan kesempatan untuk berkomentar. Artikel anda sangat bagus. Semoga bermanfaat untuk semua

  • arya
    Profil: http://www.tokocincinkawin.com
    09 Januari, 2013

    makasi kang

  • Unknown
    Profil: https://www.blogger.com/profile/15587905173616018196
    19 Maret, 2013

    visit and follow back yaa yaa kang
    beayyas.blogspot.com

  • nomsyifal
    Profil: https://www.blogger.com/profile/04956958273226866662
    03 April, 2013

    yii haaa bisa juga jadinya :D

    makasih kang :D

  • Anonim
    Profil:
    19 April, 2013

    makasih yah akang, susah banget cari tutorial ini, akhirnya ketemu juga!!

  • Unknown
    Profil: https://www.blogger.com/profile/03936572235184834453
    23 Agustus, 2013

    Trims banget infonya, sangat bermanfaat :)

  • Danu Wicaksono
    Profil: https://www.blogger.com/profile/00904467611290879792
    28 Januari, 2014

    thanks banget Kang Ismet...infonya sangat membantu

  • Unknown
    Profil: https://www.blogger.com/profile/14590917541871310217
    03 Februari, 2014

    makasih kang Ismet ilmunya

  • Erna Ayuning Nareswari
    Profil: https://www.blogger.com/profile/14381980612049896295
    05 April, 2014

    oh kek gni caranya..
    baru tau..
    ty infonya bray...♥
    visit back..
    http://ashprincesskawaii.blogspot.com

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
37 Komentar