Membuat Link di Judul 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.
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 :
Jadinya seperti ini :
Sumber ane di http://www.sodiycxacun.web.id/2010/05/cara-membuat-link-atau-text-disamping.html#axzz1ZofLPTj2
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 :
Sumber ane di http://www.sodiycxacun.web.id/2010/05/cara-membuat-link-atau-text-disamping.html#axzz1ZofLPTj2
Happy Blogging!
by. Sejuta Trik Blogger
by. Sejuta Trik Blogger
info yg sangat bermanfaat
ReplyDelete