Wednesday, June 3, 2009

Logo Button

Nah kalau ada diantara sobat sekalian yang senasib dan sepenanggungan seperti saya (lho ko jadi ngawur ngomongnya)jangan dulu berkecil hati, seperti biasa ada pepatah mengatakan banyak jalan menuju Roma ((irama)kaya postingan dulu...dah basi)untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini :

  1. Silahkan buka alamat http://cooltext.com
  2. Lalu klik tulisan Design a Logo
  3. Klik gambar contoh logo yang sobat sukai
  4. Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
  5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
  6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
  7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
  8. Klik tombol yang bertuliskan Render Logo Design
  9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung
  10. Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
  11. Selesai. Sobat sudah mempunyai sebuah logo.



Agar logo yang kita buat tadi bisa tampil di blog, sobat harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal www.photobucket.com.

Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :

  1. Silahkan buka alamat http://www.photobucket.com,
  2. Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
  3. Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
  4. Silahkan Sign In dengan Id sobat
  5. Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
  6. Klin tombol yang bertuliskan Upload
  7. Tunggu beberapa saat ketika proses upload berlangsung
  8. Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
  9. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
  10. Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat




Nah sekarang sobat tinggal memasukan kode gambar tadi ke blog ke blog sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg. Disini sobat harus menambahkan kode , sehingga kode tadi menjadi seperti ini :



Maka contoh hasilnya akan seperti ini :





Untuk cara memasukan kode HTML kedalam blog sudah sering di bahas, jika lupa silahkan klik di sini.

Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila sobat ingin memperbesar atau memperkecil image tersebut, sobat bisa menambahkan beberapa atribut ke dalam kode HTML nya. Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :

ini contoh saja

sedikit clue, kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, sobat tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk ukuran tinggi image, sobat tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.

Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :

Pengunjung

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 emoticon.gif )


  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
...kode site meter...



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

Buku tamu

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

Monday, June 1, 2009

Masang Jam

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

Blogger emotion

Blogger Emoticons

























Selamat menghiasi postingannya...

Yahoo emotion di blogger

happy:)happy


sad:(sad


winking;)winking


big grin:Dbig grin


batting eyelashes;;)batting eyelashes


big hug>:D

confused:-/confused


love struck:xlove struck


blushing:">blushing


tongue:Ptongue


kiss:-*kiss


broken heart=((broken heart


surprise:-Osurprise


angryX(angry


smug:>smug


coolB-)cool


worried:-Sworried


whew!#:-Swhew!


devil>:)devil


crying:((crying


laughing:))laughing


straight face:straight face


raised eyebrow/:)raised eyebrow


rolling on the floor=))rolling on the floor


angelO:-)angel


nerd:-Bnerd


talk to the hand=;talk to the hand


Yahoo hidden emoticons



puppy dog eyes - New!:o3puppy dog eyes - New!



I don't know:-??I don't know


not listening%-(not listening


pig:@)pig


cow3:-Ocow


monkey:()monkey


chicken~:>chicken


rose@};-rose


good luck%%-good luck


flag**==flag


pumpkin(~~)pumpkin


coffee~O)coffee


idea*-:)idea


skull8-Xskull


bug=:)bug


alien>-)alien


frustrated:-Lfrustrated


praying[-O

money eyes$-)money eyes


whistling:-"whistling


feeling beat upb-(feeling beat up


peace sign:)>-peace sign


shame on you[-Xshame on you


dancing\:D/dancing


bring it on>:/bring it on


hee hee;))hee hee


chatterbox:-@chatterbox


not worthy^:)^not worthy


oh go on:-joh go on


star(*)star


hiroo->hiro


billyo=>billy


aprilo-+april


yin yang(%)yin yang
 

Featured