Tutorial: memasang widget di sudut / pojok blog

In Web

Langsung saja yaw ….

 

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>

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="<a href="http://opi.yahoo.com/online?u=bonardalfin&m=g&t=14">http://opi.yahoo.com/online?u=bonardalfin&m=g&t=14</a>" 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>

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.

 

Semoga bermanfaat …

 

source : www.distorsi.net

Related Search

Tags: #Yahoo Messenger

Anda sedang membaca artikel tentang Tutorial: memasang widget di sudut / pojok blog. Silahkan baca artikel blog.bodi.web.id tentang Web lainnya. Semoga bermanfaat ...

Hapus Post Lama di WordPress Melalui PHPMyadmin
Hapus Post Lama di WordPress Melalui PHPMyadmin
Sekelumit tentang perintah langsung di PHPMyadmin sudah
Bypass Internet Positif
Bypass Internet Positif
Buat agan-agan yang sudah capek dengan Internet
Redirect Artikel Pada Domain Lama Ke Domain Baru dengan .htaccess
Redirect Artikel Pada Domain Lama Ke Domain Baru dengan .htaccess
Caranya cukup simple, buat file .htaccess pada
Leverage browser caching for Nginx
Leverage browser caching for Nginx
Apa siy Leverage browser caching ? Ini penjelasan

Leave a reply "Tutorial: memasang widget di sudut / pojok blog"


Top