Hi quest ,  welcome  |  sign in  |  registered now  |  need help ?

Membuat Efek Expose

Written By Munazat on Rabu, 07 Desember 2011 | 21.08


Membuat efek expose di teks, biar jelas langsung saja kamu coba klik di kotak di bawah yang berwarna putih dan kamu akan melihat halaman sekitar kotak di blog ini akan redup









KLIK DISINI DAN KAMU AKAN LIHAT BAGAIMANA LAYAR DI SEKITAR KOTAK INI BURAM
.
Langkah pertama untuk membuatnya kamu massuk dulu ke
Blogger
Design
Edit HTML >> jangan lupa beri tanda centang di kotak expand widget template
cari kode <head>.
letakkan kode berikut di bawah atau setelah kode <head>.

<!-- include the Tools -->
<script src='http://izoeljquerytoolsminjs.googlecode.com/files/jquery.tools.min.js'/>
Nah kalau sudah, langkah selanjutnya kamu bisa kopy kode berikut di sembarang tempat di blog kamu dan ganti teks yang saya warnai hijau denga teks kamu

<style>

/* the styling of the exposed element */

#test {

border:1px solid #ccc;

background-color:#fff;

padding:50px;

font-size:30px;

margin:20px auto;

text-align:center;

width:auto;

}

</style>


<!-- element to be exposed when clicked -->



<div id="test">

Click on this element to expose it.
</div>


<!-- javascript coding -->

<script>


// execute your scripts when the DOM is ready. this is a good habit

$(function() {


// assign a click event to the exposed element, using normal jQuery coding

$("#test").click(function() {


// perform exposing for the clicked element

$(this).expose();


});

});

</script>
Oke sampai disini udah paham ??, silakan di praktekkan, semoga berhasill.........

0 komentar:

Posting Komentar