Tips Mempercantik Blogger

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/AVvXsEjw0AtlyxbsHWsbs8fl2vglx9aDtsRKUVyr4CZ0y65b-IKc92Do7G4B3tuSqNonBSOP1EzDoGbcibNm9otGfYAPL-JOvgU2Vc7biJBgr7h5yk7tM1SyyxpTmV0IF00fhXgcvlSe0_nsZRIa/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/AVvXsEjw0AtlyxbsHWsbs8fl2vglx9aDtsRKUVyr4CZ0y65b-IKc92Do7G4B3tuSqNonBSOP1EzDoGbcibNm9otGfYAPL-JOvgU2Vc7biJBgr7h5yk7tM1SyyxpTmV0IF00fhXgcvlSe0_nsZRIa/s800/blog-aing.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0AtlyxbsHWsbs8fl2vglx9aDtsRKUVyr4CZ0y65b-IKc92Do7G4B3tuSqNonBSOP1EzDoGbcibNm9otGfYAPL-JOvgU2Vc7biJBgr7h5yk7tM1SyyxpTmV0IF00fhXgcvlSe0_nsZRIa/s1600/blog-aing.jpg

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0AtlyxbsHWsbs8fl2vglx9aDtsRKUVyr4CZ0y65b-IKc92Do7G4B3tuSqNonBSOP1EzDoGbcibNm9otGfYAPL-JOvgU2Vc7biJBgr7h5yk7tM1SyyxpTmV0IF00fhXgcvlSe0_nsZRIa/s400/blog-aing.jpg

Coba bandingkan dengan yang ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0AtlyxbsHWsbs8fl2vglx9aDtsRKUVyr4CZ0y65b-IKc92Do7G4B3tuSqNonBSOP1EzDoGbcibNm9otGfYAPL-JOvgU2Vc7biJBgr7h5yk7tM1SyyxpTmV0IF00fhXgcvlSe0_nsZRIa/s800/blog-aing.jpg

Bandingkan juga dengan yang ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0AtlyxbsHWsbs8fl2vglx9aDtsRKUVyr4CZ0y65b-IKc92Do7G4B3tuSqNonBSOP1EzDoGbcibNm9otGfYAPL-JOvgU2Vc7biJBgr7h5yk7tM1SyyxpTmV0IF00fhXgcvlSe0_nsZRIa/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/AVvXsEgPQp-tnOtrtj1x7xvM4NCANHnXifjlKpAiVIFOQlMDb9qp4G4KrI4GgmYd6FpIp-ykbqsVp2RKgIL7KfRrvmIdvdFH31zYrLA6MRPOiFIiO8oQ5S1fVDChjlq6KUYYNWDuUbYxnoU820o/?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/AVvXsEgPQp-tnOtrtj1x7xvM4NCANHnXifjlKpAiVIFOQlMDb9qp4G4KrI4GgmYd6FpIp-ykbqsVp2RKgIL7KfRrvmIdvdFH31zYrLA6MRPOiFIiO8oQ5S1fVDChjlq6KUYYNWDuUbYxnoU820o/?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?


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
Read More......


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-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 ]]> 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

"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.

Text Berjalan di Bar menu

Teman blogger beberapa hari yang lalu mengirimkan email kepada saya yang isinya menanyakan tentang cara membuat text berjalan yang ada pada bar menu bawah seperti halnya pada blog milik saya ini. Pertanyaan tersebut sudah saya jawab langsung melalui email juga dan sekarangpun pada saat artikel ini di buat, sobat Ochim sudah berhasil membuat bar menu blognya ada tulisan berjalan.

Seperti biasanya, jika ada pertanyaan melalui email maka jawaban dari pertanyaan tersebut akan saya posting melalui blog ini. Nah jika sobat sama-sama tertarik ingin membuat text berjalan tersebut, silahkan baca artikel ini sampai tuntas.

Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya.

Untuk template klasik silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger dengan id sobat
2. Klik menu Template
3. klik menu Edit HTML

Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula

Copy kode berikut ini lalu paste di atas kode



6. Klik tombol Save Template Changes
7. Selesai.

Cara ke dua ini untuk template baru silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML
4. Klik tulisan Download Full Template, lalu save data tersebut.
Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template
5. Klik kotak kecil di samping tulisan Expand Widget Templates untuk
memberi tanda centang.
Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates
6. Tunggu beberapa saat sampai proses selesai

7. Simpan kode berikut di bawah kode , kode ini letaknya berada paling bawah
sebelum kode




8. Klik tombol SAVE TEMPLATE

9. Selesai

sedikit CATATAN, pada kode diatas ada tulisan yang saya buat kuning , nah tulisan tersebut harus sobat ganti dengan tulisan yang sobat inginkan. contoh : selamat datang di blog saya. atau apa saja yang menurut sobat layak untuk di tulis di situ. contoh yang saya berikan diatas memuat pesan atau text sebanyak empat tulisan, jika sobat ingin lebih banyak itu bisa dilakukan dengan menambah baris tulisan seperti kode sebelumnya.Untuk kode --> scrollSpeed = 130 . angka "130" merupakan kecepatan dari text berjalan, semakin kecil nilainya semakin cepat text berjalan, dan semakin besar nilainya maka text akan semakin lambat. Silahkan sesuaikan dengan keinginan sobat.
Seperti yang saya katakan di awal artikel bahwa kode yang saya berikan di atas hasil efeknya tidak sama dengan yang ada di blog ini, untuk melihat hasil nyatanya, silahkan sobat klik di sini.