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.. :
- Yang pasti masuk alias 'login' ke bloger kesangan anda. ini linknya kalau belum login. login blogger.
- Masuk ke Desing - Edit HTML - Centang 'Expand Widget Templates'
- 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'
- Pada edit template Copykan/Tempel kode html di bawah ini tepat di atas </style> Kode HTML :
- 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.
Tags: Programming , Tutorial Blog
Previous Article
Subscribe to:
Post Comments
(
Atom
)
Share your views...
4 Respones to " Membuat efect Resize Image di Post "
wah nemu banyak mas bro ..
kode <*/s*t*y*l*e> nya aja ada tiga di html aku ..pilih yang mana tuh mas bro????
kunjungan balik sekalian numpang bobok ,,heehehehe
foll backnya jangan lupa :D
Sama saja sebenarnya peletakaanya yg penting di atas tag penutup style<*/style>, cuma untuk manajemen tag html bawaannya biasanya di di taruh di atas <*/style> yang pertama.
gak bisa sobat ..
maaf baru berkunjung :D
gimana nih??udah dicoba ..tapi gak bisa :(
Monday, March 05, 2012 2:50:00 PM
aku maunya semua gambar sobat ...
jadikan kuhapus tulisan post itu ,, tapi tetep gak mau ...
Post a Comment
1. Tiinggalkan komentar jika anda rasa artikel ini bermanfaat.
2. Jangan ijin copy paste jika ingin share artikel ini namun cantumkan sumber asal artikel.