January 31, 2008

Membuat banner dan kode tukar link

Membuat banner dan kode tukar link sebenarnya sangat mudah, pertama anda harus memiliki bannernya terlebih dahulu. Untuk membuat banner/chicklet, anda bisa melakukannya dikomputer anda dengan menggunakan software-software desain grafis seperti adobe photoshop. Sebagai tips, banner yang anda buat sebaiknya berukuran kecil saja (biasanya 80x15px) karena lebih disukai dalam bertukar link. Untuk anda yang tidak mengerti program photoshop, anda bisa membuatnya secara online di situs-situs pembuat chicklet yang banyak terdapat di internet, misalnya di http://cooltext.com/.

Langkah pertama, membuat Banner:

1. Untuk menuju http://cooltext.com/

2. Lalu klik tulisan Design a Logo

3. Klik gambar contoh logo yang anda sukai

4. Tulis tulisan yang ingin dijadikan logo di sampimg tulisan Logo Text. Misal : Blog Keren

5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal: 80

6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text). Silahkan pilih warna yang anda sukai

7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF

8. Klik tombol yang bertuliskan Render Logo Design

9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung

10. Lihat hasil logo. Bila belum cocok klik tulisan Edit this logo, tapi jika sudah klik tulisan Download Image untuk kita simpan di PC kita

11. Selesai. Anda sudah mempunyai sebuah banner
Selain situs diatas, anda juga bisa membuatnya di http://button.blogflux.com atau di http://chicklette.net.

Langkah kedua, meng-upload banner:

Agar logo yang kita buat tadi bisa tampil di blog, anda harus mengupload gambar tersebut ke blogger.com atau melalui situs lain, misalnya www.geocities.com atau di www.photobucket.com.

Untuk proses upload di geocities, silahkan ikuti langkah-langkah berikut :

1. Buka www.geocities.com

2. Silah kan daftar dulu. Jika anda memiliki email Yahoo, anda bisa langsung klik sign in.

3. Setelah sign in, klik Manage

4. Lalu klik File Manager

5. Klik Open File Manager yang berwarna kuning

6. Klik Upload Files yang disebelah kanan

7. Klik Browse untuk mencari lokasi banner anda

8. Klik Upload Files

9. Tunggu beberapa saat ketika proses upload berlangsung

10. Setelah upload selesai, akan ada pemberitahuan uploaded successfully

11. Lihat hasilnya dengan menglklik Manage, lalu klik Open file manager

12. Lihat URL banner anda. Contoh punya saya: http://www.geocities.com/junjungpurba/mybanner.gif

13. Klik sign out, selesai.

Langkah ketiga, memasang banner di blog:

Untuk memasang banner di blog, anda membutuhkan kode khusus, paste kode dibawah ini ke sidebar blog anda, lalu edit sesuai dengan URL blog dan URL banner anda:

<a target="_blank" href="http://junjung.net"><img border="0" src="http://www.geocities.com/junjungpurba/mybanner.gif" alt="JUNJUNG.NET" /></a>
<textarea rows="4" cols="24" name="code"><a target="_blank" href="http://junjung.net"><img border="0" src="http://www.geocities.com/junjungpurba/mybanner.gif" alt="JUNJUNG.NET" /></a></textarea>


hasilnya akan seperti ini:

JUNJUNG.NET

