tips and trick blogger: Membuat Link di Judul Widget

Tuesday, 4 October 2011

Home Widget Membuat Link di Judul Widget

Membuat Link di Judul Widget

Post under Link, Widget

Dalam sebuah widget pasti kita beri judul. Khususnya widget berbasis HTML kita dapat memodifikasinya. Salah satunya dengan Menambah Link di Judul Widget. Dimana link dalam judul dapat dijadikan optimasi SEO Blogger on page. Nah untuk lebih jelasnya silakan baca di bawah 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 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 tanpan icon atau backgraund :

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