JUSMAN STULCKY: Maart 2013

Saterdag 30 Maart 2013

cara membuat burung twiter di blog

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript

Masukkan Script berikut ke dalam kotak yang telah di sediakan.


<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj25W5V9ZA7kCpbFWP25wr061mglBO8yZSLX3E_Hp3KVYXR5dnVTvYykowvW-32nCjVvIQIaRyORvu9yYzguNEG_ZCKA79bgtWUHELVruFfGv4Ms5vSttFJnh-mcaDkoM2cPU7HBKXPNYs/s1600/burung+twitter+terbang.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/deactivatednumi";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

3. Klik save / simpan.

Tambahan:
Ganti tulisan yang berwarna merah dengan warna icon twitter kesukaan sobat.

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwlBrjtAX_fml6O3bDKyCQ9F5Z13UkQizzk7Oi_b92LL1L6DttEuja8a7macfpzss6bmIzy-N9aSLNt9RJYQQeUwdRBCgdRO4ZugJQQlPJl3xuSeWNKqA5tgPNRDAVbwOiUSNS37adCac/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4ICzRi8UJmW8G849IdnVieBKETmHTtxeS-sV5xruhGRNoRgLWaQKHDAQGEHBgcKAclLoLe89w1iriA3rWgf0EdwP8Atn59RdDn13ZiWLlHwnqm78NhhI1iB67LDdmByVnoDSOzecg9U/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5jufTm9urtfXw52Lmz30OolgSpxthXGUOSkjA5xvGDd7Q_Jvd_iUjCTaG8CpNjjwvqkli1manE63UtZQxOtzX5bHVobACTphIMcjnZr18Yk0jv5PiOa-Su97kswIMTnv_UmHse56yfU/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ega4i22wxfYlfArezbfy_Z-7OLLHlZmyhJgTfXABN6shb14g7dibyHLQqj0quZ8hR4Z6hwNQat7LIbLeIr74rwCzXW7MBmbo7UMiGDP7vyq-tQJKXgaekquW8d55k74NuqyEwXcerRo/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgp3zqlfZ781u-UTdi3l7XG4lZFGG2oyDNT4x18NJ31veJd9YSQH7ZRcWUIXHmRR7p235GpvtPvhbd55k_G7vwkAwutIjRNgVrQAP9CiqF2uDN2q1Dbgzfl6VFCvNdIE7kHSKMdvrSgtE/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPdVPC9s582RjTGnMl5FDhwWST6oAFe7wAdnaTJMPh3vT_4qpL7DZRGFLCQw7OHpBoGWOQ9hu2I6mdkcoXicp8SkoZiqsvRMtfwUhrb_aClv1c8eTU0P2Ma3qUHxkCnSbpyp30hX4ubN0/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOovtlG5Z1-k0yYTS5Jkn_ZgXRFq9gdhBJJwDJgcGtQ45-RHaWPA1fCrwWl9Wj2WLHnoTgNb_swfPbLUuSPJejzCKiKjkXkAcx-1g5JFNwNEJG-EgkQlfwi3KqSwHLkn7MolsT-akyD7c/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTd_XkPhRFMNERsWRkU_Wt86a2Xpx1MkL5YQjguy63D0pIrfTaqoGBcHwgBa_cQOGr3UFavnmpH0ZwTk8Cu0Gjfi9yN5o2cHO-UWcmwb9QlZuPnOvU9Y56ASgiAID8dEehJ5qy4EMxaTk/s1600/red+bird.png

Ganti Tulisan yang berwarna biru dengan username twitter sobat.

Semoga membantu!!

cara membuat efek kembang api di blog

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode </body>
4. Paste kode dibawah ini diatas kode </body>

<script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/fireworks1.js"></script>

5. Simpan template sobat dan lihat hasilnya

cara membuat efek daun berguguran di blok

ok langsung ajah deh sob kita melngakah ke tata cara membuat
efek daun berguguran di blog;

1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML Javascript
4. Masukkan kode dibawah ini:

<script src='http://blogtrikdantips-blogspot.googlecode.com/files/daun.js'/></script>

5. Simpan gadjet lalu lihat hasilnya

Selamat mencobanya! Good Luck!

cara membuat Efek Gelembung pada Cursor

cara membuat efek gelembung pada cursor
1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML/Javascript
4. Masukkan kode berikut ini:

<noscript></noscript><script type="text/javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/cursor_gelembung.js"></script><script type="text/javascript">

