Membuat Fanspage Melayang di Blog

Membuat Fanspage Melayang di Blog - Sobat pasti pernah melihat fanspages facebook melayang di blog. Seperti pada blog uchavision ini. Apabila sobat ingin memasang fanspage sobat ayo simak ulasan ucha berikut ini.

Salah satu fungsi dari pemasangan fanspage ini adalah untuk meningkatkan popularitas halaman yang sedang kita kelola.Karena kita akan mendapat banyak like sob.

 

Simak yuk cara-cara pemasangan widget ini.

1. Buka Dasbord Blogspot sobat.

2. Pilih Tata letak / Layout.

3. Klik HTML/Javascript.

4. Masukkan 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">Bantu Like nya yah sob :)</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/One-Stream/592454620870842?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;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&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=ucha14&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://uchavision.blogspot.com/2014/07/membuat-fanspage-melayang-di-blog.html" target="_blank">Get This Widget</a></div>
<a class='close' href='ucha14'>&times;</a>
</div>

5. Edit Sesuai keterangan dibawah ini.
warna biru = Kata-kata yang ingin sobat gunakan.
warna merah =  Url Halaman Fanspage sobat
warna hijau = twitter sobat (misal twitter sobat @ucha14 maka ganti denga ucha14 saja)

6. Save pengaturan tersebut.

Silahkan di coba sob. Ingat hati-hati ketika mengedit skrip tersebut. semoga bermanfaat. 

Anda baru saja membaca artikel yang berkategori Belajar Blog / Pengetahuan / Tips dengan judul "Membuat Fanspage Melayang di Blog". Anda bisa Menemukan artikel ini dengan link http://uchavision.blogspot.com/2014/07/membuat-fanspage-melayang-di-blog.html dan anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Fanspage Melayang di Blog ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Membuat Fanspage Melayang di Blog sumbernya.

Anda Mungkin Menyukai:

Belajar Blog

• Cara Membuat Komentar Dengan Efek Scroll
• Cara Agar Gambar Kita Tidak Bisa Di Copy Paste
• Cara Membuat Gambar Membesar Otomatis Ketika Disorot Mouse
• Tips Blog Rame Pengunjung
• Membuat Efek Zoom pada Semua Gambar di Blog
• Melindungi Konten Blog menggunakan DCMA
• Pasang Iklan Baris
• Cara Membuat Daftar Isi Berdasarkan Tanggal Postingan
• Cara menambah Widget Footer
• Membuat Header dengan Variasi sendiri
• Rahasia Membuat Blog Ramai Dikunjungi
• Menampilkan Status YM di Blog
• Cara Melindungi Postingan dari Copy Paste Legal

Pengetahuan

• METODE – METODE DALAM SOSIOLOGI
• CIRI-CIRI SOSIOLOGI SEBAGAI ILMU PENGETAHUAN
• Contoh Surat Permohonan Pembukaan Rekening Tabungan
• MODUL 5 PERKEMBANGAN MORAL DAN AGAMA PADA ANAK USIA 4-6 TAHUN
• Kegiatan Belajar 1 Perkembangan Moral Anak Usia Dini (Universitas Terbuka)
• MODUL 5. Membangun Pengetahuan Anak (Universitas Terbuka)
• Modul 5 Kegiatan Belajar 2 Pembelajaran Bola Voli (Universitas Terbuka)
• Magelangan - Tuk Mas, Situs Mata Air Mataram Kuno
• Tugas Kebidanan BAB IV
• Tugas Kebidanan BAB III
• AJIIBNYA NAFKAH SUAMI
• Fenomena Pemakaian Model Jilbab dengan Cara Jilboobs di Masyarakat
• Analisa Emas 24 Desember 2014: Cari Posisi Sell Dengan Dua Skenario
• Pengertian ISP, LAN, MAN, WAN

Posted in: Belajar Blog,Pengetahuan,Tips