Beranda

Tuesday, April 26, 2011

Cara Mengganti Cursor Di Blog

Saya yakin, Anda pasti bosan dengan cursor berbentuk panah itu. Dengan trik kali ini, Anda bisa mengganti cursor panah tersebut dengan gambar-gambar yang menarik setiap kali blog Anda dibuka. Caranya pun sangat mudah.

Langsung saja, begini caranya:

1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan:

5. Nah, ganti alamat cursor http://www.123cursors.com/freecursors/7676.gif tersebut dengan alamat cursor yang lain. Untuk mengetahui alamat cursor yang lain, kunjungilah www.123cursors.com dan pilih cursor yang Anda inginkan. Supaya lebih mudah, cari berdasarkan kategori. Bila Anda sudah menemukan, copy alamat cursornya dengan cara klik kanan pada gambar cursor tersebut, lalu pilih “copy image location”.
Mudah kan?

Sunday, April 10, 2011

Membuat Marquee ( Text Berjalan )

Selamat Datang para Blogger semua.. kali ini saya akan mengajarkan cara membuat tulisan seperti 

 Apa itu Marquee? 

Marquee adalah teks berjalan dalam bahasa html. Kalo kita lihat marquee menurut semantik sepertinya ga ada hubungan dengan teks berjalan, tapi kalo diperhatikan lagi… mmmmh memang ga ada hubungannya ^_^ (sepertinya). Tapi kalo kita mau perhatikan lebih dalem, Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung” Mmmmh… apa hubungannya dengan marquee sebagai teks berjalan…? Setidaknya menurut saya memang ada, melalui “tenda” tersebut orang lalu lalang berjalan.

Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sengaja marquee-marquee di bawah ini saya beri title mulai marquee 1.0 sampai 3.0.3, tidak ada keistimewaan dari penamaan tersebut, hanya untuk memudahkan saya dalam memberi penjelasan. Plus tambahan saya sertakan kode html yang diperlukan, Anda tinggal mengganti teks yang ada dalam kode tersebut “Teks Anda”.
Marquee 1.0
Teks Anda
Marquee 1.0 ini merupakan marquee standar agar teks Anda bisa berjalan secara default (dari kanan ke kiri).
Tag Html
<marquee>Teks Anda</marquee>
Marquee 1.0.1
Teks Anda
Marquee 1.0.1 adalah pengembangan dari 1.0, keistimewaannya jika Anda arahkan mouse pada teks tersebut maka dia akan istirahat dan berhenti dari perjalanannya yang panjang.
Tag Html
<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Anda</marquee>
Marquee 1.0.2
Teks Anda
Marquee 1.0.2 jika Anda menggunakan teks Arabic yang dimulai dari kanan ke kiri, maka Anda membutuhkan Marque ini yang berjalan sebaliknya; dari kiri ke kanan, contoh dengan teks arabic:
مرقو ادلح تيكس برجالان
Tag Html
<marquee direction="right">Teks Anda</marquee>
Marquee 2.0
Teks Anda
Marquee 2.0 Marquee ini tidak memiliki kemampuan magic seperti David Coperfield marquee sebelumnya yang bisa menembus ruang, Marquee 2.0 ini kerjaannya bolak-balik dari ruang kotak yang kasat mata. :)
Tag Html
<marquee behavior="alternate">Teks Anda</marquee>
Marquee 2.0.1
Teks Anda
Marque 2.0.1 Pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif :)




Tag Html
<marquee behavior="alternate" scrollamount="18">Teks Anda</marquee>
Marquee 2.0.2
Teks Anda
Marquee 2.0.2 Masih pengembangan dari Marquee 2.0 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti marquee 1.0.1 jika Anda arahkan mouse pada teks maka dia akan berhenti.
Tag Html
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Anda</marquee>
Marquee 3.0
Teks Anda
Marquee 3.0 Dia adalah marquee climbing, marquee pendaki ini suka sekali ketinggian, sehingga kita lihat arah teksnya pun ke atas (up) :) . Jika Anda memiliki teks yang banyak, maka marquee ini merupakan pilihan yg tepat dan sangat cocok sebagai teman pendamping hidup Anda.
Tag Html
<marquee direction="up">Teks Anda</marquee>
Marquee 3.0.1
Teks Anda
Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.
Tag Html
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Teks Anda</marquee>
Marquee 3.0.2
Teks Anda


Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Tag Html 
<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Anda</marquee>


Marquee 3.0.3


Teks Anda
Marquee 3.0.3 Pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silahkan Anda perlambat sendiri.
Tag Html
<marquee direction="down" width="100%" height="100">Teks Anda</marquee>
Demikian tips sederhana ini, silahkan Anda coba….! Jika ingin manambahkan marquee yang lain silahkan tulis komentar. :)
Keep Blogging ^_^

CARA MEMBUAT JAM MENGIKUTI CURSOR

Kembali memenuhi permintaan sobat Blogger yaitu Cara membuat jam mengikuti cursor.

Ada beberapa cara untuk membuat jam mengikuti cursor, salah satunya adalah sebagai berikut :

Login ke Blogger anda
Klik Rancangan (Yang dulunya Tata Letak )
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,
Kemudian cari kode ]]></b:skin>

Tips
: Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3).
Kalau sudah ketemu, Copy Paste kode berikut dan letakkan diatasnya.







/* cursor jam
----------------------------------------------- */
.cursor_jam1{
background:transparent;
position:absolute;
top:0px;
left:0px;
width:16px;
height:16px;
font-family:cursive;
font-size:16px;
text-align:center;
font-weight:bolder;
}
.cursor_jam2{
position:absolute;
top:0px;
left:0px;width:12px;
height:12px;
font-family:cursive;
font-weight:bolder;
font-size:10px;
text-align:center;
}

 





Kemudian cari kode </body> dan letakkan script berikut diatasnya


