Cara Membuat Widget Twitter Melayang Float

 Halo Sahabat Share4rt   ..

Kali ini Share4rt akan Share Cara Membuat Widget Twitter Melayang Float . Mempercantik Tampilan Blog dengan cara Menambahkan Widget Twitter Melayang Float di blog . Cara Membuat nya cukup mudah . ini tidak Memberatkan Blog . Oke berikut ini adalah Tutorialnya .

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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7K69slJOVRnGEANbXqYpEuhccCmUKYdT0oq1EDZzzrxtTqjyR3IfsE5I7OD7cjg1hMWwckurqxnAAaTEE7tRfzJ5uwy4rfSmNaq9nX5lBPmzDXALYfsubbeZuXDNn9qmg2XOfAgg0LV5t/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 Share4rt