Rabu, 19 Oktober 2011

Cara Membuat Link atau Tulisan Tampil Disamping Sidebar

Cara Membuat Link atau Tulisan Tampil Disamping Sidebar - Di hari yang penuh rahmat ini Kang Koisine akan berbagi tutorial seputar bloogspot, nah saya akan membahas cara tulisan atau link tampil disamping judul sidebar, sebagai contoh - kalian bisa lihat pafa Widget Followers pada blog ini, atau seperti gambar di bawah ini,
 


Bagaimana caranya ?

Backup dahulu template sobat untuk mengurangi kesalah.
  • Sekarang, masuk ke "Layout",
  • Tambahkan gadget dengan memilih "Add Gadget",
  • Silahkan cari dan klik "Javascript/HTML",
  • Usahakan pada judul sidebar dikosongkan dan sisipkan beberapa kode di bawah ini kedalam "Javascript/HTML", atau untuk lebih jelas lihat gambar di bawah ini,

  • Kode pertama, Link dengan Icon atau Background,
<style type="text/css"> .pasang-link{ font-size:11px; float:right; font-weight:bold; background:url(alamat gambar) right 0px no-repeat; padding-right:20px; } </style> <h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>
  • Kode kedua, hanya Link saja yang ditampilkan,

<style type="text/css"> .pasang-link{ font-size:11px; float:right; font-weight:bold; } </style> <h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>
  • Kode ketiga, hanya tulisan saja,
<style type="text/css"> .pasang-link{ font-size:11px; float:right; font-weight:bold; } </style> <h2><span class="pasang-link">Text Here</span>Title Sidebar</h2>
Silahkan sesuaikan dari ketiga kode di atas sesuai dengan sobat.

Selamat Mencoba..

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More