Cara Membuat Link URL di Posting Blog agar Bisa Diklik

by Subkhan on August 4, 2010

Di postingan ini akan dibahas bagaimana cara membuat live link pada posting/halaman blog yang bisa langsung diklik. Pada dasarnya untuk segala blog baik WordPress, Blogger, atau blog platform yang lain polanya sama saja. Yaitu mengetik link URL yang dituju dibumbui dengan kode sedikit, lalu diberi judul, terakhir diberi tutup kode. Ini merupakan kode HTML sederhana dan wajib dikuasai oleh setiap blogger. ;-)

Kode yang digunakan sangat sederhana kok, coba perhatikan kode berikut:

<a href="http://alamat-url-disini.com/apa-saja-boleh/" title="apa saja boleh">apa saja boleh</a>
<a href="http://wordpress.org" title="WordPress">WordPress</a>

Untuk link yang pertama, nanti yang bisa dilihat adalah tulisan “apa saja boleh“, yang kedua adalah “WordPress” (tanpa tanda petik). Intinya link tulisan yang akan muncul adalah yang di depan kode </a>. Jangan lupa juga untuk meletakkan tanda petik dengan benar.

Perlu diingat, penulisan kode HTML tersebut wajib ditulis pada postingan blog mode HTML, bukan mode Visual!!

*UPDATE:

Membuat Link URL di Blog yang Bisa Diklik dan Dibuka di New Tab

Update ini atas saran Mr.Kem, SahabatBlogger.com. Terimakasih sudah mengingatkan. :)
Ok, mudah saja membuat link agar bisa dibuka pada tab baru (new tab) browser. Tinggal menambah kode: target=”_blank” pada sela-sela kode HTML tersebut. Lebih lengkapnya coba perhatikan kode berikut:

<a href="http://sahabatblogger.com" target="_blank">SahabatBlogger.com</a>

Nah, apabila kita menulis kode tersebut pada postingan, maka yang muncul adalah “SahabatBlogger.com” dan akan terbuka pada tab baru browser. Sudah jelas? Sangat mudah bukan? Nah, sekarang silakan dipraktekkan membuat link di posting sendiri! Apabila kurang jelas, temui saya di kolom komentar ya? ;-)

Kata kunci untuk menemukan artikel ini:

cara membuat URL, cara membuat link di blog, CARA BUAT URL, membuat url, cara bikin url, buat url, cara memberi link pada blog, cara membuat URL di blog, cara buat link di blog, cara membuat klik disini pada blog

Artikel yang "mungkin" berhubungan:

  1. Word This: Cara Posting Artikel Blog WordPress Lewat Google Chrome
  2. Cara Merubah Permalinks WordPress agar SEO Friendly
  3. Membuat Blog Di WordPress.com
  4. Tips Agar Blog Tidak di Copy/Paste Orang Lain
  5. Tips SEO: Menulis Artikel yang Baik agar SEO Friendly
  6. Cara Menambah Read More pada WordPress
  7. Cara Menulis dan Posting Di WordPress
  8. Langkah Awal Membuat Blog di WordPress Self Hosting
  9. Cara Merubah Read More Menjadi Klik Disini, Selanjutnya, Selengkapnya, dll
  10. Membuat Website Sendiri: Cara Membeli Hosting

{ 58 comments… read them below or add one }

Mr, Kem August 4, 2010 at 2:03 pm

semangat yo mas…bisa ditambahkan cara supaya bisa dibuka di tab baru, bagi yg belum tau pasti bermanfaat

Reply

Beckz Sumitomo August 4, 2010 at 11:56 pm

ups lupa mas, hihihi… oke lah tak tambahi… ;-)
suwun mas! :D

Reply

sempulur August 21, 2010 at 6:12 pm

Wow…Sungguh bermanfaat !
Salam kenal dari komunitas keluarga Miskin.
Semoga Sudi berkunjung ke blog kami untuk menyumbang kesempatan meraih masa depan yang lebih baik dan selaras.
Terima kasih

Reply

Beckz Sumitomo August 23, 2010 at 7:50 pm

