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.

ANTI KLIK KANAN

0

Posted by apriadi | Posted in | Posted on 04.53

1.ANTI KLIK KANAN BIASA

*   Setelah login ke blog anda.
*   Pada Dasbor klik Rancangan
*   Klik Edit HTML
*   Copy script yang ada di bawah.
*   Cari kode <head>
*   Kalau sudah, paste script tersebut dan
    letakkan di bawah kode <head> ini.:

<SCRIPT type="text/javascript">
  if (typeof document.onselectstart!="undefined") {
  document.onselectstart=new Function
  ("return false");}
  else{
  document.onmousedown=new Function
  ("return false");
  document.onmouseup=new Function  ("return true");
  }
  </SCRIPT>

2.KLIK KANA MUNCUL PESAN

*  Setelah login ke blogger anda.
*  Pilih Rancangan, klik Tambah Gadget
   dan pilih HTML/JavaScript.
*  Copy Script yang ada di bawah
   dan paste-kan ke dalam kontennya.
*  Simpan dan Selesai.

<script>
var message=".....";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

<script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="ROYNALDO GANTENG"
var neonbasecolor="#0000FF"
var neontextcolor="#FF00FF"
var neontextcolor2="#00FF00"
var flashspeed=80 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds
</script>

Ganti kode Yang berwarna merah dengan selera anda

MEMBUAT JUDUL ADDRES BAR JALAN VERSI 1

0

Posted by apriadi | Posted in | Posted on 04.48


-login dulu
-pilih tata letak letak
-pilih edit html
-beri tanda centang pada Expand Template Widget
-copy script di bawah LETAK diatas <head> : 
 
 
 
<script type="text/javascript">
//<![CDATA[

var message = new Array() // leave this as is

message[0] = "ZZZZZZZZZZZZZZ";
message[1] = "AAAAAAAAAAAAAA";
message[2] = "WWWWWWWWWWWWWW";
message[3] = "SSSSSSSSSSSSSS";
message[4] = "TTTTTTTTTTTTTT";
message[5] = " !!";

var reps = 2

