Bikin Banner yuuk
Holaaaaaaaaa…
posting lagi nih *sorak sorai bergembira*
Ini
cuma postingan singkat el doang sih. Hahhaha...
Jadi
gini temen-temen, beberapa waktu ini el lagi ngobrak ngabrik blog el.
Sebenernya sih dari segi template masih sama aja ga ada yang berubah, masih
tetep ijoooooo yang menyejukkan mata. Tapi ada beberapa yang el ubah, kayak
banner sama menunya.
Naaah
yang kali ini el mau bahas adalah tentang blog el yang ganti banner *yuhuuuuu*
Sebelumnya
tuh kayak gini nih bannernya el :
Tapi
sekaraaaaang, kayak gini nih bannernya el :
Lebih
sederhana, tapi cukup menarik kaaan. Hohhooho...
Temen-temen
yang mau bikin banner sendiri, gampang kok. Kebetulan buat bikin banner el yang
baru, el pake aplikasi dreamweaver 8. Kalo banner yang lama, berhubung el waktu
itu belum ngerti html, jadi el copas copas aja *upps ketauan* hahhahaa...
Langsung
aja deh kita cekidooot gimana caranya bikin banner yang ga pake copas
copas-an...
Pertama :
Temen-temen
siapin gambar yang mau temen-temen pake buat bikin banner. Temen-temen bisa
pake aplikasi segala rupa buat bikin gambarnya. Bisa pake Photoshop, Corel
Draw, GIMP, Photoscape, dll...
Kedua :
Gambar
yang temen-temen udah siapin, entah itu berekstensi jpg, jpeg, png, atau gif,
temen-temen upload ke situs yang menyediakan jasa penyimpanan gambar secara
gratis. Kalo el nyimpen gambarnya disini nih : Photobucket
Mungkin
alangkah lebih baik temen-temen nyamain el aja dulu yaak buat situs penyimpanan
gambarnya biar gampang belajarnya. Hihhiihii...
Ketiga :
Setelah
temen-temen upload gambar yang temen-temen mau, temen-temen copy link alamat
gambarnya yaaak.. Kalo di Photobucket temen-temen tinggal copy aja link html
yang ada disebelah kanan gambar.
Keempat :
Buka
aplikasi dreamweaver, pilih yang html yaak. Kayak gini nih tampilan awalnya
kalo udah muncul di area kerjanya.
Kelima :
Mulai
ngoding deeeh.
Biar
gampang, temen-temen apus aja coding bawaan yang nongol pas temen-temen buka
area kerja html di dreamweaver. Nah kalo udah bersih, markitngo *mari kita
ngoding*
Sederhana
kok codingannya.
Paling
pertama banget adalah, kita masukin gambar yang dipake buat banner.
Caranyaaaa???
Temen-temen masukkin copy-an link yang tadi udah temen-temen copy dari situs –ini pake yang di photobucket yaak- di bagian tag img . Kayak gini nih biar lebih jelasnya...
Temen-temen masukkin copy-an link yang tadi udah temen-temen copy dari situs –ini pake yang di photobucket yaak- di bagian tag img . Kayak gini nih biar lebih jelasnya...
Naaah
ini udah jadi nih buat gambar bannernya. Eeeiiittttss, tapi belum kelar.
Kenapa?? Karena kita belum bikin text areanya, yang isinya itu url yang kalo di
copy sama temen-temen blogger lainnya bakalan menuju ke halaman blog kita.
Keenam :
Mari
kita bikin textarea.
Temen-temen
masukin tag textarea dibawah link yang tadi. Terus kalian juga bisa
tentuin panjang sama lebar yang kalian mau. Bisa juga textarea-nya dikasih
warna buat backgroundnya, dan tulisan di dalam textarea-nya juga bisa
temen-temen tentuin sendiri. Codingnya jadi begini nih kalo ngikutin yang el
instruksiin...
Tapi kalo cuma pake tag textarea-nya aja
juga gapapa kok, yang penting panjang sama lebarnya diikutin yaak. Abis itu
kita masukkin deh link gambar sama url blog temen-temen kedalam tag textarea,
sama kayak yang tadi di step kelima. Kayak gini nih :
(titik titiknya diisi sama url blog kalian)
(titik titiknya diisi sama link gambar yang udah di upload)
(titik titiknya diisi sama url blog kalian)
(titik titiknya diisi sama link gambar yang udah di upload)
style="background-color: … ;font-family:'…'">
(titik titiknya diisi sama ukuran lebar, panjang, warna background dan jenis huruf)
(titik titiknya diisi sama url blog kalian)
(titik titiknya diisi sama link gambar yang udah di upload)
(titik titiknya diisi sama url blog kalian)
(titik titiknya diisi sama link gambar yang udah di upload)
Terakhir
jangan lupa kasih penutup tag textarea
Ketujuh :
Jadiiiiiiiiiiiii,
secara keseluruhan bentuk codingan yang udah temen-temen buat di dalam area
kerja dreamweaver tuh kayak gini :
(titik titiknya diisi sama url blog kalian)
(titik titiknya diisi sama link gambar yang udah di upload)
(titik titiknya diisi sama ukuran lebar, panjang, warna background dan jenis huruf)
(titik titiknya diisi sama url blog kalian)
(titik titiknya diisi sama link gambar yang udah di upload)
atau
Naaah kan
udah selesai nih bikin bannernya, tinggal dimasukkin deh ke dalam blog.
Caranyaaa???
Karena
blognya el itu blogspot, gini caranya :
---
masuk ke tata letak
---
tambah widget
---
pilih yang html
---
copy terus input codingan yang tadi udah dibuat di dreamweaver
---
klik simpan
Tadaaaaaaaaaaaaaaaaaaaaaa... jadi deh banner temen-temen... Gampang kaaaan
ternyata bikin banner itu.
Alhamdulillah
yaaa *ala
syahrini* kelar juga tulisan el tentang pembuatan banner. Emmm, kalo gini sih namanya bukan tulisan singkat yaak.
Hahhahaa... tapi gapapa yaaa, kan sekalian berbagi ilmu juga. Hehhehee...
Okeee
deh, sekian dulu postingan el kali ini. Sampai jumpa dipostingan el selanjutnya
yaak. Dan selamat mencoba buat temen-temen yang mau
bikin banner. SEMANGAAAAAT!!!
Komentar
Posting Komentar
Terima kasih sudah membaca postingan ini. Silahkan komentarnya