Selasa, 24 Februari 2009

Cara Membuat Facebox Image Viewer

Fungsi Blog salah satunya merupakan sarana kita menuangkan berbagai hal yang ingin kita tulis atau ingin kita tampilkan agar dapat di baca dan dinikmati para pengunjung blog kita.Berbicara tentang tampilan ! mempercantik blog adalah hal yang perlu kita lakukan agar penampilan blog kita lebih berpareasi dan lebih menarik tentunya.Nah kali ini untuk mendukung tampilan blog kita,saat ini saya ingin berbagi tentang cara membuat Facebox Image Viewer pada blog seperti pada blog saya ini (click disini untuk melihat contoh tampilan image dengan menggunakan facebox image viewer klik pada image untuk melihat efect facebox).dan adapun langkah-langkahnya adalah sebagai berikut:

1.seperti biasa pertama-tama kita log in dulu ke blogger (www.blogger.com)
2.Pilih layout
3.Pilih Edit HTML
4.Kemudian copy code di bawah ini dan pastekan diatas code

</head>
<scriptsrc='http://www.geocities.com/ramon_28th/jquery-1.2.2.pack.js' type='text/javascript'/>
<link href='http://www.geocities.com/ramon_28th/facebox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://www.geocities.com/ramon_28th/facebox.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
})
</script>


setelah selesai
5.Selanjutnya Copy code di bawah ini dan letakan pada sidebar ataw postingan kamu


<p><a href="http://www.geocities.com/ramon_28th/photogw1.gif" rel="facebox"><img src="http://www.geocities.com/ramon_28th/photogw1.gif" alt="photogw1.gif" width="100" height="90" /></a></p>

6.Jangan lupa mengganti
http://www.geocities.com/ramon_28th/photogw1.gif
dengan HTML image milik anda.
dan Ganti
photogw1.gif
dengan image.gif anda

Demikian langkah-langkahnya dan semoga berhasil :)
Posted by: Bambang PageBambang PageUpdated at : 06.57


Jika Anda Menyukai Artkel Seperti Di atas,Link back ke artikel ini dengan mengcopy salah satu kode di bawah ini

URL untuk Postingan:


HTML Link Code:

BB (forum) link code:



0 komentar:

Posting Komentar

 

Copyright 2011 Bambang's Page is proudly powered by blogger.com | Design by Bambang's Page | Find us on Google+

Postingan Baru

Komentar Baru

Postingan Acak