skip to main | skip to sidebar

COREL ONE BLOG

Pages

  • Beranda

Rabu, 15 Februari 2012

Cara Membuat Button/Tombol Share di Samping Blog

Hallo sob , kali ini abang mau share tentang Cara membuat Share button di samping blog  ya seperti di blog bangtegar.com ini dia ada di samping blog silahkan di tengok ke samping kanan heheh
biar lebih enak readmore dulu ye..





Media Social adalah salah satu cara yang sangat ampuh untuk mempromosikan blog , salah satu cara memanfaatkannya adalah Sharing button nah sharing button yang saya share kali ini adalah sharing button yang melayang ada di samping blog jadinya lebih bagus donk , kenapa?
- Gak Makan Space di blog sama sekali
- Lebih menarik perhatian pengunjung
- Sering di lihat oleh pengunjung karena letaknya di samping blog

ini dia penampakan sharing buttonnya

















Cara bikinnya nih gampang aja
Tinggal ke Rancangan --> Tambah Gadget/add gadget --> HTML/Java Script 
Masukan dan copy kode berikut

<style type="text/css">
*{margin:0;padding:0;}
* html #z33sHare{
position: absolute;
}
#z33sHare{
right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 20%;
}
#z33sHare div{
padding:6px 6px 6px 5px;
}
#stw{
margin-left:-2px;
}
#sfs{
margin-left:-5px;
}
</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>
Kalau sudah Simpan 
Warna Merah bisa di ganti left ( kiri )atau right ( kanan ) untuk letak widget

Atau biar lebih efisien code tersebut bisa di letakan di gadget html yang sudah ada di blog anda , widget tersebut tidak akan mempengaruhi widget html tempat dia di letakan


Oke Segitu Dulu Postingan dari Abang Semoga berguna
Ditunggu komentarnya :)

 Assalamu'alaikum Wr. Wb.
Diposting oleh boy di 18.38 Kirimkan Ini lewat Email BlogThis! Bagikan ke X Berbagi ke Facebook
Label: Tips dan Trik

0 komentar:

Posting Komentar

Posting Lebih Baru Posting Lama Beranda
Related Posts Plugin for WordPress, Blogger...

DAFTAR ISI

Loading...

Blog Archive

  • Feb 14 (2)
  • Feb 15 (5)
  • Feb 16 (12)
  • Feb 18 (8)
  • Feb 19 (4)
  • Feb 20 (12)
  • Feb 21 (2)
  • Feb 22 (7)
  • Feb 23 (6)
  • Feb 24 (20)
  • Mar 01 (1)

Labels

  • Kata Galau (1)
  • kata gombal (1)
  • Kata Hati (2)
  • Kata Romantis (1)
  • Kode Warna (1)
  • Puisi BY : Boy (1)
  • SMS LUCHU (1)
  • SoFtware (7)
  • Tips dan Trik (64)
Diberdayakan oleh Blogger.
Rotating X-Steel Pointer
 
Copyright (c) 2010 COREL ONE BLOG. Designed for MMORPG Games
Video Games, Social Games, Download Farm Stock Photos