Membuat efect Resize Image di Post



Assalamu'alaikum semua.. moga baik yach.
hari ini penulis coba share tutorial membuat efect gambar menjadi lebih besar apabila mouse / pointer disorotksn/ tepat pada gambar yang ditunjuk. Ah, sebenarnya agak males sih bikin tutorial ini, sebab cara nulisnya agak ribet.. hehe.... maklumlah cara menulis kode html di blog itu agak lumayan susah juga.
Akan tetapi walau sesulit apapun itu, penulis disini akan mencoba menjelaskan secara 'gamblang'(jelas:red), mudah-mudahan sobat cukup jelas untuk mempraktek kannya di Blog kesangan sobat. Ok




Berikut tutorialnya.......... simak baik-baik ya.. :
  1. Yang pasti masuk alias 'login' ke bloger kesangan anda. ini linknya kalau belum login. login blogger.
  2. Masuk ke Desing - Edit HTML - Centang 'Expand Widget Templates'
  3. Oh ya, jika sekiranya kawatir blognya rusak habis di modifikasi ( kayak motor aja ), alangkah lebih baik sobat bisa backup template sobat. Klik aja 'Download full template'
  4. Pada edit template Copykan/Tempel kode html di bawah ini tepat di atas  </style>
  5. Kode HTML :
  6. Setelah itu Simpan 'Save Templates' dan Silakan test blog sobat.
Catatan PENTING ! :
  • Ganti .post dengan lokasi 'selector' nama dari tempat post sobat (supaya kode di atas dapat dijalankan)
  • Apabila ingin semua gambar di blog mendapat efect perubahannya, maka cukup hilangkan .post
untuk lebih detail tentang apa itu 'selector', perhatikan gambar berikut :

Untuk hasil previewnya, sobat bisa lihat blog ini http://ilmu-musafir.blogspot.com/   Heheblognya penulis sendiri maksudnya.


Read More Add your Comment 4 comments


Cara Membuat Shout Box



Kotak ngoceh 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 Oggix . Caranya adalah sebagai berikut :

  1. Buka situs Oggix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.
  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" :D 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
  10. Tambahkan element HTML/Javascript.
  11. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
  12. Jadi deh.....

Sebagai catatan :
Jika anda dahulu menggunakan shoutmix, maka kali ini shoutmix telah berbayar alias tidak gratis lagi. Maka jika anda belum registrasi... ya shout box anda akan di nonaktifkan.


Read More Add your Comment 0 comments


 

Categories

Status

© 2010 You Know it All Rights Reserved Thesis WordPress Theme Converted into Blogger Template by Hack Tutors.info