- Siapkan aplikasi Notepade di komputermu
- Masuk ke akun Face -Book mu
- Cari yang cantik cantik di mesin penelusuran Face-Book( tentu saja yang memiliki album photo )
- Bilamana sudah berhasil menemukan objek, maka klik kanan mouse anda dan pilih copy image location
- Pastekan pada notepade
- Pasangkan URL photo dari notepade ke code yang ditandai dengan warna merah .
<head><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent
overlaying*/
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally
*/
z-index: 50;
}
</style>
</head>
<body>
<div class="gallerycontainer">
<a class="thumbnail" href="#thumb"><img
src="https://m.ak.fbcdn.net/sphotos-b.ak/hphotos-ak-frc3/548648_455022531227343_160017768_n.jpg" width="100px" height="66px" border="0"
/><span><img src="https://m.ak.fbcdn.net/sphotos-e.ak/hphotos-ak-prn1/540033_515389165163825_1786595236_n.jpg" /><br />Pelajar Amburadul</span></a>
<a class="thumbnail" href="#thumb"><img
src="https://m.ak.fbcdn.net/sphotos-c.ak/hphotos-ak-prn2/9644_454970381232558_535035077_n.jpg" width="100px" height="66px" border="0"
/><span><img src="https://m.ak.fbcdn.net/sphotos-c.ak/hphotos-ak-prn1/941621_526090060760402_264753448_n.jpg" /><br />Face Book Moral Bejad</span></a>
<a class="thumbnail" href="#thumb"><img
src="https://m.ak.fbcdn.net/sphotos-h.ak/hphotos-ak-prn2/9242_488686611162582_744259514_n.jpg" width="100px" height="66px" border="0"
/><span><img src="https://m.ak.fbcdn.net/sphotos-b.ak/hphotos-ak-ash4/487452_440162406025552_1807299205_n.jpg" /><br />Cantik Sayang Amburadul</span></a>
<br />
</div>
</body>
</html>
7. Log in ke akun blog mu . kemudian pilih lay out / tata letak.
8. klik add gadget dan pilih Java Script
9.Save -Publish
Jadi dech,...punya photo cantik curian ,..heheh.
Contoh :
No comments:
Post a Comment