Phote Effect
Halo, sudah lama nih ga postingan di Blogger., gara-gara hujan terus di Jakarta. Loh., [apa hubungannya ya ?]. Kali ini saya ingin berbagi kode perpaduan antara CSS & HTML untuk mempercantik tampilan Photo Galery. Yaa, bagi sobat ingin di BLOG nya ada menu khusus untuk berbagi Photo saya kasih listing nya ya,,,
Contoh nya seperti di bawah ini :
Jika tertarik, kalian bisa melihat kode CSS nya seperti yang ada di bawah ini, Kalian bisa edit sesuka kalian.
Kode CSS nya ialah :
Setelah itu Copy Paste kode CSS di atas di :
1. LOGIN ke Blogger kalian
2. Masuk ke Template - sesuaikan
3. Tingkat Lanjut
Kemudian, kalian Copy Paste kode HTML nya di bawah ini, di Halaman Postingan Kalian.
Kode HTML nya ialah :
<div style="border: 1px solid #eee; height:100%; overflow: auto; padding: 10px; width:inherit; background-color:#FFFFFF" >
<div class="view fourth-effect">
<a href="#"><img src="http://citraindonesia.com/wp-content/uploads/2012/11/Presiden-SBY.jpg" /></a>
<div class="mask"></div>
</div>
<div class="view fourth-effect">
<a href="#"><img src="http://citraindonesia.com/wp-content/uploads/2012/11/Presiden-SBY.jpg" /></a>
<div class="mask"></div>
</div>
<div class="view fourth-effect">
<a href="#"><img src="http://citraindonesia.com/wp-content/uploads/2012/11/Presiden-SBY.jpg" /></a>
<div class="mask"></div>
</div>
<div class="view fourth-effect">
<a href="#"><img src="http://citraindonesia.com/wp-content/uploads/2012/11/Presiden-SBY.jpg" /></a>
<div class="mask"></div>
</div>
</div>
Kalian tau kan, jika Text yang berwarna merah merupak LINK, dari gambar nya.
Nah kemudian kalian Save deh, semoga Postingan saya membantu nya
0 Response to "Membuat Photo Effect"