Membuat Twitter Box Melayang Untuk Blog

Dalam hari ini taukahbahwa.blogspot.com akan menyampaikan berita tentang Membuat Twitter Box Melayang Untuk Blog. Semoga dengan artikel Membuat Twitter Box Melayang Untuk Blog akan menambah wacana bagi anda pembaca setia taukahbahwa.blogspot.com

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/AVvXsEgLPEhPD5vM1LbH-XOq38PjLH1udmhbIz5uEzaaomxkSPlKVeyjKHRgK3ovxGqnzLCzd0bSpMQcVK4nYl0Bf0846v04wiKHpYHjN8RXuOM-fRNt91oFWB0XiFj9uQWVa1AIto9gpTaO6-B8/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...

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com