Selasa, 27 Juli 2010

bikin Banner dengan bantuan Situs

Yang lalu kita udah tahu cara buat banner dengan gambar sendiri. kali ini kita akan buat banner dengan gambar banner yang dibuat dengan bantuan suatu situs di internet.
 Caranya:



  1. Kunjungi situs http://cooltext.com/
  2. Klik menu DESIGN A LOGO (bagian atas).
  3. Di menu CHOOSE A LOGO DESIGN pilih gambar yg Anda suka, contoh, klik EMBOSSED.
  4. Di menu LOGO TEXT saya tulis “Blog Tutorial”
  5. Klik menu RENDER LOGO DESIGN (bagian paling bawah).
  6. Save ke komputer (caranya, klik kanan gambar tersebut –>save picture as –>kasih nama file )
  7. lalu bannernya diupload ke photobucket.com, copas alamatnya dan masukkan ke kode warna biru di bawah ini. Dan jangan lupa yang warna pink juga diganti...

<a href="http://alamatblog.kamu" target="_blank" title="deskripsi blog (ex: blog berbagi ilmu)"><img alt="deskripsi blog (ex: blog berbagiilmu) " style="border: 0;" src="http://alamat banner" /></a>

Masukkan kode HTML di atas ke blog kamu dengan cara:
  1. Masuk ke akun bloggermu
  2. Dasbor => Rancangan => Edit Laman => Tambah Gadget => pilih HTML/java Script
  3. Copas Kode HTML tadi
  4. Simpan
  5. Lihat hasilnya...


    1. Masuk dulu gih ke situs www.flashvortex.com
    2. Klik menu banner
    3. lalu pilih salah satu template banner yang kamu sukai dengan klik "click here to edit this"
    4. Di bagian ini sobat harus mengkustomisasi kata-kata yang bakalan tampil di bannernya. Masukkan kata-kata yang kamu mau tapi jangan terlalu panjang yah, banner yang menarik adalah banner yang singkat dan to the point.
    5. Jangan lupa isikan alamat blog sobat di kolom Link
    6. Klik "Generate Animation"
    7. Terus kamu dapet kode HTML-nya.
    8. Langkah selanjutnya adalah memasang kode HTML
    9. Masuk ke akun bloggermu
    10. Dasbor => Rancangan => Edit Laman => Tambah Gadget => pilih HTML/java Script
    11. Copas Kode HTML di bawah ini
<a href="http://alamatblog.kamu" target="_blank" title="deskripsi blog (ex: blog berbagi ilmu)"><script alt="deskripsi blog (ex: blog berbagiilmu) " style="border: 0;" src="http://alamat banner" /></a>



ubah tulisan yang berwarna pink

untuk tulisan berwarna biru ganti dengan kode HTML yang sobat dapetin tadi di www.flashvortex.com
kan sobat dah dapet kode kaya gini nih

&lt;script src=&quot;http://h1.flashvortex.com/display.php?id=3_1280226517_64650_316_0_468_60_8_4&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

ganti kode yang berwarna biru dengan yang berwarna ijo (untuk warna yang ijo tiap banner beda-beda yang di atas hanya contoh)

Tidak ada komentar:

Posting Komentar

Silakan Berkomentar, Dan sharing berbagai Ilmu yang bermanfaat denganku.. :)