Tutorial Praktikum Teknologi Informasi Multimedia

TUTORIAL

CARA MEMBUAT “ANU “

(gambar melayang)

PADA BLOGOleh :M. APRIAN ARIZALDI0514022032

( Mahasiswa Penyuluhan Komunikasi Pertanian Universitas Lampung

)

Pasti pada bingungkan apa maksudnya dan kenapa judulnya begitu?sebenarnya aku sendiri juga bingung mau memberikan judul apa untuk trikyang berikut ini. Setelah aku pikir-pikir…..tidak terpikirkan juga judul yangcocok, ya sudah deh aku berikan judul seperti itu. Selanjutnya apa maksud dari judul tersebut dan trik apa yang akan dibahas?Begini, di tutorial ini mencoba membahas bagaimana cara membuat"ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scrollbar" ditarik kesana kemari.

"Scroll bar" itu apa sih?

itu lho kotak kecil panjangyang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisamelihat isi blog yang terlalu panjang. Maksudnya "ANU" itu apa? "ANU" itumaksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter,Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain.Untuk di blog punyaku ada gambar ini yang sedang menari-nari di (pojok kiri bawah).

Tutorial Praktikum Teknologi Informasi Multimedia

Nah, udah tahu kan maksudnya. Kalo sudah tahu dan pingin mencobanyasebaiknya kalian mengunakan browsingMozilla Firefoxagar lebihmemudahkan dalam pencarian kode HTML dan mari ikuti langkah-langkahberikut ini :1. Login ke blogger http://www.blogger.com masukkan

email danpassword

anda.......

trus klik

Tata Letak (layout)

Selanjutnya pilih

Edit HTML

2. Kemudian cari kode ini]]></b:skin>Gunakan

Ctrl F

untuk memudahkanpencarian kode tersebut.

Kotak Find ( pencarian

) masukkan kode

]]></b:skin

( Kotak ini dapat memudahkan anda dalam pencarian kode-kode html

)

Tutorial Praktikum Teknologi Informasi Multimedia

Kalo sudah ketemu, letakkan kode dibawah ini di atas]]></b:skin Text yang dicetak tebal adalah posisinya, jika ingin menggganti di posisi pojokkanan bawah tinggal text

"left"

diganti dengan

"right"

. Begitu juga tulisan

"bottom"

, jika ingin di posisi atas bisa diganti dengan

"top"

Langkah selanjutnya yaitu letakkan script di bawah ini diatas kode

</body>

Ini script nya

Catatan :

"http://trik-tips.blogspot.com"

adalah link... ganti dengan link kamu (alamat blogkamu).

"http://kendhin.890m.com/soniclari.gif"

adalah lokasi gambar... ganti dengan lokasigambar kamu.

Contoh :

#trik_pojok { 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); }<div id="trik_pojok"><a href="http://trik-tips.blogspot.com"><img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a></div>