Membuat Twitter Box Melayang Untuk Blog

Assalamualaikum pada kesempatan ini saya akan share mengenai cara membuat twitter box melayang untuk blog tentu dengan cara yang sangat gampang dan sederhanajika agan berminat menggunakannya silahkan ikuti langkah dibawah ini...

Masuk blog agan

pilih menu tata letak/add gadged

kemudian pilih html javascript

jika sudah letakan kode dibawah ini pada box yang telah tersedia

<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/AVvXsEgCBxl42USfBR2cc9crMqy0VPlpOZQtA6oWEjt1If2RJ2VuMrhnvi69l5Im67Ch1Ix3dhcFiOwmSBs4VvP7tylqPNFtpSH08S0zn7C_4-Z4Fsemzep7hVwlLNACeR0RAxLZ6OL8aYTf7ekg/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=lindamarlina40" 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>

Catatan : kode warna biru menunjukan warna box twitter silahkan ganti dengan warna kesukaan agan
               untuk kode warnanya
   kode warna merah merupakan user name twitter silahkan diganti dengan user name agan

Selesai silahkan simpan template agan dan lihat hasilnya...
Selamat mencoba semoga bermanfaat...