Teman-teman punya masalah dengan banner yang nggak bisa center? Lalu bagaimana cara supaya banner manjadi center? atau bagaimana cara membuat foto ganteng kamu ditengah? hehe:)
Memindahkan foto atau image menjadi pas di tengah akan terlihat lebih rapi ya. Dan 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.
pertamaxxxxxxxxx:ngintip::ngintip::clinguk2::clinguk2::hore:
wow mantabss mas chandra… belajar html di mana nih?? minta referensi dunks hehe
tx sharingnya mas…hohoho
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.:ngeres:
@Alfred Sejuta Cinta Yovie Nuno, ada deh….
belajar sama mbah dukun
@Mau pintar, Pakai Komputer, udah dicoba belum mas? ngefek apa nggak?
center udah jelas menunjukan center (tengah)
div = equivalent = setara = instead = pengganti
saya juga jarang pake div, soale gak ngerti fungsinya.
kadang saya pake
@mashengky.com, saya lebih sering pake center
@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..
Aq jd inget dulu mas. Pgn tau cr nengahin banner, blognya mas romy satria wahono tak liat source page code nya. Hehehe…
tips yang menarik nich, sukses dengan tutorialnya ya Mas..:sip:
Tambah lengkap mas, meski terlihat sederhana sebenarnya kode itu penting lho…terimakasih atas sharingnya :sip:
:sip:mantaps mas, nice tutorial, thanks mas candra for sharingnya, salam sukses selalu:sip:
@candradot.com, dukun mana mas:hihi:??
@Alfred Sejuta Cinta Yovie Nuno, jangan dukun blogger :hihi:
@Alfred Sejuta Cinta Yovie Nuno, :hihi:masak dukun beranak mas
@Arief maulana, kalo perlu diliat jeroannya mas:hihi:
@rudy azhar, thank u mas rudy.
sukses juga buat mas Rudy
@Ricky, sama2 mas Ricky
@heru, sukses juga mas Heru
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….:sip:
Tips yang ini jujur mas belum saya praktekan:hihi:lho wong baru tahu sekarang :sip:
nais tutor mas…
kalo saya sih banyakan pake WLW jadi lebih rapi ^^
hehehe…
cukup pake edit html aja kalo pake blogspot :hihi:
bookmark dolo ahh
ntar kalo dah punya blog WP baru dicoba :sip:
saya bookmark dolo aja yah mas
ntar kalo dah pake WP baru dipraktekin
@sumartono, :hihi:monggo mas
@belajar blog, bener… WLW juga bisa
@berita unik, :hihi:
@Action Figure Toy, silahkan mas:sip:
@ILHAM, salam kenal juga mas Ilham
Weleh… weleh… kirain apa? ternyata ini toh. :sip: Saya juga udh pernah nyoba dan sukses tapi yg kedua belum tak coba..
wah sippppp tuh………. bisa di coba :sip:
@Action Figure Toy, :hihi:semangat banget, sampe 2 kali
@Winarno, kirain mas Wien… gak taunya mas Wien beneran:ngakak:
@mbah gendeng, monggo:ngudut:
@candradot.com, :melet::melet::hehe:
Sederhana ternyata, ya? :sip:
@candradot.com, :hihi:
Memang gak perlu orang IT untuk hal seperti itu. Tapi kadang orang awam sering kebingungan untuk hal-hal kecil seperti ini. Nice tips, Mas.
makasih mas artikelnya… sangat membantu…
@Khery Sudeska, :lirik::duer:
@Khery Sudeska, ya mas sederhana, kalo special pake telor
@UntungNyata!com, mudah2an membantu mas
@reez, sama2
kalau lokasinya ditengah artikel ada triknya mas ?
udah :puyeng: nih gak ketemu-ketemu ..
@hpnugroho.com, ada, itu ada pluginsnya mas
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>@fanari, oh iya…thank you inputnya, nanti saya tambahin dari anda
makasih sob atas petunjuknya
@Blog Bisnisku, sama2:ngudut:
lama gak muncul…
saya mau ngintip dulu ah:ngintip::ngintip:
Mampir mas.. liat liat.:sip:
@IwanKus, awas mata bintitan mas kebanyakan ngintip
@samsi, silahkan mas
sy g ngerti bikin banner & HTML, mohon bantuanny mas.:hiks:
@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)
bisa ndak bkin banner lewat photo shop,trus ntar di kode in html x…
@mrzicko, bisa, silahkan cari di arsip Cara membuat foto atau image menjadi HTML code.
di related post juga ada
wah. inputan yang menarik nih…
Kalo saya sbg orang awam terserah pilihan di CMS nya tuk setting atau layout gambarnya. Yang penting masih bisa nulis :)
Thanks mas, atas ilmunya sangat berguna buat newbie. :baca:
boljug di ujicobakan dii blogku nih:sip:
hebat.. bisa ketemu juga disini.. kalau udah jodoh ..makasih, berkat postingan boz bannerku jadi manizz hehe..