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 memberi link pada blog, cara bikin url, buat url, cara membuat URL di blog, cara buat link di blog, cara membuat klik disini pada blogArtikel yang "mungkin" berhubungan:
- Word This: Cara Posting Artikel Blog WordPress Lewat Google Chrome
- Cara Menambah Read More pada WordPress
- Cara Merubah Permalinks WordPress agar SEO Friendly
- Membuat Blog Di WordPress.com
- Tips Agar Blog Tidak di Copy/Paste Orang Lain
- Tips SEO: Menulis Artikel yang Baik agar SEO Friendly
- Cara Menulis dan Posting Di WordPress
- Langkah Awal Membuat Blog di WordPress Self Hosting
- Cara Merubah Read More Menjadi Klik Disini, Selanjutnya, Selengkapnya, dll
- Membuat Website Sendiri: Cara Membeli Hosting


{ 58 comments… read them below or add one }
semangat yo mas…bisa ditambahkan cara supaya bisa dibuka di tab baru, bagi yg belum tau pasti bermanfaat
ups lupa mas, hihihi… oke lah tak tambahi…
suwun mas!
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
terimakasih mas Sem… namun yang punya blog apakah benar-benar miskin ini? :p
matursuwun sanget mas…..sangat membantu…
wes mau ku coba dulu.
cara buat kotaknya gimana ya,
mas q Nak baru nih di blogger,blom faham betul gimana caranya buat URL??
thanks yah…!!
loh masa itu belum jelas mas? silakan menulis pada mode html mas.
Makasih admin, ini penting banget …salam kenal
Salam kenal juga mbak Sisy.
Sudah bisa kan sekarang?
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
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.
OK Bos ane coba dulu deh…thx yeh
Sip bro!
gimana caranya bikin gambar yang bisa di klik dan dibuka di new tab
tinggal dkasih url gambarnya saja mbak.. kodenya seperti ini:
masii gaa ngertii niih mas . ..
gmna siih ???
bagian mananya yang ga ngerti mas?
tur nuwun info api’e
pelan2 sekali tak ikuti panduan ini. alhamdulillah sukses
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.
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 >
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
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.
siip… berhasil open new tab
Ahayyy.. gotcha… thx a bunch mas!!!
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
@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)
kalau urlnya rubah jadi gambar bisa ndak ya ?
Kasih tau caranya dong
Maklum pemula, tapi pingin sukses
Tanks
Siipppp bro…tutorialny mantep….meluncurrrrrr
Thanx…
izin menyimak y,blognya sangat sesuai dengan apa yang saya pelajari saat ini.trims
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
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.
kalo gambar melayang membuka tab baru jika di klik gimana sob? mohon bantuannya
gambar melayang gimana maksudnya mas?
Kalau dibuka di tab baru, silakan disisipkan tag:
target="_blank"di belakang<aBang, kalo link ini SahabatBlogger.com langsung di taruh di postingan ya ?
Iya mas.
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…
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.
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.
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..
MAS BOLEH NGAK SAYA MITNA BIKININ LINKURL DENGAN KATA YOSAPAT PELASE
wah masa sudah gede minta dibikinin sih mas? he he he… itu kan ada tutorialnya super jelas.
permisi..
mau nanya klu supaya postingan kita tidak nampil gmn ya?
terus pada halaman home,contact dll untuk menambahkan file/catatan gmn?
mksh
wah, maksudnya tidak nampil gmn ini mbak? kan didelete aja bisa?
buat nambahin contact dll, silakan add new page saja.
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..
kok masih gak muncul linknya sob…
Bisa diulangi lagi mas prakteknya? Coba saja copy paste yg diatas di blog Anda,
thks…atas infomnya….maklum newbie…heheheh
thanks mas atas infonya
saya baru brp hari bikin blog di wordpress lg belajar melalui blog ini,makasih tutorialnya membantu sekali
Sip mas! Be the next WordPress idol
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.?
salam kenal, terima kasih gan infonya sgt membantu…grow up gan…
Terima kasih gan atas informasi nya.
Ini berguna banget buat saya yang baru belajar ngeblog !
Makasih atas infonya gan..
Wah infonya sangat bermanfaat .. terimakasih
share ke blog saya yuk
Trims bangat, apakah cara ini bisa saya terapkan dalam blog agar kalau di klik menuju alamat facebook/alamat foto yang ada dalam FB ?
{ 10 trackbacks }