Sidebar Melorot

Ada seorang kawan mengeluhkan bahwa blognya mempunyai masalah yakni sidebar blog yang seharusnya berada di samping postingan menjadi melorot ke bawah sehingga tidak sedap di pandang mata. Mungkin kawan-kawan ada yang mengalami hal yang demikian, oleh
karenanya pada kesempatan kali ini saya akan membahas tentang mengapa sidebar bisa melorot dan tentunya solusi untuk mengatasi hal ini, tapi sebelumnya saya minta maaf kepada kawan-kawan yang blognya melorot tapi tetap enjoy dengan blognya, anda jangan
tersinggung dan tetaplah stay cool and enjoy your blog jangan terpengaruh dengan tulisan ini ok    





Pada dasarnya blog terbagi dalam beberapa element, yaitu element header, element posting, sidebar, serta footer. Element posting didesain berada berdampingan dengan element sidebar, keduanya mempunyai ukuran lebar yang sudah di tetapkan oleh pembuat template blog yakni dalam satuan pixel. Nah sekarang timbul pertanyaan kenapa sidebar yang seharusnya berdampingan dengan element posting bisa melorot kebawah? Ini bisa terjadi apabila kita memasukan tulisan ataupun kode atau juga image melebihi ukuran lebar dari element posting tadi. Sebenarnya apabila kita memasukan artikel dengan tulisan biasa tidak akan terjadi masalah karena blog ini sudah di
otomatisasi yakni apabila ada tulisan yang melebihi lebar element posting maka secara otomatis akan di kebawahkan sehingga tidak akan terjadi masalah. Rada ngejelimet keterangannya ya



Ok langsung aja biar ga tambah pusing. faktor-faktor penyebab sidebar bisa melorot yaitu :

kita memasukan image atau foto ataupun banner yang ukurannya melebihi lebar element posting

sebuah gambar atau foto ataupun banner yang lebarnya melebihi lebar element posting tidak bisa di otomatisasi
pindah kebawah karena tentu saja sebuah gambar adalah satu kesatuan yang utuh sehingga tidak bisa di bagi dua
atau di bagi tiga, lain halnya dengan tulisan biasa yang tiap kata mempunyai jarak spasi sehingga bisa di pisahkan.
trus bagaimana cara mengatasi hal ini? Untuk mengatasi hal ini tentu saja kita harus memperkecil ukuran lebar dari
gambar tadi, caranya yaitu edit kembali postingan yang terdapat gambar tersebut, lalu ketika berada pada kolom
posting pilih menu Compose, setelah terlihat gambar yang terlalu besar tadi, arahkan mouse kedalam gambar
lalu klik.Jika gambar mouse berubah menjadi anak panah penjuru, arahkan pada tepi gambar tersebut sehingga gambar
mouse menjadi anak panah dua arah klik lalu tahan dan geser. setelah gambar di perkecil, ya tinggal di publish lagi
trus di lihat apa masih melorot atau sudah baik, jika masih melorot ya tinggal di perkecil lagi gambarnya.



cara yang kedua adalah memberi sedikit kode HTML tambahan yaitu width="...." pada kode image tersebut,
tapi tentu saja anda harus mengetahui terlebih dahulu lebar dari element posting kita, untuk mengetahui lebar dari element posting, kita
bisa melihat dari template yang kita pakai, setiap template berbeda-bada sehingga saya tidak bisa memberi patokan di manakah letak lebar element posting.
tapi bagi anda yang masih bingung ya tinggal di coba aja, trus kalau masih kelebaran ya tinggal di perkecil lagi. Contoh : pada postingan terdahulu
saya memasang banner dari resep bisnis dan ternyata
sidebar saya jadi melorot. kode banner nya adalah :



<img src="http://www.resepbisnis.com/images/banner01.gif">, untuk mengakalinya saya tambahkan kode tambahan, kodenya jadi seperti ini :


<img height="58" src="http://www.resepbisnis.com/images/banner01.gif" width="300" />




dan hasilnya gambar banner jadi lebih kecil sehingga muat di simpan di dalam element posting.
tapi hati-hati ada beberapa banner milik situs orang lain, ada aturan bahwa kita tidak boleh merubah ukuran banner. jadi ya ga boleh di rubah dan tentunya ya jangan di masukan
ke dalam element posting, gampang kan.

Memasukan kode HTML yang telalu panjang

