Pages

Minggu, 20 November 2011

Cara buat Gambar Melayang di Pojok

Cara buat Gambar Melayang di Pojok - Berikut ini saya Mencoba ngebahas gimana cara membuat gambar yang selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari klik disini untuk melihatnya (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#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); }
 3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>


<div id="trik_pojok">
<a href="http://www.serbainfo.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>
"http://www.acehsaya.com" adalah link. ganti dengan link kamu.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.
Read more

Cara Upload Gambar Foto Ukuran Besar Via Blogspot

Cara Upload Gambar Foto Ukuran Besar Via Blogspot - Berikut akan saya uraikan tata cara upload gambar ke blogspot menjadi ukuran besar, Coba Anda Perhatikan Cara Dibawah Ini :

* Silahkan upload gambar yang berukuran lebih dari 400 pixel ke blogger.
* Jika gambar sudah tampil di blog anda, klik kanan pada gambar tersebut lalu pilih Copy Image Location untuk mendapatkan alamat gambar tersebut.
* Paste pada program text editor seperti "Notepad", "WordPad' atau text editor lainnya. Contoh : alamat gambar yang kang Rohman dapatkan seperti ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZGb7B3Fa6KA6Hp9sby8Q6sgBibppLIyVfN79f0lLdMuME-i_DSqPtjEbC0ykIYRKzuQry0wPXytmL2Xi7KJDh6gXMJCoBVLAsruratxectIYF7uMzgWKCpmrhxQm2nH4NWYPbsNpEQbdc/s400/blog-aing.jpg
* Perhatikan kode yang saya cetak merah, kode tersebutlah yang membatasi gambar besar yang kita upload menjadi kecil. Agar gambar bisa tampil maksimal, maka kita hanya cukup mengubah nilainya menjadi s800 ( jika gambar yang di upload kurang dari 800 pixel ) atau di ganti dengan s1600 ( jika gambar yang di upload melebihi 800 pixel ). Contoh, kodenya jadi seperti ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZGb7B3Fa6KA6Hp9sby8Q6sgBibppLIyVfN79f0lLdMuME-i_DSqPtjEbC0ykIYRKzuQry0wPXytmL2Xi7KJDh6gXMJCoBVLAsruratxectIYF7uMzgWKCpmrhxQm2nH4NWYPbsNpEQbdc/s800/blog-aing.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZGb7B3Fa6KA6Hp9sby8Q6sgBibppLIyVfN79f0lLdMuME-i_DSqPtjEbC0ykIYRKzuQry0wPXytmL2Xi7KJDh6gXMJCoBVLAsruratxectIYF7uMzgWKCpmrhxQm2nH4NWYPbsNpEQbdc/s1600/blog-aing.jpg

Mudah sekali bukan? mau bukti, silahkan klik link di bawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZGb7B3Fa6KA6Hp9sby8Q6sgBibppLIyVfN79f0lLdMuME-i_DSqPtjEbC0ykIYRKzuQry0wPXytmL2Xi7KJDh6gXMJCoBVLAsruratxectIYF7uMzgWKCpmrhxQm2nH4NWYPbsNpEQbdc/s400/blog-aing.jpg

Coba bandingkan dengan yang ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZGb7B3Fa6KA6Hp9sby8Q6sgBibppLIyVfN79f0lLdMuME-i_DSqPtjEbC0ykIYRKzuQry0wPXytmL2Xi7KJDh6gXMJCoBVLAsruratxectIYF7uMzgWKCpmrhxQm2nH4NWYPbsNpEQbdc/s800/blog-aing.jpg

Bandingkan juga dengan yang ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZGb7B3Fa6KA6Hp9sby8Q6sgBibppLIyVfN79f0lLdMuME-i_DSqPtjEbC0ykIYRKzuQry0wPXytmL2Xi7KJDh6gXMJCoBVLAsruratxectIYF7uMzgWKCpmrhxQm2nH4NWYPbsNpEQbdc/s1600/blog-aing.jpg

Format kode gambar di atas adalah apabila anda mengupload gambar langsung melalui post edtor blogger. Apabila anda mengupload melalui Windows Live Writer seperti yang biasa kang Rohman lakukan, maka format gambar yang di hasilkan adalah seperti ini :

http://lh4.ggpht.com/_pt7i0nbIOCY/SoFHgGjyQ8I/AAAAAAAACNk/FmS36kH8k3U/blog-aing_thumb%5B2%5D.jpg?imgmax=800

Terlihat bahwa gambar yang di tampilkan di batasi hanya 800 pixel, agar mendapatkan gambar yang maksimal, cukup dengan mengubah angka 800 dengan angka 1600, sehingga kodenya jadi seperti ini :

http://lh4.ggpht.com/_pt7i0nbIOCY/SoFHgGjyQ8I/AAAAAAAACNk/FmS36kH8k3U/blog-aing_thumb%5B2%5D.jpg?imgmax=1600

Trik mengubah nilai pixel ini berlaku juga untuk posting gambar secara umum, anda hanya perlu masuk dulu ke edit HTML, lalu ubah kode pixelnya.
post

Ternyata kita bisa upload gambar dalam ukuran besar ke blogger bukan?
Read more