Membuat Pop-Up Contact dari Google Docs

Langkah 1: Simpan dulu Template yang kalian miliki

Langkah 2: cari >> design >> edit html >> ]]></b:Skin>  dan paste kode di bawahnya.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="http://dinhquanghuy.110mb.com/contactform/jquery.fancybox-1.3.0.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="http://dinhquanghuy.110mb.com/contactform/jquery.fancybox-1.3.0.css" media="screen" />


Langkah 3: Cari </head> dan pate kode di bawah

<script type="text/javascript">
        $(document).ready(function() {
                      
            $("#contact_form").fancybox({
                'width'                : '75%',
                'height'            : '75%',
                'autoScale'         : false,
                'transitionIn'        : 'none',
                'transitionOut'        : 'none',
                'type'                : 'iframe'
            });
          
          
        });
    </script>

Langkah 4: Di dalam kontak atau halaman yang digunakan, paste kode dibawah:

<a id="contact_form" href="embed code">Contact me</a> 

Kode kalian yang kalian dapatkan harus seperti ini :

http://spreadsheets.google.com/embeddedform?formkey=dGF2d0VzaXJfMUx3WWpaOXpJc1FKOWc6MA