Kode HTML yang di pajang pada postingan apabila terlalu panjang ini juga bisa menyebabkan sidebar menjadi melorot, sebagai contoh saya sering
memberikan kode HTML kepada para pengunjung untuk bisa mengcopy nya, dan tentunya ini beresiko sidebar menjadi melorot. Untuk mengatasinya
saya tuliskan tiga jalan alternatif yakni membuat text area sebagai tempat untuk menyimpan kode-kode yang di rasa sangat panjang, memperkecil
ukuran hurup kode HTML tersebut, mencantumkan keterangan bahwa kode tersebut adalah dalam satu baris.



jalan yang terbaik untuk memuat kode HTML yang terlalu panjang adalah dengan membuat text area (cara membuat text area lihat di sini), karena
sepanjang apapun kode tersebut tidak akan berpengaruh terhadap lebar element posting sebab yang menjadi ukuran adalah lebar dari text area.



Untuk kode yang relatif agak pendek kita bisa mencoba memperkecil ukuran huruf kode tersebut, untuk memperkecil ukuran huruf tentu saja harus
menambahkan suatu kode, kode tersebut bisa berupa :



<font size="..."> ... kode yang ingin di perkecil ...
</font>



nilai dari font size itu tergantung anda tapi yang jelas ukurannya kurang dari 1. contoh "0.1" , "0.2" , "0.3" dan lain-lain.
Untuk melihat kode yang sudah saya perkecil silahkan klik di sini.

Memuat address link yang terlalu panjang

Ada kalanya apabila kita mengambil suatu tulisan dari blog lain dan ingin membuat permanent link ke tulisan tersebut, kita menuliskan address artikel
tersebut terlalu panjang. Contoh :



tulisan ini saya ambil dari http://kolom-tutorial.blogspot.com/2007/04/kode-html-tampil-di-posting.html milik bang rohman



address artikel tersebut sebenarnya bisa di singkat dengan cara :



tulisan ini saya ambil dari <a href="http://kolom-tutorial.blogspot.com/2007/04/kode-html-tampil-di-posting.html" target="_blank" > kolom tutorial </a> milik bang rohman



dan yang akan tampil di blog akan seperti ini :



tulisan ini saya ambil dari kolom tutorial milik bang rohman

Memasukan karakter huruf tanpa ada jeda spasi

Bila kita memasukan suatu karakter huruf terlalu panjang tanpa ada jeda spasi, maka karakter tersebut tidak akan bisa di otomatisasi sehingga akan
menabrak dinding element posting dan berakibat sidebar jadi melorot. contohnya kita memasukan karakter sama dengan "======", garis bawah "______"
tanda bintang " ****** ", tanda pagar " ##### ", dan yang lainnya. Solusinya bila kita ingin memasukan karakter tersebut ya masukin sampai batas dinding
element posting jangan lebih



Trus bagaimana kalau semua solusi di atas sudah di lakukan tapi sidebar masih melorot? Jalan keluarnya ya ganti aja templatenya, mungkin template
yang anda pakai bermasalah. Cuma jika mau ganti template jangan lupa untuk mengcopy seluruh data template tersebut, ini berguna karena dalam template lama
tadi banyak data-data penting semisal kode shoutbox, link, kode gambar dan lainnya. Sehingga ketika mengedit template baru anda tidak usah bolak-balik ke situsnya.
untuk mengambil kode.



Ok bro sekian dulu semoga bermanfaat.

Pasang Statistik dan Tracker

Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.



Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs http://www.sitemeter.com. Berikut adalah contoh tool yang bisa kita pilih :

 

 

Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.sitemeter.com.
   




2. klik tulisan Sign Up untuk melakukan pendaftaran





3. klik tombol bertuliskan Next>
   
   
   
4. Klik tombol Next lagi




5. Isi semua tabel yang ada lalu klik tombol Next lagi





6. Isi lagi tabel yang ada, lalu klik tombol Next lagi





7. klik tombol Next lagi





8. klik tombol Next lagi ( cape dech next..next melulu    )




9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan




10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com




11. Silahkan login dengan id anda




12. Bila sudah login, Klik menu Manager




13. Klik Menu Meter Style untuk memilih gaya dari site meter anda




14. Pilih style yang anda sukai, kemudian klik tombol Select




15. Klik menu HTML Code




16. Klik tulisan Adding site Meter to a Blogger.com Site




