• This is default featured slide 1 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

  • This is default featured slide 2 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

  • This is default featured slide 3 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

  • This is default featured slide 4 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

  • This is default featured slide 5 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

Membuat Animasi Di blog™




 cbox
Hallo sobat blogger semua,alhamdulillah kali ini saya masih tetap bisa posting...hehehe,,kali ini saya akan memposting animasi blog TerUpdate...langsung aja berikut tutorial pemasangannya :
1. Login ke blogger
2. Masuk ke Tata Letak/Rancangan
3. Tambah Gadget blog
4. Pilih HTML/Javascript
5. Copy kode dibawah ini lalu paste

1. Bayi  Super Nakal(Corat Coret Layar)

<script language="javascript"> nd_mode="baby"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/efekbayiberjalan.js"></script>

2. Love Down

&lt;script src=&#039;http://blogtrikdantips-blogspot.googlecode.com/files/love_berjatuhan.js&#039;&gt;&lt;/script&gt;


3. Cursor Diikuti Gelembung

&lt;noscript&gt;&lt;/noscript&gt;&lt;!-- --&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://blogtrikdantips-blogspot.googlecode.com/files/cursor_gelembung.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;

// &lt;![CDATA[
var colours=new Array(&quot;#2E9AFE&quot;, &quot;#2E9AFE&quot;, &quot;#2E9AFE&quot;, &quot;#2E9AFE&quot;, &quot;#2E9AFE&quot;); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i&lt;bubbles; i++) {
rats=createDiv(&quot;3px&quot;, &quot;3px&quot;);
rats.style.visibility=&quot;hidden&quot;;
div=createDiv(&quot;auto&quot;, &quot;auto&quot;);
rats.appendChild(div);
div=div.style;
div.top=&quot;1px&quot;;
div.left=&quot;0px&quot;;
div.bottom=&quot;1px&quot;;
div.right=&quot;0px&quot;;
div.borderLeft=&quot;1px solid &quot;+colours[3];
div.borderRight=&quot;1px solid &quot;+colours[1];
div=createDiv(&quot;auto&quot;, &quot;auto&quot;);
rats.appendChild(div);
div=div.style;
div.top=&quot;0px&quot;;
div.left=&quot;1px&quot;;
div.right=&quot;1px&quot;;
div.bottom=&quot;0px&quot;
div.borderTop=&quot;1px solid &quot;+colours[0];
div.borderBottom=&quot;1px solid &quot;+colours[2];
div=createDiv(&quot;auto&quot;, &quot;auto&quot;);
rats.appendChild(div);
div=div.style;
div.left=&quot;1px&quot;;
div.right=&quot;1px&quot;;
div.bottom=&quot;1px&quot;;
div.top=&quot;1px&quot;;
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter=&quot;alpha(opacity=50)&quot;;
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c&lt;bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+&quot;px&quot;;
bubb[c].top=(bubby[c]=y)+&quot;px&quot;;
bubb[c].width=&quot;3px&quot;;
bubb[c].height=&quot;3px&quot;
bubb[c].visibility=&quot;visible&quot;;
bubbs[c]=3;
break;
}
}
for (c=0; c&lt;bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout(&quot;bubble()&quot;, 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]&gt;sdown &amp;&amp; bubbx[i]&gt;0) {
if (Math.random()&lt;bubbs[i]/shigh*2 &amp;&amp; bubbs[i]++&lt;8) {
bubb[i].width=bubbs[i]+&quot;px&quot;;
bubb[i].height=bubbs[i]+&quot;px&quot;;
}
bubb[i].top=bubby[i]+&quot;px&quot;;
bubb[i].left=bubbx[i]+&quot;px&quot;;
}
else {
bubb[i].visibility=&quot;hidden&quot;;
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement &amp;&amp; document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)==&quot;number&quot;) {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)==&quot;number&quot;) {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement &amp;&amp; (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement(&quot;div&quot;);
div.style.position=&quot;absolute&quot;;
div.style.height=height;
div.style.width=width;
div.style.overflow=&quot;hidden&quot;;
return (div);
}
// ]]&gt;
&lt;/script&gt;

4. Telur Ceplok

&lt;script language=&quot;javascript&quot;&gt; nd_mode=&quot;eggs&quot;; nd_vAlign=&quot;bottom&quot;; nd_hAlign=&quot;right&quot;; nd_vMargin=&quot;10&quot;; nd_hMargin=&quot;10&quot;; nd_target=&quot;_blank&quot;; &lt;/script&gt; &lt;script language=&quot;javascript&quot; src=&quot;http://blogtrikdantips-blogspot.googlecode.com/files/efektelur.js&quot;&gt;&lt;/script&gt;



Share:

Membuat Tombol Share Di bawah Postingan Date

Tombol berbagi (button share) sangatlah berguna untuk mempublikasikan artikel di jejaring sosial seperti Facebook, twiter dll. Dengan adanya tombol share ini di setiap postingan kita, maka akan sangat mudah bagi pembaca untuk melakukan share terhadap artikel, tidak perlu melakukan copas.

ok, kita langsung ke pembahasan,,,

Berikut ini adalah langkah-langkah memasang tombol share di bawah postingan:

1. Login ke blog Sobat dulu
2. Pilih rancangan
3. Dan Pilih Edit Html
4. Ceklist Expand Template Widget
5. Cari kode ini(Ctrl+F)

<div class='post-footer-line post-footer-line-1'>
6. Di bawah ini ada beperapa pilihan tombol share sobat bisa pilih salah satunya

PhotobucketBerikut Kodenya:
<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4da519da7edfc20d"></script> <!-- AddThis Button END -->
Photobucket
  Berikut Kodenya:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4da51a0d28c61844"></script>
<!-- AddThis Button END -->
Photobucket
Beikut Kodenya:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4da51a2b6d314596"></script>
<!-- AddThis Button END -->

7.Sobat copy salah satu kode HTML Diatas, kemudian Pastekan di bawah code
<div class='post-footer-line post-footer-line-1'>
Share:

Trik Menampilkan Format Waktu Pada B Date




Cara Menampilkan Tanggal dan Jam di Title Bar, Cara pemasangannya sebagai berikut:

1.Login ke account blogger sobat terlebih dahulu
2.Pilih Layout --> Page Elements.
3.Pilih 'Add a Gadget'
4.Pilih 'HTML/Javascript' type
5. Masukkan kode dibawah ini

<Script Language="JavaScript" Type="Text/JavaScript">
var mytime1=24;
function mytime2() {
mytime3=mytime1+6;
mytime4=mytime1+mytime3;
timexx=mytime1+mytime3+mytime4;
timexxx=timexx/mytime4*mytime1; twelfth=mytime4*mytime1/12*mytime3;
timexxxx=mytime1+mytime3/timexxx-16*timexx;
timexxxxx=twelfth*(mytime1-5)/mytime4+timexx;
timexxxxxx=timexxxxx/timexxxx+mytime1*mytime4-timexx;
mytime5=(timexxxxxx+mytime1/mytime4*timexx+mytime3*timexxx)/twelfth+timexxxxx-timexxxxxx-1;
mytime6=Math.floor(mytime5);
mytime8=mytime6*mytime3/2+100;
mytime7 = window.setTimeout("mytime2()", mytime8);
var mytime9 = new Date();
var mytime10= mytime9.toLocaleString();
document.title = mytime10;}
function op(){mytime2()}
window.onload=op;

</script>


6. Pemasanfannya kodingnya telah Selesai sobat,tinggal sobat tekan tombol SAVE/SIMPAN .

Selamat Berkreasi Sobat Dan Jangan lupa komentar dan likenya ya!hehehe...Free Share
Share:

Populer Artikel