Memasang Like Facebook + Tombol Follow Twitter Di Blog Ala Acep-Computer Single Link
Memasang Like Facebook + Tombol Follow Twitter Di Blog Ala Acep-Computer | Hay sobat apa kabar kalian semua ? Kali ini Acep-Computer akan berbagi tutorial seputar blog. Tutorial kali ini adalah Memasang Like Facebook + Tombol Follow Twitter Di Blog Ala Acep-Computer. Tutorial ini dipesan oleh salah satu teman sesama blogger yang ada di facebook. Oke langsung saja ya Memasang Like Facebook + Tombol Follow Twitter Di Blog Ala Acep-Computer :
1. Pertama Buka Blogger
2. Masuk ke Tata Letak
3. Tambahkan Gadget
4. Lalu pilih HTML/JavaScript
5. Lalu Copy Kode 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 Like ya</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/acep.cyber.science&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>
<!-- 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& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=acep_outsiders&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
6. Setelah itu Simpan atau Save.
CAT : Ganti Kode yang berwarna merah dengan alamat atau url fanspage anda, Lalu ganti juga kode yang berwarna biru dengan nama twitter di belakangnya. Contoh http://twitter.com/acep_outsiders , Nah acep_outsiders lah yang harus anda ganti dengan nama twitter anda.Oke cukup sekian Memasang Like Facebook + Tombol Follow Twitter Di Blog Ala Acep-Computer dari saya, bila ada kekurangan mohon dimaafkan, dan apabila ada kelebihan semoga bisa bermanfaat untuk anda. Jika ada yang masih belum paham silahkan berkomentar di kolom komentar dibawah ini. Selamat mencoba ^_^
13 Komentar untuk "Memasang Like Facebook + Tombol Follow Twitter Di Blog Ala Acep-Computer"
\o/ alhmdllh,gan sudah jadi gampang sekali masangnya.
tinggal ane atur aja ukurannya biar pas,
thanks ya gan dh di posting caranya..
blog agan dh ane follow,follback ya kk^^
:-bd
wah lama gk mmpir ke sini , makin keren aja nihc blog nya ..
Seep oke. senang bisa membantu :)
Hehe saya cuman edit beberapa saja kok :D
Oke i'll visit and comment on your blog :)
Sudah diterapkan mas, manteb mengurangi space di Blog Juga.. :D
maaf mas kok facebook sya ngk muncul ya hax twwtr saja,, mhon pencerahan ?trims
makasih gann
trims infonya sangat membantu, gan tanya agar munculnya cuman sekali saja bagaimana, soalnya tiap klik link atau artikel lain pasti muncul terus...
trims atas bantunnya...
Yes dapet juga :D
makasih ya Um
Thanks,, ane coba dulu sob.
makasih infonya
bermanfaat nih
kunjungi balik ya
jonarendra.blogspot.com
Terimakasih infonya bermanfaat, soalnya saya nyari tapi kebanyakan yang di body template semua, jadi ribet buat pemula kayak saya :)
miss-purplelife.blogspot.com
PERATURAN BERKOMENTAR :
1. Dilarang Spam.
2. Dilarang Memasang Link Aktif.
3. Dilarang Menghina, Sara, Dan P*rn.
4. Dilarang Promosi.
5. Komentar Harus Relevan Dengan Artikel.
Jika anda melanggar 5 point diatas, maka komentar anda akan kami hapus langsung tanpa pemberitahuan sebelumnya.
Terima kasih dan selamat berblogging ria.