<script type='text/javascript'>
//<![CDATA[
if (document.getElementById&&!document.layers){dCol='red'; fCol='orange'; sCol='red'; mCol='#00ff00'; hCol='#00ff00'; del=0.7; ref=70;var ieType=(typeof window.innerWidth != 'number'); var docComp=(document.compatMode);var docMod=(docComp && docComp.indexOf("CSS") != -1); var ieRef=(ieType && docMod)?document.documentElement:document.body;theDays=new Array("MINGGU","SENIN","SELASA","RABO","KAMIS","JUM'AT","SABTU");theMonths=new Array("JANUARI","FEBUARI","MARET","APRIL","MEI","JUNI","JULI","AGUSTUS","SEPTEMBER","OKTOBER","NOVEMBER","DESEMBER"); date=new Date(); day=date.getDate(); year=date.getYear();if (year < 2000) year=year+1900; tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;D=tmpdate.split(""); N='A D I N A T A - R E Z Z A M'; N=N.split(" "); F=N.length; H='...'; H=H.split("");M='....'; M=M.split(""); S='.....'; S=S.split(""); siz=40; eqf=360/F; eqd=360/D.length; han=siz/5.5;ofy=-7; ofx=-3; ofst=70; tmr=null; vis=true; mouseY=0; mouseX=0; dy=new Array(); dx=new Array();zy=new Array(); zx=new Array(); tmps=new Array(); tmpm=new Array(); tmph=new Array();tmpf=new Array();tmpd=new Array(); var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){ dy[i]=0; dx[i]=0; zy[i]=0; zx[i]=0;}
algn=new Array();for (i=0; i < D.length; i++){algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('<div id="_date'+i+'" class="cursor_jam2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'</div>');tmpd[i]=document.getElementById("_date"+i).style;} for (i=0; i < F; i++){
document.write('<div id="_face'+i+'" class="cursor_jam2" style="color:'+fCol+'">'+N[i]+'</div>');
tmpf[i]=document.getElementById("_face"+i).style; } for (i=0; i < H.length; i++){
document.write('<div id="_hours'+i+'" class="cursor_jam1" style="color:'+hCol+'">'+H[i]+'</div>');
tmph[i]=document.getElementById("_hours"+i).style;} for (i=0; i < M.length; i++){
document.write('<div id="_minutes'+i+'" class="cursor_jam1" style="color:'+mCol+'">'+M[i]+'</div>'); tmpm[i]=document.getElementById("_minutes"+i).style; } for (i=0; i < S.length; i++){
document.write('<div id="_seconds'+i+'" class="cursor_jam1" style="color:'+sCol+'">'+S[i]+'</div>'); tmps[i]=document.getElementById("_seconds"+i).style;} function onoff(){if (vis){ vis=false;
document.getElementById("control").value="Tampilkan Jam";}
else{ vis=true;document.getElementById("control").value="Sembunyikan Jam";Delay();} kill();}
function kill(){ if (vis) document.onmousemove=mouse; else document.onmousemove=null;}
function mouse(e){ var msy = (!ieType)?window.pageYOffset:0; if (!e) e = window.event;
if (typeof e.pageY == 'number'){ mouseY = e.pageY + ofst - msy; mouseX = e.pageX + ofst;}
else{ mouseY = e.clientY + ofst - msy; mouseX = e.clientX + ofst;} if (!vis) kill();}
document.onmousemove=mouse; function winDims(){ winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;} winDims();window.onresize=new Function("winDims()"); function ClockAndAssign(){ time = new Date(); secs = time.getSeconds();sec = Math.PI * (secs-15) / 30; mins = time.getMinutes(); min = Math.PI * (mins-15) / 30; hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;for (i=0; i < S.length; i++){
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";}
for (i=0; i < M.length; i++){ tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";}
for (i=0; i < H.length; i++){tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";} for (i=0; i < F; i++){
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";}
for (i=0; i < D.length; i++){tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";} if (!vis)clearTimeout(tmr);}
buffW=(ieType)?80:90; function Delay(){scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;if (!vis){
dy[0]=-100;dx[0]=-100;} else{ zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);} for (i=1; i < sum; i++){if (!vis){ dy[i]=-100;
dx[i]=-100;} else{ zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);} if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;} tmr=setTimeout('Delay()',ref); ClockAndAssign();}
window.onload=Delay;}
//]]>
</script>

Tulisan warna nya bisa  sobat ganti sesuai selera
Simpan selesai dan lihat hasilnya

Selamat Mencoba

Photo Effects Online | PhotoFaceFun.com - make funny effects online in 2 minutes.

Photo Effects Online | PhotoFaceFun.com - make funny effects online in 2 minutes.

Monday, April 4, 2011

Setting Blog

Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :

1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :

* Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial

* Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog

* Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.

* Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya

* Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya

* Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa

* Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)

* Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya

* Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)

* Klik tombol Simpan Pengaturan . Selesai

4. Klik Publikasi untuk mengatur menu Publikasi :

* Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.

* Klik tombolSimpan pengaturan. Selesai

5. Klik Format untuk mengatur menu format :

* Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.

* Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.

* Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.

* Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.

* Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.

* Bahasa ⇒ Pilih bahasa yang di inginkan.

* Tampilkan Field judul ⇒ Pilih ya
atau tidakpun tidak apa-apa

* Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.

* Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa

* Klik tombol Simpan Pengaturan. Selesai

6. Klik Komentar Untuk mengatur menu komentar :

* Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung

* Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.

* Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.

* Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.

* Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.

* Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.

* Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.

* Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).

* Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.

* Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.

* Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.

* Klik tombol Simpan Pengaturan. Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan :

* Frekuensi Arsip ⇒ pilih Bulanan.

* Aktifkan Halaman Posting? ⇒ pilih ya.

* Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs :

* Izinkan Feed Blog ⇒ pilih Penuh.

* Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.

* Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.

* Klik tombol Simpan Perubahan. Selesai.

Satu pekerjaan sudah selesai, tinggal menyongsong pekerjaan lainnya....

Memblokir Klik Kanan di Blog

Terkadang kita ada kalanya kepingin halaman blog kita tidak bisa di klik kanan oleh orang lain, mungkin karena ada sesuatu hal yang membuat kita terpaksa membuatnya.

Mungkin saja karena kita ingin melindungi semua rahasia-rahasia yang ada di balik klik kanan tersebut. Terlepas dari hal itu, entah anda pingin atau tidak, saya coba membantu cara praktis membuat klik kanan di halaman blog anda agar didisable oleh system.

Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Klik pilihan menu HTML/JavaScript
5. Pastekan script di bawah ini ke dalam kolom konten tersebut
<script>
var message="Maaf,Klik Kanan Saat Ini Saya Dilarang";
///////////////////////////////////
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>

6. Silahkan ganti script pesan dengan kalimat pilihan anda
7. Klik Simpan
8. Selesai

Tapi Kalo Buat Blog yg Menyediakan Tutorial Blogging, Cara ini gak cocok! karena Orang harus Copy HTML yang kita berikan

Memasang Fitur Chat Atau Buku Tamu Di Blog


Cbox merupakan fasilitas buku tamu yang bisa kita pasang di blog kita. fungsinya yaitu sebagai media penampung jejak coretan- coretan sapa maupun saran yang biasanya dipasang di bagian sidebar sebuah blog. Cbox sangat membantu dalam proses blogwalking, karena dengan fasilitas ini kita dapat mengetahui link pengunjung blog kita yang mengisi buku tamu kita [jika mereka mencamtumkan url websitenya], sehingga kita bisa saling berkunjung kembali / kunjungan balik. kalau pada postingan sebelumnya kita telah membahas cara memasang shoutbox di blog. Cbox memiliki fungsi yang sama seperti halnya Shoutbox. Akan tetapi perbedaan mendasarnya mungkin pada tampilannya dan juga untuk memperoleh Cbox ini kita harus Register / Daftar terlebih dahulu.Cara Daftar CBOX Disini. Tetapi semua mudah dan cepat dan FREE alias gratis 100%. Selain itu Cbox juga dapat di kustomisasi dengan memberikan beberapa smile tambahan.
Pasang Cbox di blog blogspot:

* Login ke akun cbox sobat, kalau belum DAFTAR Disini
* Klik Publish


* Lalu Copy kode-kode yang telah tersedia
* Lalu Login ke akun blogger sobat
* Pada halaman Dashboard, Pilih Tata Letak
* Klik Add Gadget - HMTL/Javascript
* Lalu pastekan kode cbox tadi
* langkah berikutnya adalah mungkin penyesuaian lebar dan tinggi cbox agar sesuai dengan tempatnya.
* Kalau sudah,klik Simpan

Mudah gampang bukan. Untuk cara kustomisasi tampilan kita bahas pada postingan berikutnya.

Memasang Translator Di Blog

1. Login Ke Blogger
2. Klik "Rancangan" atau "Layout"
3. Klik "Add a Gadget" --> "Tambah HTML/Javascript"

Copy Kode Ini :
<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

</style>

<div>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
</div> <div style="font-size:10px;margin:8px 0px 3px 0px">

Mau Widget ini? <a href=http://rezzam.blogspot.com/2011/04/memasang-translator-di-blog.html>Click Here</a>
</div>

Membuat Cursor Bertabur Bintang

Cursor yang bertabur bintang adalah salah satu cara untuk mempercantik tampilan blog.karena saat cursor di geser kursor tersebut akan mengeluarkan bintang-bintang. Contohnya Bisa kalian lihat disini.

Setelah melihat Contohnya Tertarik tidak sobat untuk membuatnya ?jika tertarik silakan ikuti tutorial Cara Membuat Cursor Bertabur Bintang di bawah ini untuk Membuat Cursor Bertabur Bintang.

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.



