Selasa, 14 September 2010

Membuat Link atau Teks Disamping Judul Sidebar kita




Coba perhatikan gambar sidebar diatas, itulah yang namanya link disamping judul sidebar. memang kita tahu kalau hampir 90% template Blog itu hanya menampilakan Judul sidebar saja. Namun jika ingin tampilannya menarik yang kita mesti otak atik Html Template Blog kita. Mungkin banyak yang bertanya gimana cara menyisipkan link tersebut di judul sidebar kita.
langsung aja... untuk membuat atau menyisipkan link tersebut anda wajib dan harus log in dulu ke Blog anda. Selanjutnya Kalian ikuti tahap-tahap pembuatanya berikut ini:

1. Klik Rancangan
2. Klik ELEMENT Halaman
3. Pada elemen halaman pasti sudah banyak widget sidebar kalian, Klik EDIT pada salah satu widget.
4. Setelah widget sidebar muncul, kalian kosongkan judul sidebarnya
5. simpan kode berikut diatas kode Script Widget sidebar kalian.

<style type="text/css">

.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
background:url(URL Gambar FEED kalian) right 0px no-repeat;
padding-right:20px;
}

</style>

<h2><span class="pasang-link"><a href="URL KALIAN">TULISAN LINK</a></span>JUDUL Sidebar Kalian</h2>


Keterangan :
dalam hal ini kalian harus mengkosongkan judul sidebar pada kotak judul yang disediakan.

Contoh, Jika kalian ingin menambahkan Link pada artikel terbaru pada sidebar kalian, maka kalian tinggal menambahkan script Artikel terbaru dibawah kode CSS tadi.
jadi hasilnya seperti ini:

<style type="text/css">

.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
background:url(ISI DENGAN LINK GAMBAR FEED ANDA) right 0px no-repeat;
padding-right:20px;
}

</style>

<h2><span class="pasang-link"><a href="URL KALIAN">TULISAN LINK</a></span>JUDUL Sidebar Kalian</h2>

----TAMBAHKAN SCRIPT ARTIKEL TERBARU DISINI ----


Semoga bermanfaat. mungkin diantara kalian ada yang punya cara lain silahkan tambahkan saja pada kotak komentar

No comments yet