Widget Melayang Twitter Follower [TUTORIAL]

Hendsoe Personal Blog | Blog Sharing dan Tutorial Optimasi blog agar lebih seo friendly Tutorial Blogging bagi Pemula beserta list blog dofollow dan tutorial seo untuk blogspot agar dapat meningkatkan pagerank serta kumpulan software dan blog template yang bisa anda download gratis.

Widget Melayang Twitter Follower Mar 29th 2012, 22:27 Hallo Sobat Blogger.... Sudah lama gak update artikel di Hendsoe Personal Blog, kangen juga pengen ngeblog. Nah untuk saat ini saya ingin memberikan sedikit trik bagaimana cara membuat Widget Melayang Twitter Follower. Jika sebelumnya saya sudah pernah membahas bagaimana cara membuat Widget Melayang Facebook Fans, pada postingan kali ini juga saya ingin memberikan sedikit update atas artikel tersebut. Oh ya...berhubung Bulan depan Blogger akan migrasi ke tampilan baru, jadi pada postingan kali ini dan seterusnya artikel saya juga akan menggunakan tutorial sesuai dengan tampilan baru tersebut. Perbedaannya apa ? Pada tampilan antarmuka blogger yang baru ini, tampilannya sedikit lebih fresh dan mudah. menu navigasi yang dulu berada diatas, sekarang pindah ke samping kiri halaman dashboard anda. Jika sebelumnya ada menu : 1. Rancangan, sekarang sudah tidak ada. 2. Elemen laman berubah menjadi Tata Letak dan 3. Edit HTML berubah menjadi Template. Nah jika sebelumnya anda harus masuk ke menu Rancangan untuk mengedit template, sekarang itu tidak perlu lagi, karena navigasi untuk edit template sudah ada tersendiri pada navigasi yang berada disebelah kiri. Ok Sobat, langsung saja kita menuju tutorial cara membuat Widget Melayang Twitter Follower : Login ke Blogger Dengan Google Akun Anda Jika sudah di dashboard Pergi Klik tombol Template » Edit HTML » Lanjutkan. Catatan : backup template anda terlebih dahulu, klik tombol » Cadangkan/pulihkan - disebelah kanan atas » Unduh Template Lengkap Masukkan Kode javascript berikut : <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> Klik tombol Simpan Template » tutup halaman edit HTML Klik menu Tata Letak » Tambah Gadget » HTML/Javascript Masukkan Kode berikut : <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".twbox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-271"}, "medium");}, 500);}); /*]]>*/ </script> <link href="http://idblogwalking.org/blogging/cssku/light.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://hendsoe-blog.googlecode.com/files/jquery.twitter-friends-2.0.min.js"></script> <style type="text/css"> .twbox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfAqkhmb7yLGJ-NF5SNErbt1yUFEOFM_YT6MSRNXTQQfP73euMseJtDXRnmKdUVyk_nKhgl93LJq0lkVPSFqhYbDxtBGjUkMmv4jxpiRw7uEXba4yhjd83eda_7L-f4bYhgYXJCtVJJzo/s320/twitterku.png") no-repeat scroll left bottom transparent !important;display: block;float: right;height: 281px;padding: 0 5px 0 21px;width: 266px;z-index: 99999;position:fixed;right:-271px;top:4%;} .twbox div{position:relative;display:block;} .twbox span{top: 7px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .twbox span a{color:#ffffff;text-decoration:none;} .twbox span a:hover{text-decoration:underline;} </style> <div class="twbox" style=""> <div> <div class="twitter-friends" data-options="{ username:'hendsoe' }"></div><span><b><a target="_blank" href="http://hendsoe.blogspot.com/2012/02/widget-melayang-facebook-fans.html">Get this widget</a></b></span></div></div> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMmGa1yiR0sUihHimpVMe66T_YXhWfaBOU27M_mXGJJP4epMi9CUQzRyBnzCe8U1QhvU05vPW0PU7Qi6md6sF6qUNSigoCN1hPgY3e7XXty0VTT0ghq3Ru28aJaoZrPb10x_GdLxFjCpc/s320/facebookku.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 21px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:52%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 6px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Hendsoe-Personal-Blog/150606371647725&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://hendsoe.blogspot.com/2012/02/widget-melayang-facebook-fans.html">Get this widget</a></b></span></div></div> Silahkan ubah... hendsoe menjadi username twitter anda dan http://www.facebook.com/pages/Hendsoe-Personal-Blog/150606371647725 Menjadi alamat facebook Page anda. Selesai dan simpan hasilnya Jika sebelumnya anda sudah pernah menerapkan cara membuat Widget Melayang Facebook Fans pada blog anda. Abaikan saja langkah ke (3) karena kode javascript tersebut tentunya sudah tertanam pada template blogspot anda. Baiklah sobat blogger sekalian..... Saya pikir cukup sekian dulu untuk kali ini dan semoga saja artikel tentang cara membuat Widget Melayang Twitter Follower ini bermanfaat untuk anda

You are receiving this email because you subscribed to this feed at blogtrottr.com. If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions