Membuat Tombol Fan Page dan Follow Twitter Melayang - Hallo sahabat Cara Blogger Beraksi, Pada Artikel yang anda baca kali ini dengan judul Membuat Tombol Fan Page dan Follow Twitter Melayang, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Widget Blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Tombol Fan Page dan Follow Twitter Melayang
link : Membuat Tombol Fan Page dan Follow Twitter Melayang

Membuat Tombol Fan Page dan Follow Twitter Melayang

Beberapa cara dapat dilakukan agar pengunjung blog menyukai atau bergabung pada Fan Page dan Twitter Anda. Salah satunya adalah membuat Fan Page tersembunyi disamping blog, tapi pada kesempatan ini kami akan membahas cara yang lain yaitu cara membuat tombol Fan Page dan follow Twitter melayang di Blog.

Berikut langkah cara membuat tombol fan page dan twitter melayang :

1. Login akun blogger Anda.
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">Silahkan Bergabung Bersama Komunitas Kami</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Infoblog_ID/121738271193251?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=Infoblog_ID&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>

Keterangan :
Tulisan yang berwarna hijau adalah judul dari widget Fan Page.
Tulisan yang berwarna merah adalah URL Fan Page blog Anda.
Tulisan yang biru adalah username dari akun Twitter Anda.
4. Kemudian Simpan.

Jika Anda hanya ingin menampilkan Fan Page saja, maka hapus kode berikut :

<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=Infoblog_ID&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>

Nah, kini Anda mempunyai Fan Page dan follow Twitter melayang pada blog. Semoga dapat membantu!

Demikianlah Artikel Membuat Tombol Fan Page dan Follow Twitter Melayang

Sekianlah artikel Membuat Tombol Fan Page dan Follow Twitter Melayang kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Tombol Fan Page dan Follow Twitter Melayang dengan alamat link https://janejob.blogspot.com/2013/11/membuat-tombol-fan-page-dan-follow.html

ADS HERE !!!