Cara Membuat Gallery Foto Di Blog Dengan CSS

---

Gallery Foto, Foto Gallery, Cara Membuat Foto Gallery, Cara Membuat Gallery Foto, Cara Membuat Gallery, Tutorial Membuat Gallery Foto, Tutorial Membuat Foto Gallery, Cara Membuat Gallery Foto Di Blog, Cara Membuat Gallery Foto Dengan, Cara Membuat Foto Gallery Di Blogspot Dengan Mudah.

Contoh/Example :

• 
• 
• 
• 
• 
• 
• 

Langsung Saja Masuk Ke Intinya Ok :D:

1. Login Ke Akun Blogspot/Blogger Sobat,

2. Buat Postingan/Entry Baru Untuk Membuat Gallery Foto Blog Sobat,

3. Jika Sudah Membuat, Beri Judul Dengan Judul Yang Anda Inginkan,

4. Masuk Ke Bagian HTML, Lalu Copy/Paste Script Didalam Kotak Note Di Bawah Ke Dalam Bagian HTML Postingan Anda :

CSS Code :

<style>#gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:400px; height:425px; border:1px solid #888; background:#fff url(images/image6.jpg) } #gallery li { float:left; } #gallery li a { display:block; height:30px; width:400px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img { width:400px; height:30px; border:0; } #gallery li a:hover { background:#eee; height:239px; } #gallery li a:hover img { height:239px; } </style>

5. Jika Sudah Enter 1X dan Masukan Kode HTML Di Bawah :

HTML Code :

	<ul id="gallery">
	<li><a href="Link Tujuan Foto">
	<img src="Link Foto Yang Ingin Dimasukan" alt="#1" title="Foto1" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#2" title="Foto2" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#3" title="Foto3" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#4" title="Foto4" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src="Link Foto Yang Ingin Dimasukan " alt="#5" title="Foto5" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#6" title="Foto6" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#7" title="Foto7" /></a></li>
	</ul>
	6. Simpan Postingan/Entry Dan Sobat Tinggal Buat Menu Navigasi Yang Mengarah Ke Postingan Yang Di Buat Itu :D. Sekian Dulu Tutorial Hari Ini Dari Saya Mohon Maaf Bila Kurang Di Mengerti dan Jika Ada Yang Tidak Di Mengerti Bisa Komentar Saja dan Insyaallah Saya Bisa Membantunya :D Selamat Mencoba ^_^