Membuat footer blog bergambar

Sedikit berbagi ilmu tentang blog, mungkin banyak yang lebih ahli tapi semoga tutorial ini bisa membantu ya :), menanggapi pertanyaan dari bagoezone :



disini gue mau ngasih tau cara bikin footer bergambar seperti footer gue ini :
Nah, biasanya kan footer cuma tulisan doang tuh sekarang kita kreasikan dengan gambar diatasnya.
Cara pertama tentunya lo harus bikin gambarnya dulu, terserah mau dimana dan menggunakan  corelDRAW, Photoshop, atau software grafis lainnya, kalau masalah ukuran itu terserah tapi kalau gue menggunakan ukuran : width="214" height="76" atau 214 X 76px . tapi itu sesuai dengan ukuran gambarnya. karena gambar gue lebih panjang jadinya ladscape kayak gitu.



Note: Ukuran disesuaikan dengan gambar.

Setelah gambarnya dibuat dan disave/export ke format jpeg/png, upload gambarnya ke photobucket (tempat gue biasa ngupload gambar-gambar buat dimasukin keblog berupa kode) . Nah setelah photonya diupload terus klik photo tersebut. copy yang ada didalam direct :

Copy kode yang ada dilingkaran merah
setelah itu piliah tata letak --> tambahkan gadget --> klik tombol + pada HTML/JAVASCRIPT , kemudian copy kode dibawah ini tepat didalam  HTML/JAVASCRIPT tadi :

<center>
<img src="isi direct/kode link gambar kamu disini" width="214" height="76" border="0" usemap="#Map" />
<map name="Map"></map>
</center>

Warna merah : link direct/kode gambar kamu
Warna Biru : Width (Panjang Gambar) - Height (Lebar Gambar)

Kemudian disave deh!
terus di drag atau pindahkan gadget html/javascript kode tersebut kebagian paling bawah!


Terus untuk membuat text dibawah gambar tambahkan Code dibawah ini ke gadget html/javascript seperti tadi :

<center>
<span style="font-family:Arial, serif;">Semutboy © 2012-2014. All Right Reserved</span>
</center>

 Silahkan ganti kata-kata berwarna merah itu sesuai keinginan kamu, dan jadi deh. ciaat...ciaaat

SELAMAT MENCOBA!
Kalau ada pertanyaan silahkan isi dikolom komentar atau :

kirim email ke : imelsemut@gmail.com
mention ke : @semutboy

Mau request tutorial apa? cara agar pacar mau mutusin kamu?

24 Cibiran

oh makasih sob, hehe.... akhirnya lgsg dijawab, makasih bangett...
pertamax juga nih,
pengen cepet2 praktek deh.... XD

Balas

Good job, bro. Btw, gue keduax. :D

Balas

Nice info bang semut, banyakin lagi bang tutorialnya :3

Balas

Ah, udah dot.com aja si semuuuut *tari saman*
Belum ada gambarnya. Kapan-kapan aja deh ngikutin tutorialnya hehehe

Balas

ntar aja deh kalo udah jadi gambarnya :D

Balas

udah pernah nyoba dulu2..
tp skrg aku hapus krna gnti tema.. hehe

Balas

hehehe yoi sama-sama sob

Balas

lu kira ini kaskus

Balas

hehe yoi broh, makasih yak

Balas

muahaha ini semua berkat lo :p.

Balas

wah gue malah nggak kepikiran bikin ginian footer di blog gue :D

Balas

waktu dulu sih ini gua cari-cari banget tutorial nya, tapi sekarang gua malah bingung, mau taro apaan di footer blog gua._. nanti kalo kepikiran langsung gua pasang deh :)

Balas

Mungkin suatu saat kalo udah ada gambar yang cocok, gue pasang gambar deh di footer blog gue :D

Balas

asik udah dot com niyee :D

Balas

Foote gue, gue hapus. :D

Balas

wohoho.. thanks, bro. :D

Balas

Hai, postingan yg keren! Numpang mampir ya, ada info lomba blog keren nih http://pujaputri.blogspot.com/2014/01/dumet-school-tempat-paling-tepat-untuk.html Hadiahnya lumayan loh, enjoyed!:)

Balas

gokil, udah dot com aja nih orang hehehee
ahhh jadi iri gue wkwk

Balas

Tutorial antimainstreamnih, keren, keep posting dah!

Balas

Wah bermanfaat nih. Dan, gue baru lhat template baru lo, Mut. Mihihhi.

Balas

WOW :D SUPER TUTORIAL MUT.

Balas

Mut, kalau ganti warna footer gimana? Gue masih gak ngerti. Hahaha.

Balas

Baru tahu... Thanks, mau coba nih :)

Balas

Ini kolom komentar, bukan formulir pendaftaran jadi pacar aku ya!

Copyright 2014 Semutboy

Concept by Apriansyah. Designed by Jang!