Tutorial Pasang Widget Follow Email dengan Animasi jQuery

Banyak pengguna Blogspot yang iri dengan Wordpress karena tempilannya. Padahal pengguna Blogspot juga bisa menggunakan widget seperti yang ada pada Wordpress, contohnya adalah widget yang saya bagikan kali ini.

Sebenarnya ini adalah sebuah plugin untuk Wordpress, tapi sekarang sudah bisa dinikmati oleh para Blogger. Widget ini menggunakan jQuery dengan efek pop out yang menarik. Simak cara berikut untuk memasangnya.

Karena widget ini berbasis jQuery, Anda harus memiliki library jQuery dalam template blog Anda. Jika pada template Anda sudah terdapat library jQuery, lewati saja langkah pertama.
  1. Tambahkan code berikut sebelum tag </head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  2. Masukkan script berikut sebelum tag </head>
  3. Sekarang cari (ctrl + f) </body> lalu masukkan kode berikut di atasnya.
  4. <div id='sektimfollowSubscribe' style='display:none;'>
        <div class='sektimfollowForm'>
            <a class='sektimfollowButton' href='#' title='Follow'><span>Follow</span></a>
            <h3>Follow Sektim</h3>
    <p>Setiap artikel baru kami akan dikirim ke email Anda</p>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=sektim-area', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
                <input class='emailInput' name='email' placeholder='Masukkan email Anda...' type='text'/>
                <input name='uri' type='hidden' value='sektim-area'/>
                <input name='loc' type='hidden' value='en_US'/>
                <input class='emailSubmit' type='submit' value='Berlangganan'/>
            </form>
    <p class='sektimFollowFooter'>
    <a href='http://feedburner.google.com' target='_blank'>Delivered by FeedBurner</a>
            </p>
        </div>
    </div>
    
  5. Jangan lupa ganti teks yang berwarna merah dengan ID feedburner Anda, kemudian klik Simpan Template
Hasilnya seperti yang terlihat pada gambar di atas.

4 comments

gan di blog ane kok gak bisa????....

Reply

saya pasang di www.dealertoyotabandung.web.id ko ga bisa yaa... email not Subscription ya... gimana ya gan?

Reply

Saya juga coba pasang di http://www.kreditmobiltoyotabandung.blogspot.com, kenapa ga bisa

Reply

Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

Untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : melasian77cs@gmail.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
asianbet77.com

Download Disini

Reply

Post a Comment