Cara Memasang 3 in 1 Pop-Up Like Di Blog

Cara Memasang 3 in 1 Pop-Up Like Di Blog | Hay sobat apa kabar kalian semua ? Kali ini johantss akan membagikan tutorial blog lagi. Tutorial kali ini adalah Cara Memasang 3 in 1 Pop-Up Like Di Blog. Ada yang tau engga dengan widget ini ? mungkin yang belum tau sobat bisa melihat demonya DISINI. Jika sudah tau, maka pasti sobat ingin juga memasangnya bukan ?

Beberapa blog menyediakan "Facebook JQuery LikeBox Popup" tetapi Facebook tidak hanya situs jejaring sosial yang membantu blog Anda untuk mendapatkan trafik pengunjung. Dalam posting ini saya akan memberikan pop-up seperti widget kotak yang meliputi Facebook Like Box, Google+ dan Tombol Follow Twitter. Beberapa fitur widget ini adalah sebagai berikut :

• Widget ini bekerja sangat lancar hanya karena kode jQuery saya host di opendrive.
• Widget ini memiliki tombol close yang membantu pengguna untuk menutup widget ini setelah berlangganan blog Anda.
• Kali adalah salah satu fitur utama dari widget ini, Anda dapat mengatur timer dan secara otomatis akan hilang setelah waktu ke waktu.
• Widget ini loadingnya cepat, itu tidak mempengaruhi blog loading berarti widgetnya adalah SEO friendly.
• Dan juga widget ini saya peroleh dari lordhtml dengan sedikit edit biar lebih responsive.

CARA MEMASANG :

1. Buka Blogger
2. Masuk ke Template
3. Jangan lupa Centang Expand Template Widget
4. Lalu cari kode </body> , lalu copy kode dibawah ini DIATAS kode </body>

<script type='text/javascript'>
//<![CDATA[
TITLEKN='Blog';FBKN='tssjohan';TWITTERKN='johantss';URLKN='https://plus.google.com/118296585054030894722';
//]]>
</script>
<link href='https://www.opendrive.com/files/MV80NzE1NjY0X1dwOEx2/like-lordhtml.css' rel='stylesheet'/>
<script src='http://johantss.googlecode.com/files/jquery-1.6.1.min.js'/>
<script src='http://johantss.googlecode.com/files/plusone.js' type='text/javascript'/>
<script src='http://johantss.googlecode.com/files/all.js#xfbml=1'/>
<script src='http://johantss.googlecode.com/files/widgets.js' type='text/javascript'/>
<script src='http://johantss.googlecode.com/files/likebox3in1.js' type='text/javascript'/>

<script language='javascript'>
//<![CDATA[
$(document).ready(function(){                              
        $().KN3IN1({
            timeout: 20,
            wait: 0,
            closeable: true        });
});
//]]>
</script>

Read More

Cara Mudah Membuat Flash Animasi Label Cloud Widget

Flash Animasi Label Cloud Widget sudah Populer pada setiap blog. Widget Flash Animasi ini adalah sebuah Hiasan untuk Label pada Blog. Flash Animasi ini dibuat oleh autor Way2Blogging yaitu Harish. Widget ini Dibuat agar dapat menghiasi label agar lebih menarik dibandingkan dengan Label yang tidak. dan pengunjung lebih tertarik jika Gadget pada blog beranimasi. untuk itu, saya akan menjawab semua permasalan anda. jika sulit memasangnya, Untuk itulah saya akan menjelaskan cara untuk membuat Flash Animasi Label Cloud ini dengan mudah tanpa Mengedit HTML hanya saja anda harus menambahkan Gadget HTML. Jika dibandingkan dengan blog yang lain anda harus mengedit dan menghapus beberapa kode. Untuk Membuatnya Tanpa repot ikutilah Cara Berikut ini:

• Silahkan Login Ke Blogger Anda.
• Setelah itu, Klik Menu Tata Letak --> Add Gadget HTML.
• Lalu, Masukan Kode berikut ini:

<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://your-belajarblog.blogspot.com/">Your-BelajarBLOG</a>Powered by <a href="http://www.way2blogging.org/">Way2Blogging</a></p></div>

<script type="text/javascript">

/*<![CDATA[*/

var w2bFlashLabelSettings = {

    blogurl        : "http:/johantss.blogspot.com",

    color          : "000000",

    hoverColor     : "333333",

    backgroundColor: "FFFFFF",

    size           : 12,

    speed          : 100,

    width          : 250,

    height         : 300,

    transparency   : true

};

/*]]>*/

</script>

<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-new-flash-label-cloud.js"></script>

Read More