Selasa, 01 April 2014

Cara memasang widget like facebook dan follow twitter melayang



Siapa yang tidak kenal yang nama nya facebook dan twitter, Ya situs social media ini sangat digemari para pengguna internet tidak hanya kaum muda saja tapi para orang tua pun juga sangat mengandrungi yang nama nya facebook dan twitter ini. Di Indonesia pun pengguna facebook dan twitter pun mencapai 95% dari pengguna internet di Indonesia dan tentu nya jika kalian melewatkan kesempatan ini untuk meningkatkan trafik blog kalian tentu sangat disayangkan bukan.
Dan waktu lalu saya sempat membagikan cara membuat fanspagedi facebook dan sekarang saya akan membagikan cara untuk memasang tombol like fanspage di facebook sobat dan ditampilkan secara melayang supaya meningkat kan kemungkinan di klik oleh para pengunjung dan tenang kawan di widget tombol like facebook dan follow twitter ini ada tombol “Close”nya kok, jadi kalau pengunjung tidak berminat mengklik tombol like facebook dan follow twitter nya bisa langsung di klik tombol “Close” di pojok kanan atas. Untuk contoh widget nya seperti seperti di blog’e cah bloran ini.

Dan jika kalian bisa mengoptimalkan manfaat dari situs social media untuk blog sobat akan banyak sekali hal yang bisa anda dapatkan seperti menjaring pengunjung untuk tetap mengikuti artikel terbaru sobat dan untuk tempat berbagi ilmu dan diskusi tentang topic blog serta mendapat backlink yang berkualitas dari situs social media ini.
Berikut  tentang cara memasang widget like facebook dan follow twitter melayang ini.
1.       Buka blog sobat dulu .
2.       Lalu masuk di tata letak
3.        Kemudian tambah gadget
4.       Lalu pilih yang HTML java script.
Kemudian copy kode dibawah ini dan jangan lupa jangan kasih judul yaa.



<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">Ikuti perkembangan artikel terbaru di Blog'e Cah Bloran dengan menekan tombol suka dan follow</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/cahbloran &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=Bloge_cahbloran&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>
Keterangan:

  • ·         Ganti tulisan yang berwarna merah dengan tulisan yang ingin kalian tampilkan di widget.
  • ·         Ganti tulisan yang berwarna biru dengan URL fanspage facebook sobat.
  • ·         Ganti tulisan yang berwarna biru muda dengan nama twitter sobat.

Sekian artikel saya hari ini tentang Cara memasang widget like facebook dan follow twitter melayang dan semoga bermanfaat.
Jika kalian ada pertanyaan mengenai artikel Cara memasang widget like facebook dan follow twitter melayang ini
bisa kalian utarakan lewat kolom komentar yaa..

Salam sukses dari saya semoga bermanfaat….

Tidak ada komentar:

Posting Komentar

Syarat berkomentar :
*Dimohon tidak nyampah alias SPAM.
*Dimohon komentar tidak berbau porno,rasis,dan sejenis nya.
*Dimohon berkomentar sesuai dengan topik.
*Di mohon tidak berkomentar promosi atau menyisipkan link
Jika kalian melanggar syarat berkomentar diatas,dengan sangat menyesal dan mohon maaf komentar anda akan saya hapus.