Sabtu, 22 Januari 2011

Tombol Berbagi Link Banner



Bagi teman blogger mungkin sudah lihai dalam memodifikasi blognya. Tapi buat newbie mungkin masih belum awam dalam hal ini. Disini saya mau jelaskan tentang cara membuat banner di blog supaya lebih keren dan temen lainnya bisa langsung copas aja untuk ditaruh pada blog mereka. 
Ada beberapa macam situs layanan bikin banner gratis salah satunya dan yang sering digunakan adalah cooltext.com karena sangat mudah sekali. 
Oke langsung aja ya langkah langkahnya sebagai berikut:
  1. Kunjungi cooltext.com
  2. Pilih contoh banner lalu klik yang anda suka
  3. Pada kolom Logo Text ganti dengan judul blog anda
  4. Pada kolom Text Size ganti ukuran textnya sesuai keinginan anda, disarankan ukuran huruf 20
  5. Pada Text Color ganti warna textnya sesuai keinginan anda
  6. Background Image silahkan jika anda ingin menggantinya
  7. Kalo sudah selesai semua klik "render logo"
  8. Lalu klik "download image"
  9. Simpan di PC anda
  10. Lalu buka http://www.photobucket.com
  11. Daftar dulu klo sudah langsung login (bagi yang belum)
  12. Lalu klik "album & upload" lalu "choose file" pilih "from my computer" lalu pilih banner anda tadi
  13. Kalo proses upload sudah selsai arahkan mousenya ke gambar banner tadi lalu copy script yang ada di kolom HTML CODE ke notepad
  14. Tambahkan code ini <textarea cols="20" name="textarea"> sebelum kode banner anda ke notepad tadi, lalu tambahkan kode ini </textarea> setelah kode banner anda ke notepad tadi
Kayak gini contohnya :
<textarea cols="20" name="textarea">CODE BANNER ANDA</textarea>

Supaya banner jika diklik bisa langsung ke alamat situs maka, ganti URL pertama menjadi URL blog anda, misal :


<a href="http://s1119.photobucket.com/albums/k639/elendra_gn/?action=view&amp;current=Grahanet.png" target="_blank"><img src="http://i1119.photobucket.com/albums/k639/elendra_gn/Grahanet.png" border="0" alt="Photobucket"></a>

Ganti huruf yang berwarna merah dengan alamat url blog/situs anda. Nah Banner kamu sudah selesai.
Untuk menampilkan kotak link berbagi/ tukaran banner tinggal  ikuti step nomor 14 diatas. Jadinya seperti ini :

<textarea cols="20" name="textarea"><a href="URL BLOG ANDA"><img src="http://i1119.photobucket.com/albums/k639/elendra_gn/Grahanet.png" border="0" alt="Photobucket"></a></textarea>


Sekarang tinggal pasang di blog anda. Rancangan -> Tambah Gadget -> HTML, copas code yang didapat dan pasang dimana yang anda suka.
Bila anda sudah punya logo blog sendiri yang sudah siap, ikuti step 10 s/d 14
Selamat mencoba.

0 komentar:

Posting Komentar