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

Posted in: BLOGGER