terimakasih mas Sem… namun yang punya blog apakah benar-benar miskin ini? :p

Reply

agus August 30, 2010 at 2:52 am

matursuwun sanget mas…..sangat membantu…
wes mau ku coba dulu.

Reply

Ruly Abdillah August 30, 2010 at 5:10 am

cara buat kotaknya gimana ya,

Reply

tony August 30, 2010 at 6:25 pm

mas q Nak baru nih di blogger,blom faham betul gimana caranya buat URL??
thanks yah…!!

Reply

Subkhan August 30, 2010 at 6:33 pm

loh masa itu belum jelas mas? silakan menulis pada mode html mas. :)

Reply

sisy September 23, 2010 at 7:02 am

Makasih admin, ini penting banget …salam kenal

Reply

Subkhan September 23, 2010 at 7:47 am

Salam kenal juga mbak Sisy. :) Sudah bisa kan sekarang? :)

Reply

gin October 5, 2010 at 12:47 pm

salam kenal bos, gini bos ane newbi neh, ane bingung gmn caranya supaya kita punya tab menu yang bisa dropdown gmn caranya ya? trus spy kita bisa ngeling ke tulisan sendiri di blog gmana caranya? (step by stepnya bos..) tolong yeh bos…trims

Reply

Subkhan October 5, 2010 at 3:25 pm

kalau tutorial link, sudah ditulis diatas mas Gin. :) Tinggal dibuat saja linknya di blogmu.

Kalau menu dropdown, bikin aja new page. Terus parent page dipilih salah satu. Kalau parent page: none, berarti ya halaman itu paling atas. Misal parent page about. Lalu bikin new page lagi namanya kontak. Pilih parent page menu about tadi sewaktu membuat menu kontak. :)

Reply

gin October 6, 2010 at 10:13 am

OK Bos ane coba dulu deh…thx yeh

Reply

Subkhan October 8, 2010 at 4:57 am

Sip bro!

Reply

maimunah October 16, 2010 at 4:53 am

gimana caranya bikin gambar yang bisa di klik dan dibuka di new tab

Reply

Subkhan October 18, 2010 at 11:25 pm

tinggal dkasih url gambarnya saja mbak.. kodenya seperti ini:

<a href="http://sahabatblogger.com" target="_blank"><img src="http://url.image.letakkandisini" /></a>

Reply

vivian November 27, 2010 at 11:26 am

masii gaa ngertii niih mas . ..
gmna siih ???

Reply

Subkhan November 29, 2010 at 4:01 am

bagian mananya yang ga ngerti mas?

Reply

Nediar December 1, 2010 at 3:41 am

tur nuwun info api’e

Reply

fauzi rahman January 25, 2011 at 3:44 am

pelan2 sekali tak ikuti panduan ini. alhamdulillah sukses

Reply

fauzi rahman January 25, 2011 at 4:16 am

udah bisa buat link, cuma untuk perintah “open in new tab” tulisan (target=”_blank”>) tadi ditulis sebelum/sesudah (title=”anu”>)
saya sdh ikuti petunjuk sebelem update, alhamdulillah uda bisa bikin link, tp masih di tab yg sama.

Reply

Subkhan January 26, 2011 at 5:18 am

terserah mas dimana. Yang jelas masih antara tanda yang pertama.

Misal:

#a href="http://diwordpress.com" target="_blank" #Tutorial WordPress#/a#
sama saja dengan:
#a target="_blank" href="http://diwordpress.com" #Tutorial WordPress#/a#

ganti tanda # dengan < atau >

Reply

Hery January 31, 2011 at 3:01 am

Makasih sekali lagi,..tulisan mas Subkhan banyak sekali membantu saya yang masih baru dalam dunia blogging.
Saya pakai wordpress,..Bagaimana caranya “meletakkan”, agar judul artikel muncul pada halaman “Artikel”, sedangkan isi artikel terbuka pada tab baru,…? Contohnya seperti ….*ARTIKEL TERAKHIR* Pada tulisan mas Subkhan di side bar Kanan…Thank’s Verry Much

Reply

Subkhan February 3, 2011 at 5:18 am

