Membuat Sebuah Link Mengarah Ke Lebih 2 URL

Hello sobat blogger, Apa kabar kalian ? Semoga selalu sehat wal'afiat ya sobat dan tentunya puasanya berjalan dengan lancar serta amal dan ibadah yang kita kerjakan di bulan ini di terima Allah SWT, amin.

Sobat tentu tahu tentang apa itu link bukan ? link merupakan suatu teknik yang dimana berisikan arahan kepada pengunjung ke suatu lokasi. Penggunaan link mungkin suatu hal yang tidak asing lagi di dunia blogging. Link biasanya haya mengarah ke satu arah yang dapat di buka di halaman yang saya atau pun di buka pada tab baru di browser kita.

Postingan ini bermula dari permintan sobat pemilik blog ngalor ngidul yang merequest sebuah tutorial yang dimana pada postingan kita tersisipkan sebuah link namun link tersebut mengarah ke dua atau lebih alamat. Berikut permintaannya di komentar blog saya pada postingan Show Hide Chatbox Efek Jquery di Sidebar Blog :

Gan..
Ane pengen request postingan neh..
Ane minta dibikinin postingan 1 link dengan 2 tujuan..
tapi link yang terbuka ditab/window baru cuma link yang ke 2 aja..
sedangkan link yang pertama tetap dihalaman yang sama..
bisa gak gan??

Ok sob, saya akan posting janji saya, dan tentunya posni sesuai dengan permintaan sobat silahkan ikuti langkah dibawah ini tentang bagaimana membuat sebuah link mengarah ke dua atau lebih alamat :

Klik Untuk lihat Demo -> Link Ini Muncul 2 Link Berbeda


Untuk Postingan
Maksud untuk postingan disini adalah tutor membuat link mengarah ke banyak tujuan dapat di tulis di postingan blog kita dengan cara menggunakan kode di bawah ini pada format EDIT HTML di edit postingan kita :

<a onclick="window.open('http://khamardos.blogspot.com');window.open('http://berbagi-ilmuseo.blogspot.com')" href="javascript:void(0)">Klik Link Ini</a>

Note :         : Ganti dengan Url yang akan dituju
                  : Ganti Anchor Teks tersebutdengan Anchor teks yang sobat inginkan


Tidak Untuk Postingan
Jika Turial sebelum untuk postingan, maka berikutnya adalah tidak untuk postingan, artinya karena menggunakan script javascript sehingga penggunaannya hanya bisa di EDIT HTML design, di widget HTML/JAVASCRIPT dll :

<script type="text/javascript">
function open_win() {
window.open("http://www.khamardos.blogspot.com/");
window.open("http://www.berbagi-ilmuseo.blogspot.com/");
window.open("http://www.facebook.com/khamardos");
}
</script>

<a href="javascript: void(0)" onclick="open_win()">Klik URL Ini</a>

Note :         : Ganti dengan Url yang akan dituju
                  : Ganti Anchor Teks tersebutdengan Anchor teks yang sobat inginkan
               

Tambahan Jika sebuah link diarahkan ke beberapa banyak tab (link) dengan alamat URL yang sama, sebagai contoh link ini akan muncul sebanyak 4 url link ke Khamardos Blog:

<script type="text/javascript">
function open_win() {var i;for(i=0;i<4;i++) window.open("http://khamardos.blogspot.com/");}
</script>

<a href="javascript: void(0)" onclick="open_win()">Klik URL Ini</a>

Note :         : Ganti dengan Url yang akan dituju
                  : Ganti Anchor Teks tersebutdengan Anchor teks yang sobat inginkan
                  : Ganti dengan seberapa banyak Link tersebut muncul di tab baru


Selamat berkreasi sobat, semoga artikel ini bermanfaat.  Gunakan sebijak mungkin tutor ini ya sobat.

.:: HAPPY BLOGGING SOBAT ::.

Bagikan Jika Artikel ini menarik, Diharapkan agar memberikannya kepada teman2 anda di Facebook

Artikel Lainnya :

Tutorial Blog

• Menampilkan / Menyembunyikan Sidebar Blog
• Show Hide Chatbox Efek Jquery di Sidebar Blog
• Memasang Simple Menu Navigasi Horizontal
• Memasang Floating Share Button
• Tag H1 Untuk Judul Postingan dan Judul Blog
• Memasang Hidden Chatbox With Jquery Di Sidebar
• Memasang Hidden Chatbox Pada Sidebar Blog
• Memasang Sticky Tooltips Di Blogspot
• Tampilan Halaman Label Hanya Judul Postingan
• Tutorial Membuat S3slider Images Show
• Memasang Tombol Google +1 di Blogspot
• Membuat Recent Post With Thumbnails
• Membuat Intro Page Pada Blogspot
• Membuat Tab View Pada Blogspot
• Kode Warna HTML
• Combine Show Hide Sidebar with Tooltips
• Navigasi Breadcrumb Pada Postingan Blog
• Membuat Tooltips Pada Sebuah Objek
• Membuat Menu Navigasi Dengan Tooltips
• Membuat Page Peel Effect Pada Blogger
• Related Post With Scrool Function
• Pesan Kamu Di Atas "Poskan Komentar's Box"
• Membuat Form Komentar Admin
• Membuat Rate Widget Pada Blog

Tip n Trik

• Menampilkan Akun Google Plus Di SERP Google
• Tips Mempersingkat Alamat URL Akun Google Plus
• Hubungkan Google Plus dengan Facebook | Twitter
• Menghubungkan Google Plus ke FB dan Twitter
• Twitteran Di Dashboard Akun Google Plus
• Cara Download Semua Album Foto di Facebook
• Tips Cara Mendapatkan Sitelink Google
• Show Hide Chatbox Efek Jquery di Sidebar Blog
• Maksud Pesan Error Saat Mengakses Internet
• Merubah Kotak Chat Facebook ke Versi Lama
• Memasang Simple Menu Navigasi Horizontal
• Memasang Floating Share Button
• Googlebot Access Blog Bermasalah
• Tag H1 Untuk Judul Postingan dan Judul Blog
• Mempercepat IDM Menggunakan IDM Optimizer
• Memasang Hidden Chatbox With Jquery Di Sidebar
• Memasang Hidden Chatbox Pada Sidebar Blog
• Memasang Sticky Tooltips Di Blogspot
• Tingkatkan Traffic Blog Lewat VLog | VIVANews
• Tampilan Halaman Label Hanya Judul Postingan
• Cara Transfer Foto Dari Facebook Ke Google+
• Tips SEO Terbaru di Tahun 2011
• Tutorial Membuat S3slider Images Show
• Akhirnya, Bisa Juga Join Ke Google+