17. copy semua kode HTML yang di berikan lalu paste pada Notepad




18. Klik menu Logout untuk keluar dari situs tersebut




19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita
    
    
    
    
    

Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah-
langkah berikut :




khusus blog dengan template klasik :

1. Sign in di blogger dengan id anda






2. Klik menu TEMPLATE





3. Klik Edit HTML





4. Klik Edit (yang ada pada bar menu browser anda)





5. Klik Find (on this page)... ⇒ untuk mempercepat pencarian





6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find





7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi





8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai

Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <center> ...kode site meter... </center>




Untuk blog dengan Template baru :

1. Login di blogger dengan ID anda





2. Klik menu layout





3. Klik Elemen Halaman





4. Klik Tambahkan sebuah Elemen Halaman





5. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript





6. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)





7. Copy & paste kode Site meter pada kolom isian





8. Klik tombol Simpan Perubahan





9. Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)





10. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan





11. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN





12. Selesai

Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com trus ya acak-acak deh isinya pasti ketemu....     




Selamat mencoba.

Masalah Posting Artikel

Udah tiga hari ini saya tidak update, ma'lum kemarin abis pulang dari kampung halaman, yo'i bandung tercinta, nemuin si kembar and istri terkasih...   lho ko jadi curhat...



Ok udahan ah intermezonya..jadi garing kalo lama-lama. langsung aja tadi pas buka email, ada seorang kawan yang bertanya kira-kira isinya begini:




Saya mau tanya nich, saya masih awam dalam blogging dan saya kesulitan untuk mengatur postingan saya, yang saya maksud adalah untuk mengatur paragraph postingan, pada saat saya mengetik pada kolom compose, pada tiap paragraph saya selalu memberikan jarak satu spasi dengan menekan tombol enter, tapi hasilnya
publishnya tidak sesuai dengan pengaturan saya pada kolom compose sebelumnya, itu gimana solusinya yach ? Atas perhatian dan bantuannya saya ucapkan terima kasih...Wss



Sebenarnya sudah saya jawabin lewat email, tapi saya pikir-pikir mending di posting aja topik ini barangkali ada manfaatnya buat kawan-kawan yang punya permasalahan yang sama.



Untuk masalah ini, saya sarankan jika setelah mengetik artikel di mode COMPOSE,sebelum di publish, sebaiknya pindah dulu ke mode Edit HTML. Nah pada sela-sela paragrap yang ingin di beri jarak kita sisipkan kode --> <br/>

satu kode <br/> berarti satu line break ke bawah, jadi kalau jarak yang di inginkan jauh ke bawah kita tinggal tambahkan kode <br/> beberapa kali.



Contoh :



Di kabarkan padai awal tahun 2007 kemarin telah di luncurkan suatu produk alarm mobil yang mengklaim dirinya sebagai alarm tercanggih di dunia. Produk tersebut terdiri dari dua item produk dengan kecanggihan yang berbeda.

<br/><br/>

Produk pertama :

<br/><br/>

Alarm dengan menggunakan sim card, yakni alarm yang bisa me report kepada pemilik melalui teknologi GSM. Semisal mobil kita di ganggu orang sehingga bunyi, maka mobil ini akan secara otomatis menelpon kita untuk me report bahwa mobil kita di ganggu, Jangkauannya sampai dengan jangkauan provider dari GSM selularnya.



Maka yang akan muncul di blog kita akan seperti ini :



Di kabarkan padai awal tahun 2007 kemarin telah di luncurkan suatu produk alarm mobil yang mengklaim dirinya sebagai alarm tercanggih di dunia. Produk tersebut terdiri dari dua item produk dengan kecanggihan yang berbeda.



Produk pertama :



Alarm dengan menggunakan sim card, yakni alarm yang bisa me report kepada pemilik melalui teknologi GSM. Semisal mobil kita di ganggu orang sehingga bunyi, maka mobil ini akan secara otomatis menelpon kita untuk me report bahwa mobil kita di ganggu, Jangkauannya sampai dengan jangkauan provider dari GSM selularnya.




atau bisa juga kita menggunakan tag <p> ... </p>, tapi saya lebih menyukai tag <br/> tadi.



Untuk permasalahan tadi saya rasa sudah cukup jelas, nah saya sarankan bila kawan-kawan ingin terbiasa dengan kode HTML, maka ketika posting artikel sebaiknya pada posisi Edit HTML jangan pada posisi Compose, sebab ada peribahasa alah bisa karena biasa.