kok bingung ya pertanyaannya.. he he he… kan setiap blog pada umumnya memang seperti itu mas? sewaktu kita menulis artikel, munculnya kan di kolom artikel? sedangakan untuk ARTIKEL TERAKHIR itu kan ada di menu widget. Banyak pilihannya, misalnya category, recent posts, archives, dll.. Cara memunculkannya tinggal di drag n drop saja mas.

Reply

fauzi rahman February 1, 2011 at 2:20 am

siip… berhasil open new tab

Reply

NiceMommy February 7, 2011 at 4:27 am

Ahayyy.. gotcha… thx a bunch mas!!!

Reply

wanda February 21, 2011 at 10:14 am

mas mw nannya gmn caranya bikin tag.supaya judul yang ada pada tag itu bisa langsung ngeling ke halamna webnya sy sendiri ,bukan ngeling ke halaman web orang lain.aku udah coba kok ngeling ke tag halam web orng lain.misal tag :tip komputer ,setelah diklik itu hasilnya akan muncul ke tag pilihan halaman orang lain.saya ingin yag tag-tag yang saya buat itu itu ngelingnya ke web sy az.bs gak mas
makasi ya
http://batikcirebonan.worpress.com

Reply

Subkhan February 21, 2011 at 10:47 am

@wanda:wah, kalau saya bikin tag ya link-nya ke web saya sendiri mbak. Mungkin itu tag WordPress.com? Jadi memang kebijakan WordPress.com seperti itu. Coba aja bandingkan dengan selfhosted WordPress mbak (WordPress.org)

Reply

Risma Putra February 21, 2011 at 7:39 pm

kalau urlnya rubah jadi gambar bisa ndak ya ?
Kasih tau caranya dong
Maklum pemula, tapi pingin sukses
Tanks

Reply

yudhia juice March 2, 2011 at 6:28 am

Siipppp bro…tutorialny mantep….meluncurrrrrr
Thanx…

Reply

dudunk March 14, 2011 at 1:47 am

izin menyimak y,blognya sangat sesuai dengan apa yang saya pelajari saat ini.trims

Reply

nuhi prayogo March 24, 2011 at 3:21 am

Assalamu’alaikum, pak udah saya coba saran bapk untuk membuat link dengan data saya sendiri tapi tidak bisa, kenapa ya pak, sya buat link daftar nilai tapi pas di klik tidak muncul paka, kalau bapak mengijinkan tolong caranya kirim ke email saya pak ke nuhiprg@yahoo.co.id terima kasih ya pak sebelumnya

Reply

Subkhan March 24, 2011 at 4:43 am

Walaikumsalam. Apa sudah dilakukan semua cara diatas?
Biasanya kalau tidak muncul, nanti bakal muncul kode2nya, nah kalau ini masalahnya, coba saja cek apa sudah menulisnya pada mode pengeditan teks HTML mas. :)

Reply

ramdani5758 April 10, 2011 at 1:34 am

kalo gambar melayang membuka tab baru jika di klik gimana sob? mohon bantuannya

Reply

Subkhan April 14, 2011 at 11:55 am

gambar melayang gimana maksudnya mas?

Kalau dibuka di tab baru, silakan disisipkan tag:

target="_blank" di belakang <a

Reply

Theo April 10, 2011 at 2:27 am

Bang, kalo link ini SahabatBlogger.com langsung di taruh di postingan ya ?

Reply

Subkhan April 14, 2011 at 11:54 am

Iya mas. :)

Reply

sepri mayenti April 16, 2011 at 2:48 pm

Assalamualaikum mas…
Saya sangat baru dalam dunia Bloging ini…
Waktu saya mencoba Untuk membuat Link ke postingan, walau udah mengikuti petunjuk2 yang saya liat dari Blog mas initapi saya tetap tak bisa.
Bisakah mas mencontohkan gimana caranya….?
Misalnya judul postingannya HARI MINGGU.Gmn cara buat linknya…

Reply

Subkhan April 20, 2011 at 10:12 am

