Sunday, June 12, 2011

Sharing Button Kat Tepi Blog.


Nampak tak button2 share kat bahagian tepi blog ni? ada Tweet, Buzz, Digg dan Facebook Share Button. Kalau untuk Tweet, login macam biasa.. untuk Buzz sama jugak, tapi untuk Digg macam ada problem.. hehehe.. so kalau failed time kita nak share kat Digg page.. login sini http://digg.com/, (register la) then carik Submit Link button kat kiri atas, enter link dan klik Submit. Untuk FB share button, tak der masalah. Klik pada button share tuh, tulis ape yang patut then share.. ^_^

Kegunaan mendalah ni? bagus untuk korang yang malas nak masuk Webpage secara terus (copy paste link) so korang tak payah susah2 nak share just klik jer kat button yang tersedia kat tepi blog korang.. kalau korang xpert HTML, coding jer ape2 yang patut.. biar lagik menarik, wadud ni malas dan tak de la tau ape2 pun pasal coding (ekeke) so tuh pasal blog ni terok -_-.

Hak3.. merepek dah eden neh.. hehehe.. so nak tak script dia? tak payah susah2 nak edit kat template korang.. copy code bawah ni paste kat HTML/Javascritp korang. Cara dia :


2. Design.

3. Page Element.

4. Add a Gadget >> HTML/Javascritp.

<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>

Save.. siap.. mudah jer macam mula2 nak masuk tandas? kan senang? hahahaha.. kidding malam sebelum gerak bos.. ^_^
Share: