Cara Membuat Link Membuka di Dua Tab Baru

Cara Membuat Link Membuka di Dua Tab Baru  - Kali ini saya akan membahas sedikit tentang bagaimana cara membuat tautan atau link yang membuka di 2 tab baru. Link jenis ini bila diklik maka akan membuka di dua tab baru browser secara bersamaan bagaimana menarik bukan ?.Berikut Cara Membuat Link Membuka di Dua Tab Baru :

Contoh :

<a href="http://lanoblog.blogspot.com/2011/09/daftar-isi.html" onclick="window.open('http://lanoblog.blogspot.com/2012/03/daftar-isi-lengkap-tutorial-blogger.html')" target="_blank">Daftar Isi</a>


Maka Hasilnya seperti dibawah ini klik link bawah ini :

Daftar Isi

• URL PERTAMA : ganti dengan URL LINK yang akan di tuju
• URL KEDUA : ganti dengan URL LINK yang akan di tuju
• Daftar Isi : adalah nama link tersebut.ganti dengan selera anda.

Terima Kasih sudah membaca Cara Membuat Link Membuka di Dua Tab Baru

Cara Mudah Membuat Semua Link Terbuka di Tab Baru

S

ebelumnya diblog ini juga pernah dibahas cara megenai cara membuat link terbuka ditab baru mungkin ini hanya untuk bebrapa link saja dan kini bisa untuk semua link terbuka ditab baru.terkadang kita perlu menyisipkan satu atau beberapa tautan atau link. Cukup mudah untuk membuat link di Blogger.berikut caranya simaklah betul-betul....semoga..berhasil...

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Cari kode <b:skin><![CDATA[/*.Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya


5. Letakkan kode dibawah ini diatas kode tersebut.


<base target='_blank' />


6. SIMPAN

Cara Membuat Link Mengeluarkan Cahaya Saat Disentuh Cursor

Dengan membuat link mengeluarkan cahaya.blog anda akan terlihat lebih cantik.dan sebeleumnya saya juga pernah menjelaskan Cara Membuat Link Berwarna - Warni dan Cara Membuat Link Berkedip-kedip.dan masih banyak lagi tips tentang link.sebelumnya saya jelaskan cara membuat link mengeluarkan cahaya kuning saat disentuh cursor.saya akan beritahukan bahwa kode ini saya dapat dari BIT-XP.COM.

Nah,Berikut Cara Membuat Link Mengeluarkan Cahaya Saat Disentuh Cursor

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

 

4. Beri tanda centang pada Expand TemplateWidget.

5. Cari kode yang  seperti berikut a:hover{color:#333; text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}  Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

6. Hapus kode color:#333; ganti dengan kode #FF0000;text-shadow: 0 0 0.5em #FF0000,0 0 0.5em #FF0000;

CONTOH :

a:hover{color:#FF0000;text-shadow: 0 0 0.5em #FF0000,0 0 0.5em #FF0000;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

7. SIMPAN

Cara Membuat Link Berbintang - Bintang Saat Disentuh Cursor

S

ebelumnya diblog ini juga pernah dibahas cara membuat link berwarna-warni saat disentuh cursor.dan kali ini sedikit berbeda yaitu cara membuat link berbintang-bintang saat disentuh cursor.Penampilan sebuah link akan lebih menarik jika ditambah dengan asesoris berupa bintang yang berkedip. Apalagi jika latar belakang dari link tersebut berwarna gelap, link akan terlihat lebih hidup ketika disorot mouse (bintang berkedip di sekitar link). Trik ini sudah banyak digunakan oleh blog-blog terutama yang memiliki latar belakang gelap.berikut cara membuatnya..selamat menyimak..semoga berhasil....

1. Masuk ke akun Blogger Sobat.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

4. Cari kode yang mirip seperti dibawah ini.

a:hover {

color:#5588AA;

text-decoration:underline;

}

5. Ganti kode #5588AA; dengan kode berikut.setiap template berbeda pokoknya cari yang mirip saja.

{ background-image: url(http://2.bp.blogspot.com/-aV0bs2hN4mQ/TgjEslQT0VI/AAAAAAAAAFs/-ZzE8DyTfpY/s1600/bAA.gif);} 

6. SIMPAN

Cara Membuat Link Terbuka Ditab Baru

D

i dalam membuat suatu artikel di Blogger terkadang kita perlu menyisipkan satu atau beberapa tautan atau link. Cukup mudah untuk membuat link di Blogger. Kita hanya perlu meng-highlight teks yang akan disisipi link kemudian mengisi alamat URL-nya. Bila dilihat di Edit HTML, maka bentuk link tersebut secara umum terlihat seperti ini <a href="URL">Teks</a>.

Bentuk link di atas jika diklik maka akan membuka di tab yang sama. Hal ini bisa saja mengganggu kenyamanan pengunjung yang sedang membaca artikel kita. Agar pembaca tidak kehilangan halaman blog kita, maka solusinya adalah dengan membuatkanlink yang membuka di tab yang baru. Lalu, bagaimana cara membuatnya?

Untuk membuat link yang membuka di tab baru, kita perlu menambahkan kode target="_blank" atau target="_new" atau target="_up" setelah kode "URL".

Contoh:

<a href="http://lanoblog.blogspot.com/2011/09/tukar-link.html" target="_blank">Tukar Link</a>

Maka hasilnya seperti di bawah ini.

Tukar Link

<a href="http://lanoblog.blogspot.com/2011/09/daftar-isi.html" target="_new">Daftar Isi</a>

Maka hasilnya seperti di bawah ini.


Daftar Isi

<a href="http://lanoblog.blogspot.com/2011/10/kode-warna.html'' target="_up">Kode Warna</a>

Maka hasilnya seperti di bawah ini.


Kode Warna

Cara Membuat Link Warna Warni Saat Disentuh Cursor

S

ebelumnya juga pernah cara membuat link berkedip-kedip dan kali saya mau kasih tips tentang cara membuat link berwarna warni.Dengan memasang link berwarna-warni ini biasanya memudahkan para pegunjung untuk membedakan link dengan tidak.berikut cara membuat link warna warni.


Contoh: Arahkan Cursor anda ke   » LaNo Blog

 1. Masuk ke akun Blogger Sobat.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang di Expand Template Widget.

5. Cari kode <b:skin><![CDATA[/*. Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.

6. Copy kode di bawah ini lalu paste di atas kode tersebut

<script src='http://achmad46.googlepages.com/rainbow.js'>

</script>

7. SIMPAN

Cara Membuat Link Saat Berkomentar

T

erkadang saat kita berkomentar kita pasti meyisipkan sebuah link.Terutama pada  saat bertukar link pasti anda selalu meletakkan link anda diblog siblog yang ingin ditukar link.Jadi, bila kita ingin membuat link saat berkomentar, tinggal ditambahkan saja tag pembuat link saat menulis di kotak komentar. Tag sederhana untuk membuat link adalah seperti ini:

<a href="URL target">teks yang diberi link</a>

Visit Blog Me  <a href="http://lanoblog.blogspot.com/">pliss</a> gan..

Maka setelah komentar diterbitkan, hasilnya akan seperti di bawah ini.

Visit Blog Me pliss gan..

Selain itu, kita juga dapat membuat komentar menjadi efek huruf tebal dengan menambahkan tag <b> dan </b>. Misalnya, <b>ini adalah huruf tebal</b> maka hasilnya menjadi ini adalah huruf tebal. Kita juga dapat menggunakan tag-tag yang lainnya.anda juga bisa menggabungkan link dengan huruf tebal tersebut

Contoh:

Visit Blog Me  <a href="http://lanoblog.blogspot.com/"><b>pliss</b></a> gan..

Maka setelah komentar diterbitkan, hasilnya akan seperti di bawah ini.

Visit Blog Me pliss gan..

Atau:

Visit Blog Me  <a href="http://lanoblog.blogspot.com/"><b>pliss</b></a><b>gan..</b>

Maka setelah komentar diterbitkan, hasilnya akan seperti di bawah ini.

Visit Blog Me pliss gan..

Cara Membuat Link Berkedip-kedip

A

da begitu banyak variasi yang dapat dilakukan dalam memodifikasi bentuk link atau tautan. Salah satunya adalah dengan membuat linktersebut berkedip-kedip. Dengan membuat link jenis ini diharapkan dapat lebih menarik perhatian mata pengunjung blog agar tertuju kepada link tersebut dan mengekliknya.

Inti dari membuat link agar berkedip-kedip adalah dengan menambahkan kode <blink> dan kode </blink>.

Contoh:

<blink><a href ="http://lanoblog.blogspot.com/" target ="_blank">LaNo Blog</a></blink>

Maka hasilnya akan seperti di bawah ini.

LaNo Blog

Kalau ingin hanya teksnya saja yang berkedip-kedip tanpa link, maka tinggal diapit saja teksnya dengan kode <blink> dan </blink>.

Contoh:

<blink>TEKS BERKEDIP-KEDIP</blink>

Hasilnya seperti di bawah ini.

TEKS BERKEDIP-KEDIP

Perhatian cara ini hanya bisa di Browser Mozilla,Untuk pengguna Goggle Chrome Link berkedip-kedip yang anda pasang tidak akan muncul / tidak berkedip-kedip.

Cara Menghilangkan Garis Bawah Link

Biasanya setiap link atau tautan yang ada di blog bila disorot oleh mouse akan muncul garis bawah pada link tersebut. Ada juga yang tanpa disorot sudah ada garis bawahnya, tergantung rancangan template blog masing-masing. Sebenarnya, garis bawah link ini dapat dihilangkan bila Anda tidak menyukainya. Yang perlu Anda lakukan adalah mengubah kode CSS template blog pada bagian yang membuat link bergaris bawah.

Kode CSS yang berhubungan dengan link biasanya tampak seperti di bawah ini.

a:link {

color:#007ACC;

text-decoration:underline;

}

a:visited {

color:#007ACC;

text-decoration:underline;

}

a:hover {

color:#5588AA;

text-decoration:underline;

}

Berikut sedikit penjelasan tentang kode di atas:

a:link {

color:#007ACC;

text-decoration:underline;

}

Kode di atas berarti link yang belum pernah dikunjungi atau diklik akan berwarna #007ACCdan bergaris bawah.

a:visited {

color:#007ACC;

text-decoration:underline;

}

Kalau kode yang ini mempunyai arti link yang sudah pernah dikunjungi akan berwarna#007ACC dan bergaris bawah.

a:hover {

color:#5588AA;

text-decoration:underline;

}

Sedangkan kode yang yang ini menunjukkan link pada saat mouse di atasnya akan berwarna #5588AA dan bergaris bawah.

Lalu, yang manakah kode yang membuat link bergaris bawah? Ya, dari penjelasan di atas sudah tergambar kalau yang membuat link bergaris bawah adalah kode text-decoration:underline;. Nah, untuk menghilangkan garis bawah link Anda ubah semua kataunderline dengan none sehingga menjadi text-decoration:none;.