Cara Membuat Link Pop Up di Blog

12/26/2014
hosting murah
Cara Membuat Link Pop Up di Blog - Kalian pasti sudah mengetahui link biasa jika di klik akan langsung menuju halaman yang ada pada link tersebut. Ada juga link yang akan membuka page baru ketika di klik. Sedangkan pada tutorial kali ini, akan kita buat link yang bersifat pop up.

Cara Membuat Link Pop Up di Blog

Bagaimana Link Pop Up itu?


Link pop up merupakan link yang ketika diklik akan membuka link di jendela baru / Open Link In New Window. Namun, link pop up ini dapat kita atur sendiri ukuran window nya, bisa lebih besar atau kecil. Ada yang mengatakan bila link yang di buat dengan Open In New Tab atau halaman baru akan lebih SEO, nah bagaimana dengan link yang membuka jendela baru? menurut saya lebih SEO juga.

Cara Membuat Link Pop Up


Perbedaan Link Standar, Link terbuka di tab baru, dan Link Pop Up

Link Standar

<a href="http://www.arlinadzgn.com/">Link Standar</a>

Link terbuka di tab baru

<a href="http://www.arlinadzgn.com/" target="_blank">Link terbuka di tab baru</a>

Link Pop Up

<a href='http://www.arlinadzgn.com/' onclick='window.open(&apos;&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>Link Pop Up</a>

Anda bisa mengubah ukuran jendela baru yang di buka menggunakan pop up link dengan mengatur ukuran width dan height. Jika ingin membuat link lebih SEO, gunakanlah title/judul dan alt/deskripsi pada link tercebut. Contohnya

<a href="http://www.arlinadzgn.com/" title="Arlina Design" alt="Arlina Design - Berbagi Informasi Menarik" target="_blank">Link SEO</a>

Saya rasa sekian tutorial kali ini tentang Cara Mudah Membuat Link Pop Up. Semoga dapat bermanfaat. Selamat mencoba dan terima kasih atas kunjungannya.

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

No comments

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.