Nah kali ini saya ingin berbagi tips untuk menampilkan sebuah link di samping judul atau title sidebar Blog. Contohnya seperti di sidebar MyRssFeed di Blog saya disan terlihat ada sebuah link Berlangganan. Cara ini sebenarnya ada 2 cara yaitu menampilkan sebuah link dan menampilkan text saja. Anda tertarik untuk membuatnya atau memasangnya ?
Silahkan ikuti langkah-langkahnya berikut ini :
1. Log in di blogger dengan id anda untuk masuk ke akun dan mengedit blog anda.
2. Klik Tata Letak / Layout 3. Tambahkan gadget dengan mengklik Add a Gadget 4. Pada menu yang tersedia, pilih atau klik HTML/Javascript 5. Copy pastekan Kode di bawah ini, CATATAN : Pastikan judul atau title sidebar / pada gadget HTML/Javascript dalam keadaan kosong untuk menghindari duplicate title.
Kode pertama Link dengan icon tau backgraund :
<style type="text/css">
.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
background:url(http://t1.gstatic.com/images?q=tbn:lJgxPMEh7KGJJM:http://aespesoft.com/wordpress/wp-content/themes/massivepress/images/category-rss.jpg)
right 0px no-repeat; padding-right:20px;
}
</style>
<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>
6. Ganti kode warna merah dengan icon yang anda suka, kode warna biru adalh text link dan warna hijau adalah title sidebar.
Jadinya seperti ini :
<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 menampilkan text 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>
font-size:11px;
float:right;
font-weight:bold;
}
</style>
<h2><span class="pasang-link">Text Here</span>Title Sidebar</h2>
Jadinya seperti ini :
Dah tambahan lagi kemungkinan pada kode sidebar menggunkanan kode </h3> jika beda template. Sumber dari O-om.com
Selamat mencoba semoga berhasil.
Tidak ada komentar:
Posting Komentar