Pages

Membuat teks animasi dengan efek neon light (Neon Lights Text)

Kamis, 21 Juni 2012
Jika tertarik mencoba efek neon pada text ini , silahkan copy script di bawah ini kemudian masukkan ke dalam gadget html/javascript atau ke dalam postingan, Scriptnya bisa dilihat di bawah ini :


<h2><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="Selamat datang di blog pemula ini!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
var flashspeed=100 // 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

///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h2>

Keterangan :
Ganti teks Selamat datang di blog pemula ini dengan teks yang ingin ditampilkan
Pada var neonbasecolor="gray" bisa ganti gray dengan warna lain
Pada var neontextcolor="yellow" bisa ganti yellow dengan warna lain
Pada var neontextcolor2="#FFFFA8" bisa ganti #FFFFA8 dengan warna lain
Pada var flashspeed=100 bisa ganti 100 dengan speed yang diinginkan

Baca Selengkapnya...

Cara Memasang Google Translate (penterjemah)

Dengan widget Google translate anda tidak perlu lagi pusing dengan persoalan bahasa, silahkan anda berkreasi dalam blog anda dengan bahasa anda sendiri dan biarkan google translate menterjemahkan ke dalam bahasa lain. Widget Google Translate bisa anda dapatkan di http://translate.google.com. Bentuk widget nya seperti ini :


Berikut cara memasang widget google translate di blogger
  1. Silahkan login ke blogger dengan ID anda
  2. Klik Tata Letak
  3. Klik tab Elemen Halaman
  4. Klik Tambah Gadget
  5. Klik tanda plus (+) untuk HTML/Javascript
  6. Copy paste kode google translate ke dalam kolom yang tersedia

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

  7. Klik tombol Simpan

  8. Selesai

Semoga Berhasil.. !!
Baca Selengkapnya...

Cara Membuat Mesin Pencari (Search Engine) di blog

Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

Cara yang pertama :

dengan menuju Tata Letak terus pilih Elemen Halaman kemudian disitu ada tulisan Tambah gadget klik link kotak Penelusuran (Baru) seperti gambar dibawah ini :



Cara yang kedua dengan cara manual yang biasa banyak dipakai oleh sobat-sobat Blogger, yaitu :

1. Login ke blogger terus klik Tata Letak terus pilih Elemen Halaman kemudian disitu ada tulisan   
    Tambah  gadget klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode  

    berikut  ini di dalam kolom konten.

<form action="http://nama-blogmu.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu contoh menjadi adesyams.blogspot.com. Angka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya.
Baca Selengkapnya...

Cara posting tulisan di blog


Memposting tulisan sangatlah mudah pertama login dulu ke blog anda (apabila dalam keadaan log out) ketikkan nama email anda dan password seperti pada gambar berikut ini yang ada di www.blogger.com.


apabila anda sudah log in di dasbor blog anda selanjutnya anda menuju entri baru (buat) seperti pada gambar di atas (yang paling atas)
Kemudian tulislah postingan yang ingin anda tuliskan jangan lupa menuliskan judul yang ada di atas postingan dan juga label yang ada di bawah postingan agar memudahkan anda suatu saat nanti memcari postingan tersebut.
lalu klik terbitkan entri maka keluarlah gambar seperti di bawah ini :


maka selesailah postingan anda dan telah di terbitkan ke blog anda.
Baca Selengkapnya...

Cara membuat tulisan berjalan di blog

Rabu, 20 Juni 2012
Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :
  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :



1. Teks berjalan dari kanan ke kiri


kode :
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>


2. Teks berjalan dari kiri ke kanan


kode :
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

3. Teks berjalan bolak balik

kode :
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

4. Teks berjalan dari atas ke bawah

kode :
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

5. Teks berjalan dari bawah ke atas

kode :
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

6. Teks berjalan mondar-mandir

kode : 

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> 


7. Teks berjalan zig-zag nembus

kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

8. Teks berjalan zig-zag mantul

kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>


Baca Selengkapnya...

Cara memasang kalender di blog

Untuk memasang kalender kita memanfaatkan layanan gratisan dari http://www.free-blog-content.com disini banyak pilihan tipe kalender sesuai selera temen - temen. Caranya sangat mudah temen - temen tinggal memilih katagory apa yang cocok, jika sudah temen - temen tinggal copy script yang ada di bawah gambar atau kalender. Berikut contoh Kalendernya :





Dan masih banyak lagi yang bisa temen - temen pilih, Berikut Cara memasukan code kalender kedalam blog
  • Sign in
  • Klik Tata Letak
  • Klik Elemen Halaman
  • Klik tulisan Tambahkan Gadget
  • Pilih HTML/JavaScript
  • Copy kode kalender tandi pastekan pada Gadget yang baru dibuat
  • Klik tombol simpan
  • Selesai
Baca Selengkapnya...