Minggu, 29 November 2009

Custom Link List Yang Terbuka di Tab Baru

Berikut cara membuat costum linklist di Blogger yang bila kita klik bisa terbuka di tab baru atau tab lain. Saya membuat ini karena link list default dari Blogspot tidak memuaskan keinginan saya. Saya ingin link-list yang bila saya klik maka tautan/link-nya akan terbuka di tab berikutnya.

Gadget Link List bawaan Blogger yang saya maksud adalah yang seperti di bawah ini:

Image Hosted by ImageShack.us


Widget atau gadget dari Blogger yang bernama Configure Link List di atas tidak memberikan apa yang saya mau. Sedangkan saya ingin agar semua situs jejaring sosial saya: Facebook, Twitter, Plurk dan juga Youtube akan terbuka di tab baru jika diklik linknya.

Saya putuskan untuk membuat sendiri (custom-made) daftar tautan (link list) yang jika diklik akan terbuka di tab lain. Akhirnya saya memakai gadget lain dari Blogspot yang bernama Configure HTML/JavaScript seperti ini.

Image Hosted by ImageShack.us

Dan kini, daftar tautan jejaring sosial saya bisa terbuka di tab baru jika diklik. Cara untuk membuat sendiri Link List ini adalah sebagai berikut:

  • jika sudah sign in di Blogger dan berada di Dashboard
  • klik tab Layout,
  • kemudian klik Page Elements,
  • lalu klik Add a gadget,
  • pilih HTML/JavaScript dengan melakukan klik di panah biru di sebelah kanannya,

Image Hosted by ImageShack.us


  • lalu copy kode HTML berikut ini dan paste di kotak Content seperti terlihat di gambar Configure HTML/JavaScript di atas.
<ul>
<li style="text-align: left;"><a href="http://facebook.com/andri.rahardian" target="_blank">FACEBOOK</a></li>
</ul>
<ul>
<li style="text-align: left;"><a href="http://www.plurk.com/AndreRahardian" target="_blank">PLURK</a></li>
</ul>
<ul>
<li style="text-align: left;;"><a href="http://twitter.com/AndriRahardian" target="_blank">TWITTER</a> </li>
</ul>
<ul>
<li style="text-align: left;;"><a href="http://www.youtube.com/user/gitara79" target="_blank">YOUTUBE</a> </li>
</ul>

  • Note: ganti yang berwarna merah dengan alamat URL situs jejaring sosial Anda. Ganti kata-kata berwarna biru sesuai dengan nama situs yang bersangkutan.
  • Klik Save.
  • Selesai.
  • Hasilnya bisa dilihat di halaman ini pada bagian yang terlihat seperti berikut ini.
Image Hosted by ImageShack.us

Bookmark and Share



Artikel yang berhubungan:

- Cara Menambahkan Tautan Youtube, Twitter, Plurk dan Facebook di Blogger Blogspot

    Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

    Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3




    ---

    Tidak ada komentar:

    Posting Komentar