alaikumsalam,… waduh, masa ndak bisa mas/mbak? (padahal menurut sy dah jelas bgt loh). Ok coba saja block tulisan HARI MINGGU, kemudian klik tombol add link diatas kotak penulisan, biasanya bertanda seperti angka 8 tapi miring.

Reply

Artikel Motivasi April 19, 2011 at 11:22 pm

Mas klo mau bikin agar tiap pastingan (Read More) tiap di klik langsung terbuka di new tab gmna ya untuk blogspot?
tolong kirim lwt comment blog ku mas. Thanks sebelumnya.

Reply

Subkhan April 20, 2011 at 10:14 am

wah, kalo itu aku juga belum ngerti mas… ini saya coba juga ndak bisa2… mungkin perlu nanya yg lebih expert dari saya.. nanti kalau sudah ketemu caranya bakal saya tunjukkan..

Reply

yosapat April 25, 2011 at 4:09 pm

MAS BOLEH NGAK SAYA MITNA BIKININ LINKURL DENGAN KATA YOSAPAT PELASE

Reply

Subkhan April 30, 2011 at 4:04 am

wah masa sudah gede minta dibikinin sih mas? he he he… itu kan ada tutorialnya super jelas.

Reply

sari May 2, 2011 at 2:54 am

permisi..
mau nanya klu supaya postingan kita tidak nampil gmn ya?
terus pada halaman home,contact dll untuk menambahkan file/catatan gmn?
mksh
:)

Reply

Subkhan May 3, 2011 at 11:49 am

wah, maksudnya tidak nampil gmn ini mbak? kan didelete aja bisa?
buat nambahin contact dll, silakan add new page saja. :)

Reply

sari May 4, 2011 at 7:59 am

klu saya posting gambar..
untuk sekali posting 5 gambar, yang kedua 5 gambar sya mau ketika dibuka blog gambar nya tidak langsung nampil,,,
tetapi setelah dikli baru tampil.

trus yang home, ketika diklik home lagsung nmpil tulisan gitu mas..
kaya punya mas diatas kan ada pilihan ketika kursor diarah kan pada halaman home,,,

makasih sebelumnya..
sya baru newbie..
:)

Reply

maswardi May 8, 2011 at 6:49 am

kok masih gak muncul linknya sob…

Reply

Subkhan May 15, 2011 at 10:28 am

Bisa diulangi lagi mas prakteknya? Coba saja copy paste yg diatas di blog Anda, :)

Reply

Naskah May 8, 2011 at 6:07 pm

thks…atas infomnya….maklum newbie…heheheh

Reply

ghie May 11, 2011 at 1:07 pm

thanks mas atas infonya :)

Reply

widjar May 12, 2011 at 7:07 am

saya baru brp hari bikin blog di wordpress lg belajar melalui blog ini,makasih tutorialnya membantu sekali

Reply

Subkhan May 15, 2011 at 10:31 am

Sip mas! Be the next WordPress idol ;)

Reply

TwoCurious May 29, 2011 at 7:38 am

Wah… Makasih banyak info nya gan… Saya ingin nanya sedikit soal gadget hot topics yang disediakan blogger.. Saya tambahkan dan memang tampil topic topic yang paling banyak dilihat. Tetapi saat di klik terbuka 1 tab yang mengarahkan ke site lain yg memunculkan iklan.. Kira kira hilangin nya gimana ya gan.?

Reply

atiza2008 June 11, 2011 at 2:12 am

salam kenal, terima kasih gan infonya sgt membantu…grow up gan…

Reply

Kedy June 15, 2011 at 5:09 am

Terima kasih gan atas informasi nya.
Ini berguna banget buat saya yang baru belajar ngeblog !

Reply

Ariesparker June 17, 2011 at 9:40 am

Makasih atas infonya gan..

Reply

venusv3 June 26, 2011 at 1:01 am

Wah infonya sangat bermanfaat .. terimakasih :)
share ke blog saya yuk

Reply

kekyone July 14, 2011 at 6:33 am

Trims bangat, apakah cara ini bisa saya terapkan dalam blog agar kalau di klik menuju alamat facebook/alamat foto yang ada dalam FB ?

Reply

Leave a Comment

{ 10 trackbacks }