39 comments:

  1. makasih codenya, banyak mbantu bloger pemula kayak saya..

    ReplyDelete
  2. wah, saya sudah nggoleki, nembe ketemu...makasih banyak..ya mas..

    ReplyDelete
  3. Terimakasih, saya udah paste code blog anda, makasih sekali lagi.

    ReplyDelete
  4. Wah tips nya bagus sekali, ohya saya sudah mengkopy paste link mase ke websiteku

    Bisakah websiteku juga dapat link dari site anda ini?


    Jamber

    ReplyDelete
  5. bagus banget tipsnya...
    sangat2 mudah dipahami...
    sukses bro..

    ReplyDelete
  6. makasih atas infonya mas

    ReplyDelete
  7. langsung tak link mas..thanks

    ReplyDelete
  8. makasi mas ......huhuhuhu

    tukeran link yuuuuk

    ReplyDelete
  9. wahpostingannya menarik sangat..

    ReplyDelete
  10. wah..wah... kayaknya tingal saya mas yg belum ok utk langkah ke 3 nya. maklum sangaaat pemula n gaptek sekali gitu. yg dimaksud side bar blog anda itu kan yg di kolom yg ada http itu kan mas. kok saya copy paste tapi oeror aja ya..
    Tolong dong utk langkah 3 ini agak rinci kayak yang langkah awalnya gitu... makasih ya...

    ReplyDelete
  11. @luky: sidebar itu artinya kolom sisi blog, tempat biasa menampilkan arsip, kategori atw widget2 tambahan lain spt shoutbox, jam dsb. Utk menampilkannya kode tadi caranya gini:
    klik dashboard --> Layout --> Add a Gadget --> Pilih HTML/JavaScript --> paste kode tadi kedalam kolom yg disediakan --> Klik Save --> Geser ke tpt yg diinginkan --> Klik Save --> Selesai
    Semoga membantu ya:)

    ReplyDelete
  12. Terima kasih mas junjung atas petunjuknya . sudah saya coba dan berhasil.

    ReplyDelete
  13. makasih iah...
    berguna bgd niyh...

    'lam kenal

    ReplyDelete
  14. wah mas makasih tutorialnya bagus.....
    seeeeeeeeeep bgd..

    tukeran link yuk mas..

    ReplyDelete
  15. saya coba mas...:-) thanks

    ReplyDelete
  16. om...om...makasih ya buat tutornya...

    mampir2x ke blog saya...sekalian link balik...

    salam kenal...

    ReplyDelete
  17. wahh.... artikel ini yang gw cari, terima kasih bang purba

    ReplyDelete
  18. terimakasih artikelnya termasuk komentar no. 10 dan 11

    ReplyDelete
  19. Trims banget... dah aq praktekkan dan berhasil... siiipp!!!

    ReplyDelete
  20. thx mas

    anyway mas boleh tukeren link???
    link mas sudah saya pasang di blog saya silakan cek di http://detailzsoft.blogspot.com/2008/07/link-teman-temanku.html
    mohon link back y!!!!
    thx b4

    ReplyDelete
  21. Maz pengunjung baru neh.. tukeran link dunk! Link jenengan udah aku pasang DISINI silahkan di chek dan mohon backlink ya!!

    ReplyDelete
  22. Mas,
    apakah kode itu juga berlaku utk dipasang di WP.com? sy sdh membuat mini banner dengan blogflux, udh sampai tahap ke 2. Nah, langkah ke tiga udh sy praktekkan, tapi kode2 itu ngga muncul di sidebar; yg muncul malah bannernya (dua kali). Dimana salahnya ya mas.. mohon pencerahannya.. big thanks... :)

    ReplyDelete
  23. Mas, banner saya kok ga kluar ya.. aku pasang di blogspot tapi gambar bannernya ga muncul,padahal kode scriptnya udah bener.nama blogku http://adsferrey.blogspot.com nama bannernya fefe.di bantuin dunk!!
    oh iya.. banner sampeyan udah tak pasang.

    ReplyDelete
  24. @arlina & ferrey: tentu di WP.com juga bisa. Coba teliti sekali lagi. Wah kalau ditanya salahnya dimana saya jelas bingung, yang punya blog kan situ sendiri:D

    ReplyDelete
  25. Thanks a lot for your inpoh about Chicklet..it's very helpfull ;)

    ReplyDelete
  26. makasih banyak bro atas ilmunya

    ReplyDelete
  27. matur suwun , semoga diberkati rezeki melimpah

    ReplyDelete
  28. Wah...makasih banget ya. Finnaly, setelah mencari-cari ketemu juga info ini. Jazakillah...

    ReplyDelete
  29. Wah makasih ya atas infonya. Sudah lama saya cari-cari tentang ini.

    ReplyDelete
  30. terima kasih atas artikelnya

    www.mkiosonline.info

    ReplyDelete
  31. thanks banget infonya boss. sagat membantu sekali

    ReplyDelete
  32. dipakai di wordpress bisa ga ???
    replyz di wordpress ku ....pleaze

    ReplyDelete
  33. met malam.........makasih mas atas tutorialnya akhirnya saya punya banner sendiri.mohon coment nya........thanks.

    ReplyDelete