5.Letakkan HTML di bagian paling atas..

6.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

Bintang biru

<script src="http://denisahlan.netau.net/bintang.biru.js" type="text/javascript"></script>


Bintang hijau

<script src="http://denisahlan.netau.net/bintang.hijau.js" type="text/javascript"></script>


Bintang merah

<script src="http://denisahlan.netau.net/bintang.merah.js" type="text/javascript"></script>

Bintang putih

<script src="http://denisahlan.netau.net/bintang.putih.js" type="text/javascript"></script>

Bintang ungu

<script src="http://denisahlan.netau.net/bintang.ungu.js" type="text/javascript"></script>

Memasang Widget I Love Indonesia

Sekarang saya sempetin posting buat nambah animasi " I LOVE INDONESIA" di PKA (Pojok Kanan Atas). Kayak punya blog ini, saya langsung aplikasikan biar pengunjung percaya bahwa Script yang saya kasih 100% Working. Ya udah, sekian aja basa-basinya.

Langkah:

1. Buka Blogger dan Sign In menggunakan account anda

2. Pilih tata letak

3. Add Widget

4. Text/HTML

5. Masukan Script di bawah ini

<a href="http://www.adjiebrotot.co.cc/2010/07/memasang-widget-i-love-indonesia.html" target="_blank"title="Click Here to Grab this Widget"><img src="http://img38.imageshack.us/img38/8584/iluvindonesia.png" border="0" alt="Ocean Blue Flame" style="position:absolute; top: 0px; right: 0px;" /></a>

Cara Menampilkan Jam Islami Di Blog Anda


Buat anda yang orang islam dan mau menampilkan jam islami/kalender islami seperti STUDYANYTHING pada sidebar, saya akan menjelaskan caranya. Caranya tidak ribet kok, untuk memahami caranya silahkan simak baik-baik penjelasan saya dibawah ini,

1. Kunjungi websitenya Disini
2. Pada halaman awal pilih apa yang ingin anda tampilkan. Contoh: Islamic Calendar, Islamic Clock dll

3. Kemudian pilih yang anda suka

4. Kemudian setting tampilannya melaui Apperance di web jam islami, kalau sudah yakin lalu klik BLOG ME5. Setelah itu pilih type blog anda kalau anda pakai wordpress ya WordPress & masukan username blog anda, password blog anda dan alamat blog anda

6. Untuk WordPress, setelah itu log in ke WP anda ke menu Tulisan lalu sunting tulisan dari web jam islami tadi, di dalam Tulisan dari web jam islami tadi ada code untuk menampilakan widgetnya kemudian copy kode tersebut ke menu Tampilan > Widget. Di menu widget seret widget text dan paste codenya di widget text. Klik Simpan.

Setelah anda melakukan cara di atas dengan benar maka widgetnya (jam, kalendar dll.) akan tampil di blog anda. Untuk melihat hasilnya seperti di sidebar STUDYANYTHING (kanan anda)

tips memasukan jadwal sholat pada blog

