2. Pilih HTML Javascript Lalu Masukan Kode Berikut Ini
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Jangan di Lupa Like ya</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Yogie-Five-Six/368069133289155?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=GuaTampan&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Jangan di Lupa Like ya</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Yogie-Five-Six/368069133289155?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=GuaTampan&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
Yang Berwarna Merah Ganti Sesuka lo
Yang Berwarna Hijau Ganti Dengan URL Fanspage Facebook lo
Yang Berwarna Ungu Ganti Dengan nama twitter lo
3. Lalu Simpan Dan lihat Hasilnya
Segitu Saja Cara Membuat Like Fanspage Facebook + Follow Twitter Melayang di Blog ( Like Box ) , Kalau Kurang jelas silangkan berkomentar yang baik Terima Kasih.
Semoga Bermanfaat
Kapan2 di pratekin sob di tunggu visitbacknya xD
BalasHapussiap masbro :)
HapusJual Hp Murah kunjungi Http://extroniks.blogspot.com
HapusCara Membuat Like Fanspage Facebook + Follow Twitter Melayang Di Blog ( Like Box ) >>>>> Download Now
Hapus>>>>> Download Full
Cara Membuat Like Fanspage Facebook + Follow Twitter Melayang Di Blog ( Like Box ) >>>>> Download LINK
>>>>> Download Now
Cara Membuat Like Fanspage Facebook + Follow Twitter Melayang Di Blog ( Like Box ) >>>>> Download Full
>>>>> Download LINK tF
Artikel Ok !
BalasHapusVisit Back Sob : bloogsobat.blogspot.com
mksh Info'x sob..
BalasHapussangat bermanfaat sekali..
ijin baca y...
harus masukin script lagi kah di bawah body sebelum memasang widget itu seperti memasang widget like box pada biasanya,
BalasHapusKunjungi blog saya : http://serumpun23.blogspot.com
visit juga gan http://androleaf.p.ht/
BalasHapusma kasih infonya. tolong diliat hasilnya ya di http://alegober.blogspot.com
BalasHapusmakasih gan ane lgusg cba http://kamar-rofie.blogspot.com
BalasHapusterimakasih informasinya...
BalasHapusThanks like beck sob http://han-id.blogspot.com/
BalasHapusfollow back sobat :)
BalasHapuswww.maf-tohe.blogspot.com
Kok gk bisa y aku. Gak keluar fotoku di Like nya.
BalasHapusKenapa ya
thanks share nya sob
BalasHapusthanks ya gan
BalasHapuskalo sempat silakan mampir gan
http://hits-lirikmusik.blogspot.com/
Makasih sob.. saya bawak pulang kode nya :D
BalasHapushttp://sahabatralfa.blohspot.com/
bisa gan :D
BalasHapushttp://radityonadhif.blogspot.com
maaf gan ane coba script di atas ko muncul nya cuman twiter aja gmn gan?
BalasHapusvisit back
BalasHapushttp://updatekomputere.blogspot.com
sangkyu sobattttttttttttttt
BalasHapusbuat wordpress bisa gak gan..mohon infonya
BalasHapusCara Membuat Like Fanspage Facebook + Follow Twitter Melayang Di Blog ( Like Box ) >>>>> Download Now
BalasHapus>>>>> Download Full
Cara Membuat Like Fanspage Facebook + Follow Twitter Melayang Di Blog ( Like Box ) >>>>> Download LINK
>>>>> Download Now
Cara Membuat Like Fanspage Facebook + Follow Twitter Melayang Di Blog ( Like Box ) >>>>> Download Full
>>>>> Download LINK Zo