Cara Mempercantik Tampilan Blog Agar Kelihatan Keren

Hello sobat bloger sekarang saya mau sedikit bantu sobat buat mempercantik tampilan blog dengan menggunakan template ,Template Blog membantu sobat untuk mempercantik tampilan blog sobat supaya engga terlihat ngebosenin . :) Kalo pengen monggo silahkan di download aja Template nya  gratis ko hehe. 


  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=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6XnUajjh5NTmWzCiUpZt2-1u1YckOMHDZALgpd_BLeSFm3GluctNo0c7ENsQUMR5ovG9Ji3yCmbVZvTGFrsX-otmeDBrlBMiBWKtidNqxFteEZk2f-S1W2QBZ7h1kNNNUW_e4k1fHp6u_/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.