skip to main | skip to sidebar

INFOIKI

tutorial untuk mengedit, mempercantik,membuat, dan memperindah blog template seo gratis

  • Home
  • Template
  • Ebook
  • Kata Mutiara
  • Tips Blog
  • Video
  • Umum
 

Dapatkan Update!

Dapatkan artikel terbaru dari INFOIKI yang akan dikirim ke email anda secara gratis!
Browse » Home » Ngeblog , tips trik ngeblog » Cara Membuat Like Box Facebook Melayang DIsertai Twitter

Cara Membuat Like Box Facebook Melayang DIsertai Twitter

Like Box


Cara Membuat Like Box Facebook Melayang DIsertai TwitterLike Box. Mungkin Kata Ini Sudah Tidak Asing Di Telinga Kita. Like Box Adalah Versi Spesial Dari Tombol Like Yang Memungkinkan Seseorang Untuk Mempromosikan Fanspagenya Di Blog.Pada Pagi Ini Infoiki Akan Share Cara Membuat Like Box , Like Box Ini Bukan Like Box Sembarangan Karena Like Box Ini Disertai Dengan Twitter , Dan MELAYANG . Okay Langsung Saja Tutornya :
1. Buka Blogger
2. Pilh Blog Yang Ingin Dipasangi Like Box
3. Klik Tata Letak
4. Klik Tambahkan Gadger
5. Pilih HTML / JavaScript
6. Masukkan Code Dibawah 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 Lupa di Like Juga Ya Fanspage Kami Sobat</a></center>
<center>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.fb.com" width="250" show_faces="true" border_color="" stream="false" header="true">
</fb:like-box></center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <a class="twitter-follow-button" data-lang="id" data-show-count="true" href="http://twitter.com/">Ikuti @nama</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div>
<a class='close' href='#'>×</a>
</div>
Keterangan :
  • Ganti Tulisan Berwarna Seperti Ini Dengan URL Fanspage Sobat . Contoh : http://www.fb.com/rf812
  • Ganti Tulisan Berwarna Seperti ini Dengan URL Twitter Sobat . Contoh :
    http://www.twitter.com/Ricardo_Fathan
  • Ganti Tulisan Berwarna Seperti Ini Dengan Username Twitter Sobat . Contoh :
    @Ricardo_Fathan
7. Klik Simpan Dan Lihat Hasilnya :D

Itulah Artikel Tentang Cara Membuat Like Box Facebook Melayang Disertai Twitter Oleh infoiki. Selamat Mencoba Dan Semoga Berhasil :D

Posted By Anonim | -

Comments :

1
Abed Saragih mengatakan... on 
19 Januari 2014 pukul 18.23

Like facebook melayang ini bisa sekaligus menambah like artikel dan fans page ya mas

Posting Komentar

Aturan Berkomentar
1. No spam!
2. No live link!
3. No maho :D

←  Posting Lebih Baru Posting Lama  → Beranda
Langganan: Posting Komentar ( Atom )

Statistik

Statistic Blog:
PageRank Checking Icon
SEO Reports for infoiki.blogspot.com

Pencarian

Kategori

  • Advertiser
  • Diet
  • Ebook gratis
  • Facebook
  • Handphone
  • Jasa Like
  • Kata Kata
  • Komputer
  • Kontes SEO
  • Ngeblog
  • Review‎
  • Software
  • Template
  • tips trik ngeblog
  • Umum
  • Video

Terpopuler

  • Software Hack Wifi GRATIS [WzCook.exe]
  • Kumpulan template blog Imut dan cantik (Blogspot)
  • Download template blog Anime keren
  • Cara paling ampuh membuka situs yang diblokir telkom
  • 3 langkah mudah membuat banner sendiri
  • Software SMS gratis lewat pc/komput [free download]
  • Cara menghapus virus dengan cara manual menggunakan CMD
  • 7 Cara mudah menghafal script tanpa hafalan
  • tips Cara merawat ayam serama
  • Trik mudah membuat header blog bergerak (Gif)

Pengikut

Diberdayakan oleh Blogger.
.

Send Quick Massage

Nama

Email *

Pesan *

 
INFOIKI
Template by Infoiki | Powered by Blogger