HTML: Cara Membuat Banner Menjadi Center
Teman-teman punya masalah dengan banner yang nggak bisa center? Lalu bagaimana ya caranya supaya banner manjadi center atau pas ditengah sidebar anda?
Untuk mempelajari HTML code buat saya memang penting sekali. Bukan ahli computer, atau orang IT, saya rasa bukan halangan untuk bisa memahami HTML code walau cuma sedikit.
Apalagi kita suka blogging, dan blogging itu kan nggak hanya nulis, nulis dan nulis doank, dari segi blog content, penataan dari blog anda juga merupakan seni bagaimana membuat tampilan blog menjadi enak dilihat, bukan begitu?
nah… seperti anda lihat gambar diatas, yang paling atas adalah contoh banner yang sudah center di sidebar dan sudah ditambahkan kode html agar menjadi center.
Sedangkan banner yang di bawah, rasanya kurang enak dilihat ya….? Karena masih ada space kosong dan kurang rapi karena posisinya tidak pas ditengah sidebar.
ada masalah pasti ada solusi, anda hanya perlu menambahkan kode HTML agar banner tersebut sedap dipandang.
oke mas, berikut solusinya.
tambahkan kode html seperti pada gambar.
masukan kode html banner anda di No 1.
untuk No.2 jangan lupa atau salah menambahkan kode “( / )” sebelum menuliskan “CENTER” yang terakhir dan setelah itu klik save.
selain kode di atas anda juga bisa menambahkan kode html sebagai berikut
<DIV ALIGN=CENTER>…..kode banner….</DIV>
Dan….Beres deh…. banner yang ingin anda pasang sudah pas ditengah sidebar blog. Tampilan blog juga semakin bagus dan rapi.
Mudah ya…. selamat mencoba.
October 12th, 2009 at 11:11 am
pertamaxxxxxxxxx
wow mantabss mas chandra… belajar html di mana nih?? minta referensi dunks hehe
tx sharingnya mas…hohoho
[Reply]
candradot.com Reply:
October 12th, 2009 at 2:11 pm
@Alfred Sejuta Cinta Yovie Nuno, ada deh….
belajar sama mbah dukun
[Reply]
Alfred Sejuta Cinta Yovie Nuno Reply:
October 13th, 2009 at 12:56 pm
@candradot.com, dukun mana mas
??
[Reply]
Alfred Sejuta Cinta Yovie Nuno Reply:
October 13th, 2009 at 12:57 pm
@Alfred Sejuta Cinta Yovie Nuno, jangan dukun blogger
[Reply]
candradot.com Reply:
October 13th, 2009 at 1:16 pm
@Alfred Sejuta Cinta Yovie Nuno,
masak dukun beranak mas
[Reply]
October 12th, 2009 at 1:54 pm
Mau tanya Can, beda bikin center antara cara pertama dengan cara ke dua dengan coding “div” apa ya? setahu saya div digunakan untuk mendeklarasikan satu bagian/kelompok.
[Reply]
candradot.com Reply:
October 12th, 2009 at 2:13 pm
@Mau pintar, Pakai Komputer, udah dicoba belum mas? ngefek apa nggak?
center udah jelas menunjukan center (tengah)
div = equivalent = setara = instead = pengganti
[Reply]
Mau pintar, Pakai Komputer Reply:
October 12th, 2009 at 4:00 pm
@candradot.com, dulu sudah pernah pakai MAs, center saja dan pakai div, memang efek keduannya sama. Ga ada beda. Mungkin keduanya punya fungsi sama kali..
[Reply]
October 12th, 2009 at 2:54 pm
saya juga jarang pake div, soale gak ngerti fungsinya.
kadang saya pake
[Reply]
candradot.com Reply:
October 12th, 2009 at 3:00 pm
@mashengky.com, saya lebih sering pake center
[Reply]
October 12th, 2009 at 7:31 pm
Aq jd inget dulu mas. Pgn tau cr nengahin banner, blognya mas romy satria wahono tak liat source page code nya. Hehehe…
[Reply]
candradot.com Reply:
October 13th, 2009 at 1:17 pm
@Arief maulana, kalo perlu diliat jeroannya mas
[Reply]
October 12th, 2009 at 7:32 pm
tips yang menarik nich, sukses dengan tutorialnya ya Mas..
[Reply]
candradot.com Reply:
October 13th, 2009 at 1:17 pm
@rudy azhar, thank u mas rudy.
sukses juga buat mas Rudy
[Reply]
October 12th, 2009 at 8:50 pm
Tambah lengkap mas, meski terlihat sederhana sebenarnya kode itu penting lho…terimakasih atas sharingnya
[Reply]
candradot.com Reply:
October 13th, 2009 at 1:28 pm
@Ricky, sama2 mas Ricky
[Reply]
October 12th, 2009 at 10:23 pm
[Reply]
candradot.com Reply:
October 13th, 2009 at 1:29 pm
@heru, sukses juga mas Heru
[Reply]
October 13th, 2009 at 2:39 pm
salam kenal, saya blogger pemula Maz. mohon dukungannya and tips+tricknya ya!….
wah, infonya sip nich. pasti bisa berguna buat saya suaatu saat. karena saat ini saya masih belum pasang banner apapun nich….
[Reply]
candradot.com Reply:
October 13th, 2009 at 7:16 pm
@ILHAM, salam kenal juga mas Ilham
[Reply]
October 13th, 2009 at 4:07 pm
Tips yang ini jujur mas belum saya praktekan
lho wong baru tahu sekarang 
[Reply]
candradot.com Reply:
October 13th, 2009 at 7:03 pm
@sumartono,
monggo mas
[Reply]
October 13th, 2009 at 5:46 pm
nais tutor mas…
kalo saya sih banyakan pake WLW jadi lebih rapi ^^
[Reply]
candradot.com Reply:
October 13th, 2009 at 7:05 pm
@belajar blog, bener… WLW juga bisa
[Reply]
October 13th, 2009 at 5:47 pm
hehehe…
cukup pake edit html aja kalo pake blogspot
[Reply]
candradot.com Reply:
October 13th, 2009 at 7:10 pm
@berita unik,
[Reply]
Khery Sudeska Reply:
October 15th, 2009 at 8:07 pm
@candradot.com,
[Reply]
candradot.com Reply:
October 17th, 2009 at 11:03 am
@Khery Sudeska,
[Reply]
October 13th, 2009 at 5:48 pm
bookmark dolo ahh
ntar kalo dah punya blog WP baru dicoba
[Reply]
candradot.com Reply:
October 13th, 2009 at 7:10 pm
@Action Figure Toy, silahkan mas
[Reply]
October 13th, 2009 at 5:49 pm
saya bookmark dolo aja yah mas
ntar kalo dah pake WP baru dipraktekin
[Reply]
candradot.com Reply:
October 14th, 2009 at 11:37 pm
@Action Figure Toy,
semangat banget, sampe 2 kali
[Reply]
October 14th, 2009 at 3:12 pm
Weleh… weleh… kirain apa? ternyata ini toh.
Saya juga udh pernah nyoba dan sukses tapi yg kedua belum tak coba..
[Reply]
candradot.com Reply:
October 14th, 2009 at 11:38 pm
@Winarno, kirain mas Wien… gak taunya mas Wien beneran
[Reply]
Winarno Reply:
October 15th, 2009 at 5:26 am
@candradot.com,
[Reply]
October 14th, 2009 at 5:16 pm
wah sippppp tuh………. bisa di coba
[Reply]
candradot.com Reply:
October 14th, 2009 at 11:38 pm
@mbah gendeng, monggo
[Reply]
October 15th, 2009 at 8:06 pm
Sederhana ternyata, ya?
[Reply]
candradot.com Reply:
October 17th, 2009 at 11:04 am
@Khery Sudeska, ya mas sederhana, kalo special pake telor
[Reply]
October 16th, 2009 at 11:01 am
Memang gak perlu orang IT untuk hal seperti itu. Tapi kadang orang awam sering kebingungan untuk hal-hal kecil seperti ini. Nice tips, Mas.
[Reply]
candradot.com Reply:
October 17th, 2009 at 11:04 am
@UntungNyata!com, mudah2an membantu mas
[Reply]
October 16th, 2009 at 2:42 pm
makasih mas artikelnya… sangat membantu…
[Reply]
candradot.com Reply:
October 17th, 2009 at 11:11 am
@reez, sama2
[Reply]
October 17th, 2009 at 4:48 pm
kalau lokasinya ditengah artikel ada triknya mas ?
nih gak ketemu-ketemu ..
udah
[Reply]
candradot.com Reply:
October 17th, 2009 at 7:12 pm
@hpnugroho.com, ada, itu ada pluginsnya mas
[Reply]
October 17th, 2009 at 11:40 pm
Maaf nih mas, tapi kode di atas kayaknya udah nggak valid lagi. Ada cara yg lebih baik pakai css sesuai standar web modern, contohnya
<div style="text-align:center">kode banner</div>[Reply]
candradot.com Reply:
October 18th, 2009 at 12:03 am
@fanari, oh iya…thank you inputnya, nanti saya tambahin dari anda
[Reply]
October 21st, 2009 at 3:33 pm
makasih sob atas petunjuknya
[Reply]
candradot.com Reply:
October 24th, 2009 at 10:41 pm
@Blog Bisnisku, sama2
[Reply]
October 28th, 2009 at 11:18 pm
lama gak muncul…
saya mau ngintip dulu ah
[Reply]
candradot.com Reply:
November 26th, 2009 at 2:34 pm
@IwanKus, awas mata bintitan mas kebanyakan ngintip
[Reply]
November 25th, 2009 at 5:19 am
Mampir mas.. liat liat.
[Reply]
candradot.com Reply:
November 26th, 2009 at 2:34 pm
@samsi, silahkan mas
[Reply]
December 8th, 2009 at 9:57 pm
sy g ngerti bikin banner & HTML, mohon bantuanny mas.
[Reply]
candradot.com Reply:
December 9th, 2009 at 2:22 am
@indra, gak ngertinya dimana dulu mas dan saya harus mulai dari mana? mudah2an saya bisa bantu.
banner yang dimaksud disini adalah yang ada di sidebar sebelah kanan.
gambar yang ada itu memiliki kode yang di sebut html (HyperText Markup Language)
[Reply]
December 21st, 2009 at 3:31 am
bisa ndak bkin banner lewat photo shop,trus ntar di kode in html x…
[Reply]
candradot.com Reply:
December 21st, 2009 at 4:20 am
@mrzicko, bisa, silahkan cari di arsip Cara membuat foto atau image menjadi HTML code.
di related post juga ada
[Reply]
January 26th, 2010 at 12:30 pm
[...] >>Cara Mudah Membuat Foto atau Image Menjadi HTML Code<< Sebuah akal-akalan bagaimana caranya meletakan foto atau image di bagian sidebar dengan kode HTML [...]
February 16th, 2010 at 11:27 am
wah. inputan yang menarik nih…
[Reply]
March 20th, 2010 at 9:45 am
Kalo saya sbg orang awam terserah pilihan di CMS nya tuk setting atau layout gambarnya. Yang penting masih bisa nulis :)
[Reply]
June 27th, 2010 at 3:03 pm
Thanks mas, atas ilmunya sangat berguna buat newbie.
[Reply]