Membuat Link Warna Warni Atau Rainbow Link Pada Blog

0

Posted by apriadi | Posted in | Posted on 05.49

Rainbow link atau link pelangi merupakan suatu link dimana jika mouse pointer kita diarahkan ke link tersebut maka linknya akan berkedip warna-warni seperti warna pelangi.

Jika anda masih bingung. Silahkan berkunjung kesini lalu arahkan kursor mouse anda ke salah satu link untuk melihat hasilnya. Gmn menarikkan? Nah untuk memasang link warna-warni ini caranya sangat mudah. Anda cukup memasukkan kode javascript-nya pada blog anda maka efeknya akan langsung berfungsi. Biar lebih mudah. Silahkan ikuti cara berikut ini:

1. Seperti biasa, login ke blogger. Kemudian pada menu Edit HTML

2. Letakkan kode dibawah ini diatas kode <body>

<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>
3. Klik Save Template.

4. Selesai. Silahkan liat hasilnya.

Cara Pasang Background Barubah-ubah

0

Posted by apriadi | Posted in | Posted on 05.32

Halo sobat blogger, ketemu lagi ni ma ane.... heheheh.! Kira-kira ada gk yh sobat blogger yang jadi Pecinta CB???? Hahahaha #ngarep.... Hmm... tutorial kali ini ane pengen share informasi tentang memasang widget yang bisa membuat background template kita berubah-ubah. Tapi kayaknya tidak semua template deh bisa gunain widget ini, soalnya ditemplate ane yang skrang ini udah gak bisa, yang sebelumnya baru bisa. Model template yang bisa tuh kalau gak salah yang background dasarnya gambar. Ntr dicoba aja deh biar lebih jelas...
Terus gimana cara masangnya??? Sabar,,,,ni kan sementara dibahas ^_^. Oyah, widget ini hasil penggabungan dari widget milik DAD and Japarus..... Ane hanya coba satuin untuk sobat blogger semua.....
Untuk cara memasang Widget Background yang bisa berubah-ubah, ikuti langkah-langkah berikut : Tenang aja gampang kok sob.....
1. Login ke blogger dengan ID sobat
2. Di Dasbor, klik tab Layout lalu Add (Tambah) Gadget --&gt; HTML/Javascript
3. Dalam kontent HTML/JavaScript, copy lalu pastekan script berikut :
<div class='sidebar section' id='sidebar2'><div class='widget html' id='html20'>
<h2 class='title'>Background!</h2>
<div class='widget-content'>
<center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Change Background Of This Blog ==>> <a href='http://chumhienk-mhienk.blogspot.com/2011/08/cara-pasang-background-barubah-ubah.html' target='_blank'>Dapatkan Widget<a/></a></a></span></blink><br/><br/>