// <![CDATA[
var colours=new Array("#2E9AFE", "#2E9AFE", "#2E9AFE", "#2E9AFE", "#2E9AFE"); // 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<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
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<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
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 && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
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)=="number") {
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 && (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("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

5. Simpan gadjet lalu lihat hasilnya

Cara Membuat Efek Love Berjatuhan di Blog

cara membuat efek love berjatuhan di blog
1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML JavaScript
4. Masukkan kode berikut ini:

<script src='http://blogtrikdantips-blogspot.googlecode.com/files/love_berjatuhan.js'></script>

5. Simpan gadjet lalu lihat hasilnya

Cara Membuat Efek Meteor Jatuh di Blog

cara membuat efek meteor jatuh di blog
1. Login ke blogger

2. Masuk ke Rancangan -- Elemen Laman

3. Tambahkan gadjet lalu pilih HTML/Javascript

4. Masukkan kode dibawah ini:

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/meteor_jatuh.js">
</script>

5. Simpan gadjet lalu lihat hasilnya

Cara Membuat Bingkai Dan Mengubah Warna Latar Pada Judul Serta Area Widget

Nah, dalam hal melakukan kustomisasi untuk bagian widget, dalam hal ini adalah memberi garis dan warna latar untuk bagian tersebut, maka Anda dapat mengerjakan langkah-langkah berikut ini secara berurutan.

Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’.

Kedua, cari kode ]]></b:skin> dan kemudian sisipkan kode berikut ini tepat di atasnya.

.main-inner .sidebar .widget h2 {
margin-top: 0px;
margin-bottom: 1px;
margin-left-value: 0px;
margin-right-value: 0px;
padding: 3px 3px;
color: #274e13 !important;
text-align: center;
border: 1px solid #666666;
border-radius: 4px;
box-shadow: 1px 1px 6px 1px #3d85c6;
background: #bbbbbb;
}

.main-inner .sidebar .widget-content {
margin: 0px;
padding: 2px 2px;
text-align: justify;
text-decoration: none;
border: 1px solid #674ea7;
border-radius: 4px;
box-shadow: 1px 1px 6px 1px #3d85c6;
background: #ffffff;
}

.main-inner .widget #ArchiveList {
margin: 0px;
}

.main-inner .widget ul,
.main-inner .widget li,
.main-inner .widget ul li,
.main-inner .widget #ArchiveList ul.flat li {
margin: 0px;
padding: 2px;
list-style: none;
}

Ketiga, simpan template Anda.

Cara Mengganti Kursor Di Blogger

3rdHokage Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap

Lansung aja dhe:
1.Pilih "add a gadget"
2.Lalu pilih "HTML/Java Script"
3.dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

a. Kode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link

<style type="text/css">
body{cursor: url("http://lh5.ggpht.com/_RVpTV2JOOxA/S-

5sHPOG-yI/AAAAAAAAC-

8/aOb1yn36uAE/cursor_t4belajarblogger.gif"), auto;}
</style>

b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">
body{cursor: url("http://lh5.ggpht.com/_RVpTV2JOOxA/S-

5sHPOG-yI/AAAAAAAAC-8/aOb1yn36uAE/cursor_t4belajarblogger.

gif"), auto;}
body a:hover{cursor: url("http://lh5.ggpht.com/_RVpTV2JOOxA/S-5sHPOG-

yI/AAAAAAAAC-8/aOb1yn36uAE/cursor_t4belajarblogger.gif"), auto;}
</style>

SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"

Cara membuat tombol kembali ke atas dan ke bawa pada bolg

Pengen tau cara membuat tombol kembali ke atas dan ke bawa pada blog
Caranya cukup gampang dan cukup muda buat shobat bloger

1.Login ke blog anda
2.Masuk ke bagian tata letak
3.Lalu tamba Gadget HTL/Javascript
4.Kemudian isi dengan kode di bawa ini,adala kode tombol ke atas

<div style="display:scroll; position:fixed; bottom:50px;

right:-6px;"> <a href='#' title='Ke Atas halaman'><img border="0"

src="http://1.bp.blogspot.com/-0qDVypAKAkI/ToRdQ3VK1yI/AAAA

AAAACDU/n0CFSydWodY/s1600/Back_to_top.png" /></a><br />

</div>

5.kumudian di save/simpan, lihat dhe hasil nya
Maka hasilnya seperti gambar ini

Dan untuk kode tombol ke bawa silahkan anda lihat di bawa ini

Cara pasang nya sama aja dengan yang di atas tadi
1.Login ke blog anda
2.Masuk ke bagian tata letak
3.Lalu tamba Gadget HTL/Javascipt
4.Kemudian isi dengan kode di bawa ini

<div style="display:scroll; position:fixed; top:50px;

right:-6px;"> <a href='#footer' title='Ke bawah halaman'><img border="0"

src="http://4.bp.blogspot.com/-Jmsu74g-ZJA/ToRdQXEiV5I/AAAA

AAAACDQ/IDksEodlnps/s1600/Back_to_bottom.png" /></a><br />

</div>

5.jangan lupa di save/simpan dulu,kemudian lihat dhe hasil nya
Maka hasil nya seperti gambar ini

Gimana gampan kan ya shop

Vrydag 29 Maart 2013

jusman

JUSMAN STULCKY