2012

Cara Membuat Badge FB Melayang

Senin, 23 Juli 2012 -=_Tips_Blogger_=-

Nih Gan Biasanya Badge FB Di Sidebar Sekarang Di Pojok Kiri
Langsung Aja Ke TKP

1. Masuk ke Blogger
2. Klik tata letak
3. Klik tambah gadget
4. Klik tambah HTML/JavaScript
5. Copas Code Di Bawah Ini

<style> #hcl { position:fixed; top:200px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:400px; width:30px; float:left; cursor:pointer; background:url('https://sites.google.com/site/rakasajmk/download-1/download-2/FB.png') no-repeat; } .hclcontent { float:left; border:2px solid #3366ff; background:#ffffff; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; }

.hc-credit {font-size:9px}

.hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

<a href="http://id-id.facebook.com/mbahcip2" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Sempak Baja">Sempak Baja</a><br/><a href="http://id-id.facebook.com/mbahcip2" target="_TOP" title="Sempak Baja"><img src="http://badge.facebook.com/badge/100003603866174.771.40937065.png" style="border: 0px;" /></a><br/><a href="http://id-id.facebook.com/badges/" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Buat lencana Anda sendiri!">Buat Lencana Anda</a>

<br /> <div class="hc-credit"> <span style="float:left"></span> <span style="float:right"> <a href="javascript:showHidehcl()"> </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div> <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script></div>

6. Save

Note :
-Tulisan yang berwarna biru dapat sobat ganti dengan akun fb sobat

Widget Animasi Burung Twitter

-=_Tips_Blogger_=-

Assalamualaikum Wr.Wb

Hallo Sobat Blogger Disini ane mau ngasih script burung twitter keren tapi hanya sedikit :'(

1.

Embed :

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON0/twitbutton.swf" width="100" height="80"><param name="movie" value="http://www.twpics.com/BUTTON0/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=mbahcip2"></param><a href="http://www.gamblinginsider.ca" title="gambling insider">gambling insider</a><embed src="http://www.twpics.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="80" menu="false" wmode="transparent" flashvars="username=mbahcip2"></embed></object>

Embed :

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.twpics.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=mbahcip2"></param><a href="http://www.gamblinginsider.ca" title="www.gamblinginsider.ca">www.gamblinginsider.ca</a><embed src="http://www.twpics.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username=mbahcip2"></embed></object>

Embed :

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON11/twitbutton.swf" width="108" height="101"><param name="movie" value="http://www.twpics.com/BUTTON11/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=mbahcip2"></param><a href="http://www.gaming20.no" title="Kasino på nett">Kasino på nett</a><embed src="http://www.twpics.com/BUTTON11/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="108" height="101" menu="false" wmode="transparent" flashvars="username=mbahcip2"></embed></object>

Note :
-Ganti Teks yang berwarna biru dengan username twitter sobat

Yang Lainnya Klik Di sini

Sekian

Wassalamualaikum Wr.Wb

Cara Membuat Scroll Back To Top

-=_Tips_Blogger_=-

Assalamualaikum Wr.Wb

Hai Para Sobat Blogger Di Sini ane mau ngasih cara membuat scroll back to top
Langsung aja ke TKP

1. Masuk ke Blogger
2. Klik Tata Letak
3. Klik add widget
4. Klik add HTML/JavaScript
5. Copas code di bawah ini

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i788.photobucket.com/albums/yy169/macho_album_2010/back2top.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

state: {isvisible:false, shouldvisible:false},

scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},

keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},

togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},

init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}

scrolltotop.init()

</script>

6. Selesai simpan widget dan lihat hasilnya

Note :
-Ganti url yang berwarna biru dengan url sobat.

Silahkan tambah komentar ya gan

Sekian

Wassalamualaikum wr.wb

Cara membuat Blackquote Pada Postingan Blog

-=_Tips_Blogger_=-

Assalamualaikum Wr.Wb

Ini gan ane mau ngasih cara memasang "Blackquote" Di Postingan Blog

Caranya :
1. Login Ke Blogger
2. Masuk Ke Postingan
3. Klik HTML (yg di sebelahya Compose)
4. Copas Code Di Bawah Ini

<blockquote class="tr_bq" style="border: 3px solid silver; margin: 15px 30px 0px 10px; max-height: 250px; max-width: 100%; overflow: auto; padding: 10px 10px 10px 20px;">
<div style="text-align: justify;">
<span style="color: cyan; font-family: 'Courier New', Courier, monospace;"><span style="font-size: 14px; line-height: 19px;">Mbah Cip Pemilik Blog Ini</span></span></div>
</blockquote>

Nanti Jadinya Seperti Yg Di atas

Note :
-Ganti Tulisan warna Kuning dengan teks sobat yaaa

Sekian

Wassalamualaikum Wr. Wb

Cara Membuat Widget Follower Google, FB, Dan Twitter Melayang Di Blog (3 in 1)

Minggu, 22 Juli 2012 -=_Tips_Blogger_=-

1. Login Blogger
2. Klik Tata Letak
3. Klik Add GADGET
4. ADD HTML/JavaScript
5. Copy Kode Berikut Ini :

