Bikin Keren Blogger mu (membuat Flash Message dan Banner pada blogger)


Kemarin telah mengupas cara pembuatan menu, oke di posting kali ini akan membahas yang ke 2, langkah pembuatan flash message.

  1. Gadget flash message ini dapat di peroleh secara gratis pada http://www.widgeo.net/
  • Buka http://www.widgeo.net/
  • Pilih Flash message
  • Masukan tulisan yang akan ditampilkan
  • Kemudian pilih sesuai selera anda, pilih category
  • Klik Get Widget, maka akan mucul kode html.
  • Kemudian copy kode tersebut
  • Login ke blogger
  • Pilih rancangan ->tambah Gadget->tambah Html/Javascript
  • Terus paste semua kode yang tadi, kemudian simpan
  • Letakan pada bagian atas blog kemudian simpan lagi.

Sudah dengan demikian maka anda dapat melihat ada Gadget flash pada blog anda.

2.     Penambahan Banner pada blogger

Cara 1 (dengan Gadget)

Kemudian cara menambahkan banner pada blogger, sebelum menambahkan banner pada blog yang paling utama adalah adanya sebuah gambar untuk ditampilkan, untuk mendesainya buat sebuah gambar dengan dimensi 960px × 255px(disesuaikan dengan blog anda tetapi jangan lebih dari 1024px x 768px) dapat menggunakan photosop, coreldraw dll, setelah desain selesai simpanlah gambar dalam format, jpg,bmp atau gif.

  • Login ke blogger
  • Rancangan->tambah Gadget ->tambah Gambar
  • Berikan file banner tersebut, kemudian simpan
  • Letakan baner tersebut pada posisi atas, simpan
  • Dengan begitu saja banner sudah bertambah di blog anda

 Cara 2 (mengedit html)

Membuat baner dengan mengedit html pada gambar yang sudah ada dalam template , seperti contoh template berikut ini :

 ini adalah tampilan default template blogger

Dan ini hasil yang sudah di edit

Anda dapat melihat ada perbedaan gambar dari banding gambar 1, yang jadi pertanyaan bagaimana cara kita mencari letak gambar tersebut pada edit html, nah begini caranya :

    • Anda harus mengupload banner anda pada situs-situs yang memiliki fasilitas upload gambar misalnya photobucket, flickr atau menggunakan facebook, gunanya untuk menyimpan gambar tersebut secara online.
    • Setelah anda mengupload klik kanan foto tersebut lalu pilih copy image location. Setelah itu buka notepad dan paste.
    • Klik kanan pada gambar tujuan pilih view background image
    • Maka akan muncul ini
    • Copy url address

    • Masuk ke rancangan->edit html
    • Tekan ctrl+f kemudian, copykan url address tadi ke kotak find

    • Setelah ditemukan buka notepad tadi dan ganti alamatnya dengan alamat gambar anda yang telah di upload
    • Pilih simpan
    • Dan silahkan di cek

 Cara 3(Menambahkan kode html)

Pada cara ini masih melakukan pengeditan html, pada cara ini kita membuat baru dengan cara menambahkan gambar pada kode htmlnya, langsung saja begini caranya :

  • Login blogger
  • rancangan->edit html
  • letakkanlah kode berikut ini di bawah <body>

 <!–begin baner–>

<div id=’banner’>

<img src=’http://3.bp.blogspot.com/_UZ0FwDfiuic/S8qwoNMWdTI/AAAAAAAAAJ8/olMg11WsM3I/S960-R/bannero.jpg‘ height=255 width=960/>

<!–end banner–>

</div>

    • Ganti yang tulisan yang berwarna merah tersebut dengan alamat ulr banner anda yang telah di upload, dan atur height dan witdh nya.
    • Setelah itu di simpan
    • Dan di cek

 Begini hasilnya

 Deimikialah pembahasan tentang penambahan Flash message dan banner pada blogger gampang bukan, jika ada yang di tanyakan silahkan komen semoga bermanfaat, sampai jumpa di posting selanjutnya tentang pembahasan tentang cara mendapatkan dan penambahan Gadget menarik lainya.

9 pemikiran pada “Bikin Keren Blogger mu (membuat Flash Message dan Banner pada blogger)

  1. Ping-balik: Bikin Keren Blogger mu (membuat menu pada blogger) | Setitik Tinta

  2. Ping-balik: Bikin Keren Blogger mu (Tambah gadget keren dan RSS feedburner blogger) | Setitik Tinta

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s