rss

Saturday, January 9, 2010

Menghasilkan Pantulan Gambar dalam Post Blogger


Hari ini saya akan cuba tunjukkan kaedah atau cara termudah bagi anda untuk menghasilkan pantulan gambar pada post blogger anda. Jadi pada masa akan yang datang anda boleh la menghasilkan pantulan gambar dengan sendiri. Ok,kita mulakan sama-sama ya... Live Demo Sini

Langkah 1 :
- Download fail ini di ziddu*tips - reflection.js disini 
- Extract fail yang telah anda  muat turun tadi.
- Buka folder atau fail yang telah di extract tadi.
- Abaikan item lain,fokuskan ke "item reflection.js yang berbentuk S warna kuning" dalam folder tadi.
- Upload item reflection.js tadi ke server masing-masing ( hosting masing-masing ).
- Setelah anda upload reflection.js tadi,sudah semestinya anda diberi direct link item berkenaan.
*( simpan direct link itu,sekejap lagi anda perlukan ) Seterusnya...

Langkah 2 :
- Log masuk ke akaun blogger anda
- Klik dashbord
- Klik layout
- Klik edit html
- Klik download full templates (kalau was-was)
- Klik atau tik expand widget templates
- Cari kod ini : ]]><b:skin>
- Masukan kod dibawah di atas atau sebelum kod ]]><b:skin>
* Gantikan link warna merah di bawah dengan link anda.

<script src='http://direct_link_anda_tadi/reflection.js' type='text/javascript'/>


- Klik preview ( kalau tiada masalah )
- Klik save templates

Langkah 4 :
- Buat posting baru,cari mana-mana gambar yang anda suka dan masukan kod seperti yang dibawah ini.


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghONJI2Gsl2DgjpDduH5DTGvXHR7CxdGz6cCy6Mf5mD8d2K-KYf5-wpVzp7I9ZZW4mNup6_IskzvFRrIWVvEjJlih2I_U_rSas4ayOkX0fexX5a3Ny3ExAVwFvRJbKAbyPloPkqoJiadtK/s128/potter128.png" class="reflect"/>


- Publish post anda,dan lihat hasilnya. Cantik? hehehe...
- Kalau nak pantulan pada gambar posting anda jangan lupa tambah kod "class="reflect"

Selamat mencuba kengkawan!!
Kalau ada masalah,apa kata anda tinggalkan saya komen...


Comments :

Comment 0 comments for “Menghasilkan Pantulan Gambar dalam Post Blogger”

Post a Comment

* You can leave some comment here. No spam please!
** Allowed HTML Tags : (b),(i),(a)

 
How To Create Blog On Blogger
How To Purchase Domain Name On Blogger
How To Change Template On Blogger