Cara Nak Buat 3 dalam 1 Likebox Bila Pelawat Masuk
This tutorial will tell you how to setup 3 in 1 Like box in one touch (showing above). This like box will appear once your visitor visit your site. Facebook, Twitter and Google + that's what we mean. So, your visitor will get option with one they will like or follow you. The code for this like box will work correctly with the older template. You can try add this code to your blog and just try your luck. If did not work, we consider your blog template is the new one, so you need to change your blog template for using this like box.
Now let’s proceed with the tutorial (for blogspot user only!):
1. Go to Design > Edit HTML
2. Download Full Template for backup.
3. Click on Expand Widget Templates.
4. Copy code below.
<!-- KakiNetwork.Com 3 In 1 Likebox Start -->
<script type='text/javascript'>
//<![CDATA[
TITLEKN='Bloggerkini';FBKN='Bloggerkini';TWITTERKN='Bloggerkini';URLKN='https://plus.google.com/117492407450639550126';
//]]>
</script>
<style>#stp-bg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:998;}#stp-main{position:fixed;top:220px;_position:absolute; /* hack for IE 6*/display:none;width:450px;border:7px solid #2f2f2f;background:#fff;z-index:999;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif !important;font-size:13px;}#stp-title{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;font-size:18px;padding:13px 0 13px 15px;}#stp-close{float:right;font-size:14px;font-weight:bold;font-family:Verdana, Geneva, sans-serif;color:#777777 !important;margin:0 13px 0 0;border-bottom:0px !important;text-decoration:none !important;}#stp-close:hover{text-decoration:none !important;}#stp-msg{background:#4074CF;padding:10px 15px;color:#ffffff;font-family:Arial, Helvetica, sans-serif !important;font-weight:bold;line-height:20px;}#stp-buttons{margin:25px 0px 25px 0;padding:0 0 0 15px;}#stp-bottom{padding:15px 10px;background:#EFEFEF;color:#95989F;border-top:1px solid #DDE0E8;}#stp-counter{font-size:11px !important;text-align:right;font-weight:bold;}.stp-button{float:left;width:120px;}.step-clear{clear:both !important;}</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript' src='https://apis.google.com/js/plusone.js'></script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
<script src='http://yourjavascript.com/041273026/[KN]3in1_english.js' type='text/javascript'></script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KN3IN1({
timeout: 15,
wait: 1,
closeable: true });
});
//]]>
</script>
<!-- KakiNetwork.Com 3 In 1 Likebox End -->
5. Press Ctrl+F and type <body>. Paste the code below <body> tag. Showing below.
6.1 - TITLEKN change Bloggerkini with your blog name.
6.2 - FBKN change Bloggerkini with your Facebook username, get Here.
6.3 - TWITTERKN change Bloggerkini with your Twitter username without @ symbol. Example: Bloggerkini Twitter username is @Bloggerkini, so we just take Bloggerkini without @ symbol.
6.4 - URLKN change 117492407450639550126 with your Google+ page ID, get Here.
6.5 - TIMEOUT change 15 with any number you want (in Second format). This timeout is the like box time display. If you not change this setting and keep 15 as your setting, the like box will show up 15 seconds and will be disappear after 15 seconds.
6.6 - WAIT change 1 with any number you want (in Day format). We advice you to keep this setting. 1 day means the like box will appear only once in a day for 1 visitor.
6.7 - CLOSEABLE change True with False if you don't want close button for your like box. If you want it, just keep this setting as True.
7. Click Preview button first, if you like it then click Save Template. You done!
Important : This codes was copyrighted by KakiHeboh.com @ KakiNetwork (respect copyrights)
Like this tutorial?
.
OR
Pick a 
1 comments:
do you think this tutorial complicated? tell us what do you feel? we will try to help you..
Post a Comment