Widget Twitter :: Cara Membuat Widget Twitter Melayang Float

Cara Membuat Widget Twitter Melayang Float

 Halo Sahabat Cara Download   ..

Kali ini Cara Download akan Share Cara Membuat Widget Twitter Melayang Float . Mempercantik Tampilan Blog dengan cara Menambahkan Widget Twitter Melayang Float di blog
Tombol Twitter pada umumnya sangat berperan dalam viral traffik ke blog kita dimana para pengunjung blog akan lebih mudah menyebarkan informasi kepada jaringan sosial mereka akan posting di blog kita. Semakin banyak pengunjung yang melakukan share artikel kita, maka akan berbanding lurus dengan meningkatkan impresi statistik kunjungan blog kita. Maka dari itu memasang widget twitter menurut saya sangat penting disamping tombol like dan share facebook.
 
Cara Membuat nya cukup mudah dan teknik ini tidak akan Memberatkan Blog . Tutorial lebih lengkapnya akan saya jelaskan berkut ini.

1. Pergi ke Blogger Tata Letak
2. Klik Tambahkan Gadget
3. Pilih HTML/Javascipt
4. Copy Kode dibawah ini lalu pastekan pada HTML/Javascipt


<div class="fb-like-box" data-href="https://www.facebook.com/xgangsa.XS" data-width="300" data-height="300" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>

<style type="text/css">
/*<![CDATA[*/
#twitplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}.twitplbadge {background-color:#1E90FF;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("http://2.bp.blogspot.com/-TFDMBYkjFaY/UNlf65tQxgI/AAAAAAAAGLQ/W2orPmhE3e0/s1600/md_vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}.mdtwitplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.mdtwitplikebox span a{color: #808080;text-decoration:none;}.mdtwitplikebox span a:hover{text-decoration:underline;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(function(makingdifferent){
makingdifferent(document).ready(function(){
var $dur = "medium"; // Duration of Animation
makingdifferent("#twitplikebox").css({right: -300, "top" :100 })
makingdifferent("#twitplikebox").hover(function () {
makingdifferent(this).stop().animate({
right: 0
}, $dur);
}, function () {
makingdifferent(this).stop().animate({
right: -300
}, $dur);
});
makingdifferent("#twitplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div class="mdtwitplikebox">
<div id="twitplikebox" style="display:none;">
<div class="twitplbadge"></div>
<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://moopz.com/connect.php?user=ekonetworks" class="FB_SERVER_IFRAME" scrolling="no" style="width: 300px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial;"></iframe>
<span></span></div></div>

5. Klik Simpan

 Catatan : Ekonetworks diganti dengan Username Twiitter sobat


Demikianlah Cara Membuat Widget Twitter Melayang Float, Semoga Bermanfaat .



 Salam Cara Download

Widget Twitter :: Cara Membuat Widget Twitter Melayang Float Rating: 4.5 Diposkan Oleh: Kacang Mete

0 comments:

Post a Comment