<center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">
<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Hidden Leaf
<option value="url(http://yahyarezpectors.files.wordpress.com/2011/01/sharingan_wheel_by_neronin2.gif) repeat center center fixed" />Sharingan
<option value="url(http://data0.eklablog.fr/hinata/mod_article214242.gif) repeat center center fixed" />Sharingan 2
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYXvVau9L5yLjeStKYdF32_q2aMMqvJZFL5L10SGrBd4IFiyiCvhAni7VIliCWi3BW8OfRsvm_pvhTK19V0ZshM56WfyRYn_ScYRrhxECX_RiWQ8LaXhsAw1DE91Z509t9X9RHQBtPP-pQ/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1
<option value="url(http://i469.photobucket.com/albums/rr57/dragonknight0000039/ae/death20note20L.jpg) repeat center center fixed" />L Lawliet 1
<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC4NlmmMI/AAAAAAAAEvk/cma5mtW-beU/DADbg2.JPG) repeat center center fixed" />Rikimaru
<option value="url(http://lh6.googleusercontent.com/_GaKwmMcf4N4/TZGC24bJuCI/AAAAAAAAEvg/O1mDH3LU91w/DADbg0.jpg) repeat center center fixed" />Yu-Gi-Oh!
<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGDGbOqsnI/AAAAAAAAEwI/FWAbOOZu2go/DAD1.jpg) repeat center center fixed" />Deidara
<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGC7UA67RI/AAAAAAAAEv0/ehJ-oez_akU/DADbluematrix.gif) repeat center center fixed" />Blue Matrix
<option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix
<option value="url(http://top10hackingfacebooksofware.xtgem.com/imgjqurypropil/ok3-1.gif) repeat center center fixed" />BlacK MaTrix
<option value="url(http://japarus.xtgem.com/blogspot/th_MATRIX5.gif) repeat center center fixed" />MaTrix
<option value="url(http://japarus.xtgem.com/blogspot/red-matrix-request-animated.gif) repeat center center fixed" />ReD MaTrix
<option value="url(http://lh5.ggpht.com/_GaKwmMcf4N4/TNeseCBlTLI/AAAAAAAADXE/Ov2R6yjRkio/Blue%20Matrix%20%5Bwww.DarkArd.co.cc%5D.gif) repeat center center fixed" />BluE MaTrix
<option value="url(http://lh4.ggpht.com/_GaKwmMcf4N4/TKGjwDrSA8I/AAAAAAAADA0/EF3C7a-Hok8/DADmatrixbg.gif) repeat center center fixed" />GreEn MaTrix
<option value="url(http://i28.tinypic.com/2u8bgh3.jpg) repeat center center fixed" />BinGKai
<option value="url(http://gi73.photobucket.com/groups/i235/73WT2U2PGJ/pollockno5-tm.jpg) repeat center center fixed" />LuKiSan aBsTraK
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjajHZreD9oisMKWdm8Rx8wbnmAc762KJ8s5UcbxvUylCb1ZQrvs9WOI_qmvQc67_npNENrrD7aOp14X7DR3POtcN-cMo0NlASDaAKBbO3e9_508dnLqaaudQuF5hrFbuugtWb6T3yA6PA/s1600/pattern_724.png) repeat center center fixed" />GaRis&#178;
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf-sey9GfkzQCcPKkZaIpZM4vvUDLUF-O9EPlGQTegYwkVQVgWrTy3pBEk5cz_wSuOX2tVwUvFe1lYpz0PjzRRpcIj1oSW5leXaRcnBqUW43-TY0E3e6uVakhpnb6fgN1oEgDsrXPDJBcH/s1600/papers.jpg) repeat center center fixed" />KerTaS LeCeK
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9kyoj4AGsuFuX5gWNwYQ5AWejgQbtQxDZH3OwEQ7pybRj1XUAF2psnof8J661IxGh_ruWlZXhpITRXVvu5iHfwQ3aRuF74j55qb4gG1mdoX45DC3UrWTeHhjyA8MC6nKeVYrBAsVAgJ8/s0-r/sakura-naruto-sasuke-akatsuki-naruto-shippuuden-452719_1280_1024.jpg) repeat center center fixed" />NaRuTo
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiixfdfTgn-VVUw3VOrnAboua6pZh24sZieWGGoucYjkmsplmsDar-qwarliDfZxZqMEgPh6-ES_xdgMb54ghYx9drle2_ts2ViCJBlC5jTFe4LSlcKYytqD0mhZTHQw-fuFfL-KyhuN0/s1600/LuKiSan_TeRmaHaL.bmp) repeat center center fixed" />LuKiSan KeRen
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggWG5dgnqRoXpIdUXYqr6AupVeYq_jsW25cgY8ACut2aE37caKBSCADXMZH5prrQXWY1JAl6o63C1FV1LeXCgkxgzR4mBCBF2TpxtEyNyg5WiDJdCmzWt3ckP3wY-a2NoMKmHt6GvGKPk/s1600/%2521%2521%2521%2521%2521%2521.png) repeat center center fixed" />DyOsA
<option value="url(http://top10hackingfacebooksofware.xtgem.com/imgjqurypropil/ok3-1.gif) repeat center center fixed" />Localhost
<option value="url(http://i28.tinypic.com/2u8bgh3.jpg) repeat center center fixed" />Balikita
<option value="url(http://japarus.xtgem.com/blogspot/28.gif) repeat center center fixed" />Tengkorak
<option value="url(http://japaruspunya.xtgem.com/image/japarus.png) repeat center center fixed" />Japarus
<option value="url(http://japarus.xtgem.com/blogspot/165294_140853305970418_100001372471981_217760_3787119_n.jpg) repeat center center fixed" />Garuda Didadaku
<option value="url(http://japarus.xtgem.com/blogspot/th_MATRIX5.gif) repeat center center fixed" />Matrix Hijau
<option value="url(http://japarus.xtgem.com/blogspot/red-matrix-request-animated.gif) repeat center center fixed" />Matrix Merah
<option value="url(http://japarus.xtgem.com/blogspot/hitam.png) repeat center center fixed" />hitam
<option value="url(http://japarus.xtgem.com/blogspot/putih.png) repeat center center fixed" />Putih

</select></center></center>
</div>
<div class='clear'></div></div></div>

Sekian tutorial Cara Pasang Background Berubah-ubah di Blog. Judulnya jelek amat yh.... hahahahaha

Salam,

Membuat efek salju pada pointer mouse di Blog

