Membuat 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-lariklik 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://trik-nyaman.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>
"http://trik-nyaman.blogspot.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.
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://trik-nyaman.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>
"http://trik-nyaman.blogspot.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.
Membuat Kotak Pesan Diblog
Kotak Pesan,jejak pengunjung atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :
1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok, yaitu masukan email kamu dan pasword yang kamu kehendaki.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. oke,, lalu jangan lupa tinggalkan koment di shoutmix saya hahahaaa
1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok, yaitu masukan email kamu dan pasword yang kamu kehendaki.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. oke,, lalu jangan lupa tinggalkan koment di shoutmix saya hahahaaa
Trik Agar Bisa Upload Gambar Ukuran Besar Di Blogger
Trik agar bisa upload gambar ukuran besar di blogger - Dalam postring kemarin sudah di tulis bagaimana mendapatkan hosting gambar yang unlimited bandwidth, yaitu dengan memakai blogger. Namun, ada sedikit yang membuat tidak nyaman yaitu kita tidak bisa posting atau upload gambar yang ukurannya lebih dari 400 pixel, karena apabila kita upload gambar yang ukurannya lebih besar dari 400 pixel maka secara otomatis gambar tersebut akan di perkecil menjadi 400 pixel.
Apakah ada trik agar bisa upload gambar ukuran besar di blogger? jawabannya ada dan terbilang sangat mudah. Penasaran? begini caranya :
* 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/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/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/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/s800/blog-aing.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/s1600/blog-aing.jpg
Mudah sekali bukan? mau bukti, silahkan klik link di bawah ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/s400/blog-aing.jpg
Coba bandingkan dengan yang ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/s800/blog-aing.jpg
Bandingkan juga dengan yang ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/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 :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0LYpHUSLmXsxV96NULi38VxE0wmNUmYCyvQrMeztXS4-uMz17JZiijI6omnmQ1iZt7pkzbdMFmyPN2YT7NSlB3pLeQtEamzkW8EldeBJ3HEh5fCvxiYGc63ZBZ_y7mxujrwFnokYFciA/?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 :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0LYpHUSLmXsxV96NULi38VxE0wmNUmYCyvQrMeztXS4-uMz17JZiijI6omnmQ1iZt7pkzbdMFmyPN2YT7NSlB3pLeQtEamzkW8EldeBJ3HEh5fCvxiYGc63ZBZ_y7mxujrwFnokYFciA/?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.
Ternyata kita bisa upload gambar dalam ukuran besar ke blogger bukan?
Apakah ada trik agar bisa upload gambar ukuran besar di blogger? jawabannya ada dan terbilang sangat mudah. Penasaran? begini caranya :
* 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/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/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/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/s800/blog-aing.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/s1600/blog-aing.jpg
Mudah sekali bukan? mau bukti, silahkan klik link di bawah ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/s400/blog-aing.jpg
Coba bandingkan dengan yang ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/s800/blog-aing.jpg
Bandingkan juga dengan yang ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX7-vzKC3X5KvbMHOD3LWJWTDbX0wNBIaCYbtox5AsPDLQtmW0btyVDuVgsp0uui0NEGXl82tABR6hmwGP0zydgSSMhhy1ZhvOqFuysm3FxXjBOML8h_hJVj-wZJogp1mbEs7MRwmmQqm1/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 :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0LYpHUSLmXsxV96NULi38VxE0wmNUmYCyvQrMeztXS4-uMz17JZiijI6omnmQ1iZt7pkzbdMFmyPN2YT7NSlB3pLeQtEamzkW8EldeBJ3HEh5fCvxiYGc63ZBZ_y7mxujrwFnokYFciA/?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 :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0LYpHUSLmXsxV96NULi38VxE0wmNUmYCyvQrMeztXS4-uMz17JZiijI6omnmQ1iZt7pkzbdMFmyPN2YT7NSlB3pLeQtEamzkW8EldeBJ3HEh5fCvxiYGc63ZBZ_y7mxujrwFnokYFciA/?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.
Ternyata kita bisa upload gambar dalam ukuran besar ke blogger bukan?