Mudah-mudahan bermanfaat.

Ada Video di artikel

Memuat video diantara artikel, selain untuk memperindah artikel itu sendiri, juga video ini bisa berfungsi sebagai media yang efektif dalam menyampaikan sesuatu kepada para pengunjung. Terlebih apabila anda merupakan seorang pebisnis yang dengan video ini dapat lebih memperjelas
tujuan anda di banding dengan hanya sebuah tulisan. dibawah ini adalah contoh sederhana dari video , silahkan anda klik tombol icon Play untuk mengaftifkannya.











Untuk membuat sebuah video, kita bisa menggunakan situs layanan pembuatan video, salah satunya adalah http://www.youtube.com.
Ikuti langkah-langkah berikut ini :

1. Untuk daftar silahkan kunjungi http://www.youtube.com


2. Setelah berada di situs tersebut, klik tulisan Sign Up yang berada pada layar bagian atas


3. Isi semua data diri anda pada form yang di sediakan, jangan lupa beri tanda tik/cek pada kotak di samping tulisan  »»  Sign me up for the "Broadcast Yourself" email
   - I agree to the terms of use and privacy policy. lalu klik tombol Sign Up


4. Setelah berhasil, anda diminta untuk veryfikasi, silahkan cek email yang anda daftarkan tadi untuk melakukan veryfikasi


5. Jika email dari youtube.com sudah masuk, silahkan buka lalu klik tulisan Confirm your email addres


6. Dengan meng klik tulisan tadi, secara otomatis anda sudah masuk kedalam halaman account anda dan siap untuk upload video


7. Klik tulisan Upload Video yang berada pada layar sebelah atas


8. Isi form yang di sediakan


9. Klik tombol bertuliskan Continue Uploading


10. Klik tombol Browse, masukan file video yang ingin anda masukan


11. Beri tanda tik/cek pada radio button, public  »»  jika video anda bisa dilihat oleh umum. Private  »»  Jika video anda bersifat pribadi yang hanya
    bisa di lihat oleh orang yang anda tunjuk


12. Klik tombol Upload Video, tunggu beberapa saat sampai proses upload selesai


13. Setelah proses upload selesai, anda tinggal mengcopy kode HTML yang di berikan. lalu paste pada Notepad


14. Silahkan klik Log Out untuk keluar dari situs tersebut


15. Selesai. anda sudah mempunyai video yang bisa di simpan pada artikel anda

Untuk memasukan kode video yang telah anda copy tadi, caranya yaitu anda tinggal posting artikel seperti biasa lalu sisipkan kode tersebut pada tempat
yang anda inginkan. Cuma saat copy n' paste kode tersebut posisi posting harus pada Edit HTML jangan pada posisi Compose. Jika sudah
selesai memasukan artikel, Tinggal klik Publish dan video anda siap di lihat oleh para pengunjung blog anda.



Selamat mencoba !

Pasang Jam di Sidebar

Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Salah satu contoh jam yang tersedia adalah sebagai berikut :










Dan bagi anda yang ingin blognya di pasang jamjuga, silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.clocklink.com


2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?


3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll


4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi


5. Klik tombol yang bertuliskan Accept


6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00


7. Set ukuran jam yang anda sukai di samping tulisan size


8. Copy kode HTML yang di berikan pada notepad


9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan


10. Selesai

Karena kode jam blog ini adalah merupakan suatu kode HTML, maka bagi anda yang masih bingung cara menempatkan kode HTML pada template blog, silahkan baca kembali postingan saya terdahulu di sini



Selamat mencoba.

Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).





Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.



2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda



3. Pada kolom yang berjudul Style, klik menu appearance.



4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.



5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start



6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan



7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda



8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.



9. Selesai

 

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda



2. Klik menu Template



3. Klik Edit HTML



4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan



5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
   
   

6. Klik tombol Preview untuk melihat perubahan yang kita buat.



7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes



8. Selesai

 

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

 

Untuk Blogger baru :

1. Silahkan Login dengan id anda



2. Klik menu Layout



3. Klik Page Element



4. Klik Add a Page Element



5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
   
   

6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka



7. Copy paste kode HTML shoutbox anda di dalam form Content



8. Klik tombol Save Changes



9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai



10. Tekan tombol Save



11. Selesai

 

Selamat mencoba !

 

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

1. http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.