var speed = 100

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='[Z====] '+T+' [====Z]'}
if(s==2){document.title='[=Z===] '+T+' [===Z=]'}
if(s==3){document.title='[==Z==] '+T+' [==Z==]'}
if(s==4){document.title='[===Z=] '+T+' [=Z===]'}
if(s==5){document.title='[====>] '+T+' [<====]'}
if(s==6){document.title='[===Z=] '+T+' [=Z===]'}
if(s==7){document.title='[==Z==] '+T+' [==Z==]'}
if(s==8){document.title='[=Z===] '+T+' [===Z=]'}
if(s==9){document.title='[Z====] '+T+' [====Z]'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>

</script>
  
 
GANTI KODE YANG BERWARNA MERAH SESUAI SELERA ANDA

Cara Menjadikan Foto Kita Sebagai Background Dari Blog Yang Kita Miliki

0

Posted by apriadi | Posted in | Posted on 04.27

Kali ini saya akan mengajarkan kepada kalian bagaimana caranya menjadikan foto kita sebagai background dari blog yang kita miliki. Sebagai contoh saya akan menggunakan blog yang saya miliki di Blogger.

  1. Login ke dashboard account Blogger kalian, lalu klik menu “Layout” di blog yang ingin kalian edit tampilan layoutnya, setelah itu klik menu “Edit HTML”.
  2. Sekarang kalian harus meng-upload foto yang ingin kalian jadikan background dari blog kalian tersebut ke suatu lokasi hosting di internet, sebagai contoh kalian bisa meng-uploadnya ke situs ImageShacks. Setelah fotonya berhasil terupload maka nanti kalian akan diberi tahu URL foto kalian tersebut.
  3. Balik lagi ke halaman Blogger kalian tadi, lalu copy kode CSS berikut:
    <style type="text/css">
    <!--
    body {
        background-image: url(Ganti dengan URL foto kalian);
    }
    -->
    </style>
    Mengedit template Blogger untuk mengganti background menggunakan foto Setelah di-copy kodenya lalu kalian paste-kan kode tersebut ke template Blogger kalian tepatnya sebelum kode </head> (lihat gambar di samping ini jika bingung) dan jangan lupa untuk mengganti tulisan “Ganti dengan URL foto kalian” di dalam kode tersebut menggunakan URL foto kalian yang telah kalian upload sebelumnya ke ImageShacks. Setelah itu kalian klik menu “Save Template” kemudian buka blog kalian tersebut untuk melihat perubahan layout yang telah kalian lakukan.

Cara Memasang Nyit-Nyit Radio ke Blog

0

Posted by apriadi | Posted in | Posted on 04.23

Langkah-langkah memasang radio nyit-nyit.net ke blog :



  1. Masuk ke dasbor blog anda. Pilih blog yang ingin dipasangi radionya... 
  2. Copy kode berikut:
    <div style="float:center;">
    <a href='http://www.nyit-nyit.net/index.php?app=radio&view=listen&player=winamp' title='main'><img src='http://www.nyit-nyit.net/public/style_images/overlayblue/radio_images/icons/winamp/16x16.png' border="0"/></a> <a href='http://www.nyit-nyit.net/index.php?app=radio&view=listen&player=wmp'><img src='http://www.nyit-nyit.net/public/style_images/overlayblue/radio_images/icons/wmp/16x16.png' border="0" /></a> <a href='http://www.nyit-nyit.net/index.php?app=radio&view=listen&player=real'><img src='http://www.nyit-nyit.net/public/style_images/overlayblue/radio_images/icons/real/16x16.png' border="0" /></a>

     <b>N3 Unity Radio</b> 
    <a href="http://www.nyit-nyit.net/index.php?app=radio" target="_blank">[Info]</a>
    <a href="http://www.nyit-nyit.net/index.php?app=radio&view=history" target="_blank">[Song History]</a>
    <a href="http://www.nyit-nyit.net/index.php?app=radio&view=linking" target="_blank">[Linking]</a>
    <a href="http://www.nyit-nyit.net/index.php?app=radio&view=djlist" target="_blank">[List RJ N3]</a> 
    <a href="http://opera14.blogspot.com/2011/02/langkah-langkah-memasang-radio-nyit.html" target="_blank">[Pasang Radio Ini ke Blogmu]</a>  

    <object width="200" height="20" type="application/x-shockwave-flash" id="playerID" name="playerID" data="http://www.nyit-nyit.net/player.swf"><param name="allowfullscreen" value="false" /><param name="allowscriptaccess" value="always" /><param name="bgcolor" value="#FFFFFF" /><param name="flashvars" value="type=sound&amp;autostart=true&amp;file=http://ur.nyit-nyit.net:8110/;stream.nsv" /></object>



    </div>
  3. Jika sudah di-copy silahkan masuk ke menu Rancangan blog anda, klik 'Tambah Gadget' lalu pilih HTML/javascript 
  4. Paste kode yang sudah anda copy tadi di bagian konten/isi. 
  5. Simpan... Silahkan lihat blog anda untuk melihat hasilnya...

Cara Membuat Judul Blog Bergerak

0

Posted by apriadi | Posted in | Posted on 04.15

Pernahkah Anda menemukan adanya blog rekan blogger lainnya yang judulnya bergerak di Tab yang Anda buka? Seperti yang ada di semua blog Salon Oyah ini looohhh... 
Nah, berikut ini Oyah akan memberikan tips-nya untuk membuat judul blog Anda bergerak

Langkah2 membuat "Judul Blog Bergerak"adalah sbb :

1. Login ke Account blog Anda.
2. Klik "Layout/Tata Letak" lalu "Page Element/Elemen Laman" & klik "Edit HTML"
3. Beri tanda centang/check sign di kotak "Expand Widget Templates" . Jangan lupa untuk menyimpan terlebih dahulu Template blog Anda !!!
4. Cari kode berikut

<head>

5. Kemudian COPAS script di bawah ini di bawah kode tersebut, sebelum <body>.

<script language='JavaScript'>
var txt="...Text Judul Blog Anda...";
var kecepatan=250;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

6. Simpan Template Anda. Lalu klik "Lihat Blog" ... maka judul blog Anda sudah bergerak ... wehehe... 

Keterangan :
* ...Text Judul Blog Anda... diisi dengan judul dari blog Anda. Lebih bagus bila sesuai dengan judul yang telah Anda berikan di blog Anda di sesi "Pengaturan".
Ada beberapa template yang mengatur judul blog dgn kode spt ini :<data:blog.pageTitle/> . Saran aq, gunakan az kode tersebut sebagai ...Text Judul Blog Anda...
* kecepatan=250 adalah opsi untuk mengatur seberapa cepat judul blog Anda bergerak, makin kecil angkanya makin cepat. Kalo aq pake angka 250 az, tapi angka ini relatif berkisar antara 100-400... sesuaikan dengan selera Anda sendiri.

Cara Membuat Icon pada Address Bar

0

Posted by apriadi | Posted in | Posted on 04.04

Tutorial kali ini saya akan mengulas tentang bagaimana cara membuat icon blog pada addres bar, apa ada yang belum tahu apa itu icon pada addree bar?Silahkan lihat gambar dibawah ini


klik gambar unuk memperbesar.


Didalam lingkaran merah itulah yang disebut icon address bar, ingin tahu bagaimana cara pasangnya?yuk kita ikuti langkah-langkahnya.

  1. Klik www.imageboo.com , upload gambar yang ingin dijadikan icon, saya saranin sih ukurannya 24 x 24 pixel, tapi kalau tidak ada ya gambar seadanya saja dulu.
  2. Kalau sudah upload gambar silahkan cari alamat tumbnail gambar Anda tersebut , saya kasih contoh misalnya alamatnya [ http://www.imageboo.com/files/8h4epv3tyjvkoikbp1km_thumb.jpg ], tapi ingat lho ya pokoknya yang belakangnya ada .jpg atau .gif itulah alamat gambar Anda yang baru di upload.
  3. Silahkan Copy kode dibawah ini dan sesuaikan dengan alamat icon Anda.
  4. Kemudian paste tepat di bawah kode <head>
  5. Untuk memastikan Anda sudah benar apa belum dalam memasang icon silahkan klik pratinjau, kalau sudah sesuai ya tinggal di save aja alagi.
Semoga postingan saya kali ini bisa membantu rekan blogger semua dalam mendesign blog sehingga akan enak dilihat oleh pengunjung. salam...