Kemarin telah mengupas cara pembuatan menu, oke di posting kali ini akan membahas yang ke 2, langkah pembuatan flash message.
- 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
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.
Ping-balik: Bikin Keren Blogger mu (membuat menu pada blogger) | Setitik Tinta
Ping-balik: Bikin Keren Blogger mu (Tambah gadget keren dan RSS feedburner blogger) | Setitik Tinta
it is good artikel
oke thanks, sama2 tunggu ya posting berikutnya,
mantab! thanksbgt infonya,jelas dan tegas bagi ane. mudah dipahami
Oke sama2, sudah berkunjung juga ke blog saya…
tunggu terus posting berikutnya tentang ulasan blogging
aku ga mudeng,tolong dong buatin
rancangan didapatnya dibagian mana (menu) ?
makasih infonya
membantu sangat 🙂
Ping-balik: Bikin Keren Blogger mu (Tambah gadget keren dan RSS feedburner blogger) – Setitik Tinta