<style type="text/css">
.barrightblogger{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyHWcUUq_lgZeCOnbtuHkFmyv99V1RX4euwizyRVw7lpmxjh6DVboiutqgVLLFQrm4twI7nTSrBgsgC4bck-tQ5h5ypuRO9EGEtyeU4IuESB1xJm3flpK-vieGLAdxac6wBeW_PNFSGpd/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXz6cR7KE9fJrcOa5lVBYsnjCtk0y5EWTlmP1eIcvB-cxYxU1mCbQE6ZOHbnb29tu9ods1xBLY1H8dyX-qsIeEWsC4GGCEX1h8XjUWJHEjAYmHRur7uuAV5CpINQoG2KG8cZBdfXNbRhWW/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjffUuSAvyn61UNfPqBMZ2ji4OtI9pSxlCBk370e_SVA_9T3G4OKfvnNXbIdDgfjQn5xhah6mtwdjXcZB-le1FmMKBwXX6G6CLrdmtHFNzlbn9gaTJr37Y4r48hg7aKw9C642SvHAPJlRH_/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuSANWlJP2hwhzlauJaOkHZAZugMesW_AtaRWREEOqpzhV3fP__xi0j8Bocqy1FQvDNY1R4gWX8YrVBwCVJdfD5EIURpOHRsmKD-_jAPEntQzGOk5UC1LZNz6UrFZ9WU_lN93bWbG9w2Jq/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMjnCxitMUmj4By-WlUYSHsxwFB77uBhBWjt_XXA7ObFCf75Qe7dGQfABTaqFG88fUFFZFiIzxnMVsll8FVK37NMaW6SzXhF926Rr0WxXpg9masjvA_pAXjw3JqQueLbxrGLX2fJeQqGDd/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujBcmpxOjzxVizgDZqkdiz29WzFnKKZQIFNKAk5ZpbY2gZfhjwOakNvSV7Y7f4n-_f2JVJ9DpHXDGL2hTvXj7ft0xexSoI_TXtxC8umztFlkVIB0Av-WTebOnzDj48_iElaoklRnKd6zK/');background-
repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">


<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>

<div id="div-5705219719496776630" style="width:225px;border:1px solid #cccccc;"></div>

<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#ff9900';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '5';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-5280101236238054965',
site: '13497557564014853740' },
skin);
</script>

</div>
</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 2,
interval: 30000,
width: 220,
height: 220,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#333333',
color: '#f3f5f0',
links: '#eb9f07'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
behavior: 'all'
}
}).render().setUser('@mbahcip2').start();
</script>

</div>
</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">

<iframe allowtransparency="true" frameborder="0" scrolling="no"
src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/TrickTipsBlog&width=24
0&colorscheme=light&connections=15&stream=false&header=false&height=320" style="border: none; height: 320px;
overflow: hidden; width: 240px;background: #fff;"></iframe>

</div>
</div>

6. Selesai

Note :
-Ganti Kode Yang Berwarna Biru Dengan Kode ID Blogger Sobat
-Ganti Kode Yang Berwarna Kuning Dengan Kode Twitter Sobat
-Ganti Kode Yang Berwarna Merah Ganti Dengan Kode FB Sobat (Bukan Akun Tapi Halaman FB)

Sumber : http://www.rayhanzhampiet.com/2011/12/widget-google-friend-connect-twitter.html

Cara Membuat Burung Twitter Melayang Di Blog

Kamis, 19 Juli 2012 -=_Tips_Blogger_=-

Disini ane mau kasih cara membuat burung twitter terbang di blogger

Ok Caranya Here:

1. Seperti biasa, masuk ke Rancangan
2. Klik Tata Letak Add Widget
3. Klik Html/Javascript.
4. Copykan kode berikut

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPnNNGF4YSPKC68X0uAiq8nHeVhzwAbTmYujF51T7GhmLqZjMOkSP4hmUbroWwvqt42-RPB-1quqdxXbWn7nH6g2YeFx6zbiLcaoUhPyYi40IGUkqOJXODBE8rcQru8SfPzlCyejg6lMyo/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/mbahcip2";var tweetThisText = "Twitter -Mbah Cip http://tipsbloggernew.blogspot.com/";tripleflapInit();
</script>

5. Selesai

"Note" = tulisan yg berwarna merah dpat di ganti dengan nama blog sobat
"Note" = tulisan yg berwarna biru dapat diganti dengan account twitter sobat

Cara Membuat Efek Zoom Image Di Blogger

-=_Tips_Blogger_=-

1. Masuk ke Dasbor

2. Klik Menu Template/Rancangan

3. Klik Edit HML
4. Centang kotak Expand Template Widge
5. Cari Kode ]]></b:skin>
6. Masukkan Kode Berikut Tepat Di Atas Kode ]]></b:skin>

.post img:hover {

-o-transition: all 0.3s;

-moz-transition: all 0.3s;

-webkit-transition: all 0.3s;

-moz-transform: scale(1.3);

-o-transform: scale(1.3);

-webkit-transform: scale(1.3); }

7. Selesai

Cara Membuat Chatbox Tanpa Di Klik

-=_Tips_Blogger_=-

1. login ke akun BLOG sobat
   2. pilih rancangan / tata letak
   3. tambah gatget / javascript
   4. tambahkan javascript dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://red3vil.xtgem.com/coollogo_com-45471362.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(http://dimash.mw.lt/redstar.gif) no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

letakan scrtipt cbox milik sobat

<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://red3vil.xtgem.com/cooltext518148514.gif" /><hr /></center>
</a>

</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>

NB : ganti text yang ber warna hijau dengan kode cbox milik sobat

save / simpan dan lihat hasil nya,selamat mencoba

-=_Trick_&_Tips_Blog_=-

Cara Membuat Badge FB Melayang

Widget Animasi Burung Twitter

Cara Membuat Scroll Back To Top

Cara membuat Blackquote Pada Postingan Blog

Cara Membuat Widget Follower Google, FB, Dan Twitter Melayang Di Blog (3 in 1)

Cara Membuat Burung Twitter Melayang Di Blog

Cara Membuat Efek Zoom Image Di Blogger

Cara Membuat Chatbox Tanpa Di Klik

Total Tayangan Halaman

SMS GRATIS

Search Article Here

Label

Arsip Blog

Mengenai Saya