tutorial untuk floating share button dan lain2

sebab apa korang kene ada floating share button ni? ni kerana pembaca blog anda senang nak capai button tu.... kalau dia suke dan nak share entry korang ngan orang lain senang la dia nak cari button tu, takde la terkial-kial nak carik.... hahaha

ok biar aku ajar korang
mula2 log in blog korang> dashboard > design > add gadget > html/java script

pastu korang copy code dibawah ni

(highlight code terlebih dahulu dan gunakan crtl+c untuk copy)

<!--SideBar Floating Share Buttons Code Start--> <style> #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Share This With Your Friends"> <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div> <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div> <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div> <div class='sbutton' id='fb'><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><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://rilekstenang.blogspot.com/search/label/tutorial" target="blank"><font color="black">[tutorial]<font></font></font></a></div></div> <!--SideBar Floating Share Buttons Code End--></a>

pastu paste kat html yang korang bukak tadi... dah siap... :)

tutorial memasang radio era tersembunyi di blog

admin nak ajar korang macam mana nak letak radio era tersembunyi di blog....

ok caranya macam ni...
mula2 log in blog korang> dashboard > design > add gadget > html/java script

pastu korang copy code dibawah ni
(highlight code terlebih dahulu dan gunakan crtl+c untuk copy)

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2QMhTiev0RIH6zgxAi2WtWNNm1K-Riir0N_puHz_0UN5XWQBTqR6r9zulWVt3AD2JmCShmJ0FLvj1KBSfac6vzJHHfKpdD9fc1m3aRH4aG_lX0XVyi5LRbRt29v4Z16ACIAdEApJELg/s1600/Untitled+(2).png') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <center><a href="http://rilekstenang.blogspot.com/" target="_blank"><img src="http://2.bp.blogspot.com/-jE-D20fjf38/TszDwVjW1-I/AAAAAAAABnQ/P22Si9-LmYc/s400/era.png" /></a></center> <center style="color: rgb(51, 51, 51); font-family: arial; font-size: 14px; line-height: 22px; background-color:false; "><iframe src="http://www.era.fm/images/Capsule/era.swf" scrolling="no" frameborder="0" style="width: 260px; height: 121px; "></iframe></center> <center>Powered By <a href="http://rilekstenang.blogspot.com/" target="_blank" title="tutorial here">rileks tenang</a></center> <div style="text-align:right"><a href="http://rilekstenang.blogspot.com/search/label/tutorial" target="_blank"><small>tutorial here</small></a> <a href="javascript:showHideGB()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></a>

pastu korang paste kat html yang korang bukak tadi... dah tu save le... 

siap sudah... hahaha

tutorial disable highlight

disable highlight tu ape? disable highlight tu tak nak bagi orang lain copy entry korang, senang cite korang try highligt blog ni boleh ke tak? tak boleh kan? macam tu la kisahnya...

ok caranya macam ni...
mula2 log in blog korang> dashboard > design > add gadget > html/java script

pastu korang copy code dibawah ni
(highlight code terlebih dahulu dan gunakan crtl+c untuk copy)

<script type="text/javascript"> function disableSelection(target){ if (typeof target.onselectstart!="undefined") //IE route target.onselectstart=function(){return false} else if (typeof target.style.MozUserSelect!="undefined") //Firefox route target.style.MozUserSelect="none" else //All other route (ie: Opera) target.onmousedown=function(){return false} target.style.cursor = "default" } //Sample usages //disableSelection(document.body) //Disable text selection on entire body //disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv" </script> <script type="text/javascript"> disableSelection(document.body) //disable text selection on entire body of page </script></a>

pastu save la tunggu ape lagi.... tara~ dah siap... XD

tutorial letak fans page facebook diblog

ok pagi2 yang sejuk sebab hujan ni admin nak ajar cara2 letak fans page facebook di blog korang...
mula2 log in blog korang> dashboard > design > add gadget > html/java script

pastu copy code di bawah ni
(highlight code terlebih dahulu dan gunakan crtl+c untuk copy)

<iframe src="http://www.facebook.com/plugins/likebox.php?href=LINK FANSPAGE&width=1150&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=255" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 255px; width: 1150px;background:#fff;"></iframe><span><a href="http://rilekstenang.blogspot.com/search/label/tutorial">tutorial</a></span></a>

pastu paste kat html yang korang bukak tadi... cari perkataan LINK FANSPAGE kat code tadi...

tukarkan LINK FANSPAGE ke url fans page korang....

dapatkan url korang macam ni

pastu save dan tengok hasilnya...

*korang boleh ubah saiz height dan width mengikut kesesuaian blog anda..