Sebenarnya kita dapat memasang widget pada badget yang sudah ada dalam template yang kita pilih.
Screenshot penambahan badged
Namun bagaimana bila kita ingin memasang widget pada tempat yang kita ingin?
Nah oleh sebab itu, saat ini saya ingin memberi tutorial memasang widget di sudut/pojok blogger/blogspot. Maksudnya seperti apa? Coba lihat sebelah kiri bawah blog saya ini. atau lihat screenshot dibawah.
Screenshot contoh widget sudut / pojok
Ada sebuah status Yahoo Messenger yang selalu mengikuti walaupun scroll bar ditarik ke arah atas dan bawah. Apabila anda tidak tahu apa yang dimaksud dengan scroll bar, lihat screenshot dibawah
Screenshot scroll bar
Fungsi scroll bar ini adalah agar anda dapat melihat isi blog yang terlalu panjang karena isi blog yang begitu banyak.
Bukan hanya status Yahoo Messenger saja yang bisa di pasang, tetapi bisa juga gambar/image, photo, animasi, traffic blog, ads/iklan, badget facebook, shout box, jam, kalender, hit counter dan lain-lain.
Oke langsung saja ke tutorialnya.
Step 1
-pertama anda harus login untuk masuk ke blogger anda.-lalu masuk ke TATA LETAK/LAYOUT lalu pilih tab EDIT HTML.
-sebelumnya anda harus centang EXPAND TEMPLATE WIDGET.
-cari (Ctrl+F) kode ]]></b:skin> lalu copy paste kode dibawah ini tepat di atas nya.
#sudut-widget {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Text yang berwarna merah adalah kode untuk posisi nya, jika anda ingin posisinya berubah tinggal mengganti:
bottom = untuk yang ingin widget nya di bawah
top = untuk yang ingin widget nya di atas
right = untuk yang ingin widget nya di sebelah kanan
left = untuk yang ingin widget nya di sebelah kiri
Step 2
- selanjutnya yaitu meletakan kode dibawah sebelum kode </body><div id="sudut-widget">
WIDGET YANG INGIN DIPASANG
</div>
WIDGET YANG INGIN DIPASANG
</div>
Nah, kata WIDGET YANG INGIN DIPASANG itu yang harus kita ganti.
Step 3
Untuk widget gambar/photo (yang apabila di klik akan membawa ke halaman yang diinginkan) kita harus memasukan script:<a href="ALAMAT LINK YANG DIINGINKAN">
<img src="LOKASI GAMBAR ANDA" border="0" /></a>
Script diatas kan hanya untuk gambar/photo/animasi, bagaimana dengan widget lainnya?. Oke mari kita lanjutkan.
Step 4
Untuk script widget lain seperti status Yahoo Messenger, badged facebook, ads/iklan, jam, kalender, shout box, hit counter, dan lain-lain, kita tidak bisa memasang langsung script-script widget tersebut. Script nya harus kita ganti atau kita parse.
Contoh nya:
Script status Yahoo Messenger saya sebelum diganti
<a href="ymsgr:sendIM?bonardalfin"><img src="http://opi.yahoo.com/online?u=bonardalfin&m=g&t=14" border="0" /></a>
Script status Yahoo Messenger saya sesudah diganti
<a href="ymsgr:sendIM?bonardalfin"><img src="http://opi.yahoo.com/online?u=bonardalfin&amp;m=g&amp;t=14" border="0" /></a>
Lalu bagaimana cara menggantinya?
Mungkin kita dapat menggantinya dengan formula nya kang rohman (guru blog saya) yang ia posting disini.
Ini formulanya.
| Kurung runcing terbuka | ||
| Kurung runcing tutup | ||
| Tanda Dan | ||
| Tanda petik ganda | ||
| Tanda plus minus | ||
| Tanda Spasi | ||
| Tanda hak cipta (copyright) | ||
| Tanda terdaftar (Registered) |
Namun pasti akan sulit bila kita mengganti satu persatu script tersebut.
Nah untuk mempermudah, ada web yang otomatis akan mem-parse / mengganti script-script anda. Salah satu web yang bisa anda gunakan adalah BLOGCROWD.COM . Disana anda tinggal memasukan kode script yang mau dirubah dan akan otomatis akan dirubah oleh web tersebut.
Setelah script telah diganti/di-parse anda tinggal memasukan dengan mengganti kata
WIDGET YANG INGIN DIPASANG pada kode di STEP 2.
Mudah bukan? Dengan widget pada sudut tersebut, informasi yang kita pasang akan terlihat dengan jelas informasinya.
0 komentar:
Posting Komentar