0

Posted by apriadi | Posted in | Posted on 05.26

Memasang efek salju salju pada pointer mouse di blog kita tidaklah wajib buat dilakukan. ini hanya untuk menambah hiasan di blog kita. Efek salju ini akan berfungsi setiap kali kita menggerakan pointer mouse kita di atas blog....

nah bagi kamu yang pengen di blognya juga muncul efek yang satu silahkan ikuti langkah-langkah berikut :
1. Login ke Blog dengan akun kamu
2. Pilih Tata Letak atau Rancangan
3. Pilih Elemen Laman
4. Klik Add Gadget --> HTML/Java Script
5. Lalu copy paste kode dibawah ini :




<script type='text/javascript'>
// <![CDATA[
var colour="white";
var sparkles=200;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
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;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>


6. Save Gadget.


Selamat Mencoba.!!

Cara Membuat Efek Love Berjatuhan di Blog

0

Posted by apriadi | Posted in | Posted on 05.25

Berikut cara membuatnya :

1. Sign in di Blogger
2. Kemudian pilih "Rancangan"
3. Klik "Tambah Gadget"
4. Pilih "HTML/Javascript"
5. Copy kode scipt dibawah ini:


<script src='http://anas.ku93.googlepages.com/lovingheart.js'>
</script>


6. Simpan 

Atau anda juga bisa meletakkannya di Edit Html
1.Pilih Edit HTML
2. Cari code </head> Jangan Lupa Klik Expand Template Widget nya untuk menghindari kesalahan
3.Letakkan Code Berikut DiBawah kode </head>:

<script src='http://anas.ku93.googlepages.com/lovingheart.js 'type='text/javascript'/> 

 


6. Simpan Templet

Gimana??? Mudah kan.
Selamat Mencoba

Cara Memasang/Memainkan MP3 Player di Blog

0

Posted by apriadi | Posted in | Posted on 05.22

Satu lagi dari Belajar Interaktif…!!!
Ini ditujukan bagi SobatBro yang hobi dengerin lagu :kr , atau yang pingin memiliki blog tentang lagu, atau siapa aja yang pingin memasang lagu kesayangannya dipasang di blog, agar pengunjung bisa dengerin lagu-lagu koleksi anda, untuk mewujudkannya bisa menggunakan cara mudah berikut ini:
Cara Pertama >> Menggunakan scriptnya Google Reader MP3 Player ( :siul Layanan ini milik Google, Sobat, so soal performa jangan tanya… udah pasti ok punya, bisa diandelin lah yang pastinya)
Scriptnya:

Cara Kedua >> Atau bisa juga menggunakan fiturnya GMail ( :ngacir2 lagi-lagi punyanya Google, Sobat)
Scriptnya:

Sebaiknya anda tahu:
cat 1: Gantilah tulisan ALAMAT_URL_FILE_MP3_Anda >> dengan alamat url [http://...] dimana file lagu mp3 disimpan (tapi ingat, lagunya jangan diupload di layanan simpan data gratisan seperti 4shared, ziddu, Rapidshare, dll, karena mereka tidak bisa diakses filenya secara langsung -[semacam ada iklan/timernya]-)
Cat 2: Kalau ingin dipasang di blog/web anda, copy paste aja langsung kode script diatas, dan sekali lagi jangan sampai lupa mengganti alamat url lagu mp3 anda
Oy, Sobat pasti penasaran kan seperti apa nantinya, berikut ini contohnya:
Keterangan:
*) lagu disimpan di: http://sites.google.com/site/zcmattcom/mp3/Go_Kart_Racer.mp3
Dan ini adalah bentuk asli script mp3 player diatas:
<embed type="application/x-shockwave-flash" flashvars="audioUrl=http://sites.google.com/site/zcmattcom/mp3/Go_Kart_Racer.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="500" height="27" quality="best"></embed>
Special thanks to: APRIADI SAPUTRA

membuat salam pembuka pada blog

0

Posted by apriadi | Posted in | Posted on 05.03

1.login blogger
2. masuk ke tata letak(layout) >> Element halaman
3. tambah gedget >> html/java script
4. copy code berikut dan pastekan kedalamnya


<script type='text/javascript'>
var name = prompt("Welcome!! Nama anda siapa", "Nama Anda ");
alert("salam kenal ya "+name)
alert("selamat browsing di blog saya, semoga berkenan!")
</script>
 
5. text yang berwarna merah bisa anda ganti dengan text yang anda inginkan
6.simpan
7.lihatlah hasilnya, selesai

widget translator

0

Posted by apriadi | Posted in | Posted on 05.00

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.


<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5. Kemudian simpan.