Assalamu'alaikum warohmatullohi wabarokatuh......
Nah,berjumpa lagi dengan saya,kali ini saya akan membuat tutorial yang berjudul
" CARA MEMBUAT FANPAGE KEREN DI BLOG TERBARU "
Fanpage adalah halaman yang biasa tempat kita menaruh informasi yang ada di dalam suatu blog.Sebelumnya anda pasti sudah banyak menjumpai fanpage-fanpage yang melayang di blog,karena membuat fanpage melayang di blog adalah salah satu trik yang dapat membantu kita untuk mendapatkan banyak yang menyukai.
Selain itu juga fanpage melayang di blog dapat mejadikan halaman kita jadi terkenal kita.Selain itu juga blog anda bisa menjadi terlihat lebih kreatif dan eksotis bila di bandingkan dengan fanpage yang ada di sidebar,.
baca juga cara membuat fanpage halaman di facebook terbaru
Di Sini saya akan membagikan kode untuk fanpage melayang di tambah dengan tombol follow twitter di bawahnya. Dan untuk memasang nya ikuti langkah-langkah di bawah ini !
1.Buka blogger Dasbor
2.Pilih Tata Letak
3.Klik HTML/Java script
4.copy kan kode di bawah ini dan
5.Masukan kode di bawah ini
<!-- Script by: http://llmuku.blogspot.com/ -->
<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>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/obhed25101999?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>
<a href="https://twitter.com/obiahmaddaerobi" class="twitter-follow-button" data-show-count="false">Follow @obiahmaddaerobi</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<!-- HTML End -->
<a class='close' href='#'>×</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="https://m.facebook.com/bhed.slankers/">Obi Ahmad Daerobi</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://llmuku.blogspot.com">ILmu-ku</a></p>
</div>
<!-- Script by: http://llmuku.blogspot.com// -->
6.Kemudian kalau sudah tinggal di save saja,dan lihat hasilnya fanpage anda sudah jadi menempel di blog tercinta kalian
selamat menikmati fanpage keren anda!!
sekian tutorial dari saya tentang CARA MEMBUAT FANPAGE DI BLOG TERBARU sampai berjumpa kembali blogger Indonesia !!!
0 Komentar
Penulisan markup di komentar