Minggu, November 29, 2009

How to Make Custom Link List

Bagaimana cara membuat link-list kita sendiri? 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.

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

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.

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

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

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

  • 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>

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

  • 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

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

Bookmark and Share


ARTIKEL REKOMENDASI:

- Bagaimana Cara Membuat Tautan Gambar Sendiri (Custom Clickable Images)

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

- Dasar-dasar Cara Menggunakan Twitter

- Amazon Associates: Affiliate Program di Blogger Blospot

- Bagaimana Cara Membuat Facebook & MySpace Kita Sendiri

- Bagaimana Cara Memunculkan Gadget Product Finder dari Amazon Associates di Blogger

- Respon Emoticons Berupa Glittery Teks di Plurk

- Bagaimana Cara Mengetahui IP Address Spammer: Gunakan StatCounter.Com

- Block Komen Spam Dengan Toolator.Com

- Bagaimana Cara Pake Emoticons Extra Set Tapi Karma Minim Saat Nge-Plurk

- Bagaimana Cara Make Emoticons Ngeplurk di HP: Daftar Smileys Plurk

- Kode Script HTML untuk Mengubah Memperbesar Memperkecil Ukuran Font Huruf Posting Blog

- Bagaimana Cara Mengetahui Orang Yang Tidak Mengikuti (Unfollowing) di Twitter

    Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

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




    ---

    4 comments:

    Bambangxp mengatakan...

    tanks sob tipsnya mantep nih buat newbie

    Andre mengatakan...

    sama-sama, terima kasih sudah berkunjung

    R Budi Purnomo mengatakan...

    wow keren segalanya terbuka ciamik bro

    Andre mengatakan...

    terima kasih atas komennya, and thanks for visiting my humble blog

    Posting Komentar

    --------------------------------------------------------------------

    Enter your email address:

    Delivered by FeedBurner

    --------------------------------------------------------------------

    --------------------------------------------------------------------

    --------------------------------------------------------------------