Tampilkan postingan dengan label widget. Tampilkan semua postingan
Tampilkan postingan dengan label widget. Tampilkan semua postingan

Cara Menambah Widget Sharing Sosial Pada Blog

Widget Animasi Sharing Sosial Terbaru Untuk Blog

Banda Cyber - Anda pasti sudah mendengar tentang Shareaholic, dalam penciptaan script berbagi stylish. Setelah Sukses Besar mereka dari The Sexy Bookmarks, baru-baru ini mereka telah menciptakan desain lain yang mengagumkan yang dikenal sebagai SassyBookmarks (Widget Sharing Sosial).

Di sini, di postingan ini saya akan memberitahu Anda bagaimana menerapkan SassyBookmarks atau Widget Sharing Sosial pada wordpress dan situs blogger.

Cara Tambah Widget Sharing animasi Sosial ke blog? (Updated!)

* Pergi ke Blogger Dashboard> Template
* Sekarang cari kode berikut </ body>
* Tambahkan kode di bawah ini tepat di atas/sebelum kode di atas.

<!-- Start Social Sharing Widget Sassy Bookmarks HTML (allbloggingtips.com)-->
<div class="shr_ss shr_publisher">

</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
  var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
  </script>
 <!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
       (function() {
            var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
            sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
            var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
        })();
        </script>

<!-- End Shareaholic Sassy Bookmarks script -->


Tinggal simpan deh widgetnya, semoga bermanfaat.
read more...

Widget Twitter Melayang Terbaru Untuk Blog

Widget Twitter Melayang Terbaru Untuk Blog

Banda Cyber - Hari ini saya akan berbagi sedikit Widget Tweet melayang untuk blog Blogger dan Wordpress Blog. Bila Anda memindahkan kursor di atas widget maka pop up tsb akan keluar dengan Widget Tweets yang melayang di samping. Ini adalah sebuah widget yang besar bagi Anda untuk meningkatkan pengikut twitter Anda.

Menambahkan Widget Tweets Untuk Blogger

* Pergi ke Dashboard >> Page Elements Desain.
* Klik Tambah Gadget. Pada jendela, pilih HTML / Javascript.
* Copy kode di bawah dan paste di dalam kotak.
* Klik tombol Simpan.

Menambahkan Widget Tweets Untuk WordPress

* Pergi ke Dashboard> Appearance> Widgets> Available Widgets.
* Drag widget Text ke sidebar.
* Paste kode ke dalam nya.
* Simpan.

<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#twitter_div{width:246px;height:353px;overflow:hidden;}#google_plus_div{width:152px;height:97px;overflow:hidden;margin-left:50px;margin-top:10px;}#knfeedburner_div{width:300px;height:97px;margin-top:25px;overflow:hidden;}#kakinetwork_div{width:300px;height:97px;overflow:hidden;}

#twitter_right{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px;}#twitter_right_img{position:absolute;top:-2px;left:-35px;border:0;}

#kakinetwork_right{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_right img{position:absolute;top:-2px;left:-101px;}/* left side style */#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}#twitter_left{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px;}#twitter_left_img{position:absolute;top:-2px;right:-35px;border:0;}
#kakinetwork_left{z-index:10003;border:2px solid #303030;background-
color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_left img{position:absolute;top:-2px;right:-101px;}

</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script>

<div id="on"><div id="twitter_right" style="top: 20%;"><div id="twitter_div"><img id="twitter_right_img" src="http://2.bp.blogspot.com/-fcEMbjMcVhI/UDzNfUCWxcI/AAAAAAAAAt4/p0lew_c7Sxw/s320/allbloggingtips.com-twitter-icon.png" /><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 260,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('bandacyber').start();</script></div></div></div>

</div>

Sekarang lihat Blog Anda, dan akan terlihat melayang di sisi kanan halaman web Anda. Saya harap Tweets Widget akan membantu Anda dalam meningkatkan jumlah Pengikut Twitter Anda. Itu saja. Jika Anda menghadapi masalah dalam Widget melayang terbaru maka jangan lupa komentar dan Jangan ragu untuk bertanya.
read more...
 

Copyright © Banda Cyber - All Right Reserved.