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>

5. Setelah itu Save template sobat.

Ket : 

• Ganti tssjohan dengan facebook username sobat.
• Ganti johantss dengan twitter username sobat.
• Ganti https://plus.google.com/118296585054030894722 dengan url profil Google+ sobat.
• Ganti timeout: 10 menjadi angka yang anda inginkan. Contohnya saya ingin 20 detik, jadi saya ganti angkanya menjadi timeout: 20

Cukup mudah bukan Cara Memasang 3 in 1 Pop-Up Like Di Blog. Jika tutorial diatas tidak bisa silahkan kasih tau saya melalui kotak komentar yang ada dibawah. Jika tutorial diatas berhasil alangkah baiknya sobat juga memberi saya G+ nya. Oke cukup sekian tutorial kali ini dari saya, semoga bisa bermanfaat dan bisa menambah wawasan anda. ^_^

Source : http://acep-computer-science.blogspot.com/