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 :

<br><a href="http://elfazri.blogspot.com"><br><img alt="elfazri.blogspot.com" src="https://lh4.googleusercontent.com/-Yd5OYRMsCnk/T5QNrEVj7ZI/AAAAAAAAAjA/aAqDBdG76t4/s301/cobaaa2.gif"/></a><br>

Tapi sekaraaaaang, kayak gini nih bannernya el :

<br><a href="http://elfazri.blogspot.com/p/banner.html"><br><img src="http://i1325.photobucket.com/albums/u624/lynelyna/artbloglanjut_zps0b6edb84.png" width="210" /><br></a><br>

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...

<br><a href="...">(titik titiknya diisi sama url blog kalian)<br><img src="...">(titik titiknya diisi sama link gambar yang udah di upload)<br></a><br>

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...

 

<br><textarea rows="..." cols="..." <br>style="background-color: … ;font-family:’…’"><br>

 

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 :

<br><a href="..."> <br>(titik titiknya diisi sama url blog kalian)<br><br><img src="..."><br>(titik titiknya diisi sama link gambar yang udah di upload)<br><br></a><br>

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 : 

<br><a href="..."><br>(titik titiknya diisi sama url blog kalian)<br><br><img src="..."><br>(titik titiknya diisi sama link gambar yang udah di upload)<br></a><br><br><textarea rows="..." cols="..." <br>style="background-color: … ;font-family:'…'"><br>(titik titiknya diisi sama ukuran lebar, panjang, warna background dan jenis huruf)<br><br><a href="..."><br>(titik titiknya diisi sama url blog kalian)<br><br><img src="..."><br>(titik titiknya diisi sama link gambar yang udah di upload)<br></a><br>

 

atau

<br><a href="..."><br>(titik titiknya diisi sama url blog kalian)<br><br><img src="..."> <br>(titik titiknya diisi sama link gambar yang udah di upload)<br></a><br><br><textarea rows="..." cols="..."><br><a href="..."> <br>(titik titiknya diisi sama url blog kalian)<br><br><img src="..."><br>(titik titiknya diisi sama link gambar yang udah di upload)<br></a><br>

Naaah kan udah selesai nih bikin bannernya, tinggal dimasukkin deh ke dalam blog. Caranyaaa???

Karena blognya el itu blogspot, gini caranya :

--- login ke blog

--- 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!!!