1.Ketik url Disini
2.Pada bagian bawah situs tersebut terdapat beberapa link text salah satunya bertuliskan Add new services to your site, klik link text tersebut.
3.Akan terbuka lembar baru lalu klik link text nomor 2 yang bertuliskan Daily prayer times of your city in your web site.
4.Pada ujung kolom Select a Country ada anak panah yang mengarah ke bawah, klik anak panah tersebut, kemudian klik nama negara yang diinginkan, misalnya Indonesia lalu klik tombol GO.
5.Dibawah kalaimat Select your city for one day prayer time serviceMain Cities: terdapat beberapa pilihan kota-kota di Indonesia. Klik nama kota yang Anda inginkan, misalnya Jakarta.
6.Klik tombol Generate Code yang ada di bawah teks berkolom.
7.Kemudian akan muncul dua pilihan Jadwal Sholat apakah Vertical Table atau Horizontal Table. Untuk mendapatkan tampilan yang bagus bentuk Vertical Table dipasang pada sidebar blog, sedangkan Horizontal table di atas posting atau di Footer blog.
8.Agar tampilan Jadwal Sholat lebih serasi dengan warna template blog Anda, ubah warna garis, backgroud, tulisan, link text sesuai dengan kombinasi template blog Anda. Caranya, perhatikan kalimat If you want to change the colors then click here (jika Anda ingin merubah warna klik disini), klik link Click here.
9.Akan terbuka lembaran baru yang akan membantu Anda merubah tampilan Jadwal Sholat sehingga serasi dengan template blog.
10.Kalau sudah selesai klik tombol Generate Code, kemudian copy code html yang ada di sebelah kanan/di bawah Jadwal sholat lalu paste di html di blog Anda.
11. Untuk Blogger baru, masuk ke dashboard, pada bagian Panel Kontrol, pilih Tata Letak. Klik link Tambah Gadget, kemudian pilih Html/Java script.Paste Code html Jadwal Sholat pada kolom kedua dan klik tombol Simpan. Selesai. Sekarang Jadwal Sholat sudah tampil di Blog Anda, selamat mencoba.

Membuat Wiget Burung Twitter Beterbangan di Blog


Sebelumnya saya berterima kasih dulu sama System of Blog selaku sumber dari tutorial ini. membuat Burung Twitter Berterbangan di Blog contohnya pada halaman ini, terlihat keren bukan? jika burung itu di klik maka akan mengarah pada akun twitter anda.. Jika kalian Mengubah posisi cursor/scrolling maka burung inipun akan terbang berubah posisi.

Keren Kan? Gimana cara membuatnya? Sebenernya gampang...

1. Login Ke Blogger >> Rancangan >> Tambah Widget >> HTML/Javascript
2. Lalu masukkan Kode ini :

<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/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/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
</script>
<a id="theBird" href="http://twitter.com/akuntwittersobat" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>

3. Ganti tulisan Biru-Biru (akuntwittersobat) menjadi ID twitter anda
Simpan deh... Burung mu (eh.. bukan burung yang itu..) Jadi dehh....

Membuat Widget Earth Hour di Blog


Sobat (Soto Babat) Brototers! Mumpung Eventnya pas nih, ya udah aku mau ngajarin bikin Widget Earth Hour. Widget ini bisa menghemat energi lho! Karena Warna Terang di Blog bikin boros listrik. dengan Wigdet ini Background Blog kita bisa di ubah menjadi Gelap Gulita.. awalnya widget ini terinspirasi dari Widget mengubah-ngubah background. ya jadi terinspirasi Earth Hour. ini widget 100% asli Brotot lho.. creditsnya mohon jangan di hapus..

Contoh Widget Earth Hour :




http://aux.iconpedia.net/uploads/10875870971013046993.pnghttp://aux.iconpedia.net/uploads/1540998406962263282.png


Klik Deh Pada Lampu yang mati. nanti Blognya jadi Hitam. kalo klik lampu yang nyala nanti jadi seperti biasa lagi blognya.
Bagaimana Cara Membuatnya? Cekidot.

1. Login Ke Blog >> Rancangan >> Tata Letak
2. Klik Tambah Gadget >> HTML/Javascript
3. Masukkan HTML ini :



<---------Kata-Kata Bebas---------/>

http://aux.iconpedia.net/uploads/10875870971013046993.pnghttp://aux.iconpedia.net/uploads/1540998406962263282.png
Mau Widget ini? Click Here!


4. Tulisan Warna Biru diganti Kata-Kata sesuka kamu. misalkan : Hemat Energi dengan Klik Gambar Lampu Mati. atau Matikan Lampu Blog untuk hemat Energi

5. SAVE... mudah kan?