Nah kali ini saya ingin berbagi tips untuk menampilkan sebuah link di samping judul atau title sidebar Blog. Silahkan ikuti langkah-langkahnya berikut ini :
CARA PERTAMA :
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
Kode pertama Link dengan icon atau background :
<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 :
Kode kedua link tanpa icon atau background :
<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>
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> <data:title></h2>