Skip to main content

Cara Membuat FansPage dan Twitter Melayang di Blog


Cara Membuat FansPage dan Twitter Melayang di Blog - Pasti anda sudah pernah mendengar Cara Membuat FansPage dan Twitter Melayang di Blog? Nah kali ini saya memberikan Cara Membuat FansPage dan Twitter Melayang di Blog. Perbedaanya yang sebelumnya adalah anda bisa menambahkan Twitter di bawahnya dan lebih simple Widgetnya.

Berikut adalah langkah-langkahnya:

1. Login ke Blogger
2. Pilih menu tab Tata Letak > Tambahkan Gadget > HTML/JavaScript.
3. Copy paste kode berikut pada Gadget HTML/JavaScript. 

<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">Untuk Info Update Setiap Hari Silahkan Like & Follow.</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/King-Shu/1380847972150194&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=KingShu69&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>

  • Tulisan yang berwarna Merah adalah judul dari widget FansPage.
  • Tulisan yang berwarna Biru adalah URL FansPage Blog Anda.
  • Tulisan yang berwarna Hijau adalah username dari akun Twitter Anda. 
4. Klik Save dan lihat hasilnya.
KLIK DISINI UNTUK DOWNLOAD



Comments

Popular posts from this blog

Cara memasang tombol follow dan dashboard di blog

Cara memasang tombol follow dan dashboard di blog Log in ke akun blog sobat. Klik rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript. Masukkan kode berikut pada kotak yang sudah tersedia. <div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID= 3317277797834091679 " target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left

Contoh Surat Lamaran Kerja Bahasa Inggris

Contoh Surat Lamaran Kerja Bahasa Inggris - Informasi Terbaru -  Contoh Surat Lamaran Kerja Bahasa Inggris  - Setelah sebelumnya saya telah share informasi mengenai cara cek pulsa smartfren dan kumpulan puisi cinta romantis kini saya akan update lagi blog tercinta ini dengan postingan mengenai  Contoh Surat Lamaran Kerja Bahasa Inggris  dan saya harap dapat bermanfaat untuk sahabat netter semua. Oke langsung saja lihat contoh surat lamaran pekerjaan bahasa inggris berikut ini: Bali, To; PT. Era Netter Indonesia Human Resources Department Jl. Raya Kuta No. 101 Kuta, Badung - Bali Dear Sir, I know that PT. Era Netter Indonesia is one of the biggest retail product distributors in Indonesia, and I am sure it would be an excellent career opportunity to join in and work for this respective company. I would like to apply for direct marketing and sales officer position in your company. I am in good health, willing to work, fast learning, and work well with others. I have my own vehicle, dr

Versi Teks Dragon Ball Z Episode 200 Bagian 3

Sebelumnya : Dragon Ball Z Episode 200 Bagian 2 "Hei Videl, apa menurutmu dia lebih kuat dari ayahmu?" Teman gadis di sebelah kirinya bertanya. "Jangan bodoh, ayah Videl adalah Mr.Satan, penyelamat Bumi!" ucap siswa yang duduk di depan Videl. "Tak seorangpun di dunia ini yang lebih kuat darinya." Setelahnya, pak guru masuk kelas. Videl kembali duduk di kursinya, dan pelajaran akan segera dimulai. Namun sebelum itu, pak guru hendak memperkenalkan seorang siswa baru. ya, dia tak lain adalah Son Gohan. "Selamat pagi semuanya, hari ini kita kedatangan mahasiswa baru. Silakan masuk." "Perkenalkan, namaku Son Gohan. Senang bertemu dengan kalian." "Wah, tampan sekali, dia adalah tipeku." ucap teman Videl. "Gohan? nama yang aneh." ucap siswa di depan Videl. Sejenak Videl terdiam, dan kemudian teringat kalau, "Sepertinya aku pernah bertemu dengannya." "Fufufu, dia terlihat seperti seorang kutu buku." ucap