Bagi para pemula blogger pasti banyak yang menginginkan background blog nya di ganti dengan foto sendiri atau gambar yang mereka inginkan sendiri. Entah itu gambar yang fullsize atau bisa juga yang di ulang-ulang (repeat). Kali ini aku akan menulis artikel tentang 'Membuat Background Blog Dengan Gambar Sendiri'. Tertarik ?
Ikuti langkah berikut untuk membuat background blog :
Ikuti langkah berikut untuk membuat background blog :
- Baca basmallah lalu buka situs blogger
- Lalu menuju ke 'design' -> edit HTML
- Cari kode ' body { ' (tanpa tanda kutip)
- Tambahkan kode berikut di bawah kode ' body { '
background:#000000 url(http://www.deviantart.com/download/117782530/PS_logo_PS3_background_by_GrimLink.png) no-repeat center fixed;
# Kode Hijau = Kode warna di belakang background
# Kode Biru = Link gambar background yang ingin kalian pasang
# Kode Putih = Jika kalian inginkan gambar berulang-ulang hilangin aja
- Lalu 'Save Template' dan lihat hasilnya :D
Kalau ada masalah atau sebagainnya, kalian bisa tanya langsung ke aku lewat komentar di artikel ini... Makasih!!! :)
Artikel Terkait
Langganan:
Posting Komentar (Atom)
226 komentar:
«Terlama ‹Lebih tua 1 – 200 dari 226 Lebih baru› Terbaru»cara kasih jam nya gmana ya gan??
coba cek disini yak.. http://dopind.blogspot.com/2010/06/memasang-jam-di-blog.html ;)
sayang muka ane g meyakinkan gan buat jadi bacground hehehe
wkwk.. iya.. disangka nanti wajah nya setan.. :>
hohoho.. juzt kidd gan ;D
silaturahmi tgh malam Gan...
sebetulnya pgn punya background template spt pny Agan ini...
tp ane takut kesamber petirnya...wkwkw..
salam hangat.
hoho.. kalau coppas sembarang an ya kenak petir nya gan.. tapi klw izin dulu gak akan kesamber :DD
good post..
aku coba dulu ya..
hohoho.. oke gan ^_^
gimana ea caranya membuat tampilan blog dengan menu2 yang bagus
ya coba2 berkreasi lewat kode2nya sob ^_^
gan...cara buat template kayak punya agan ini gimana ya ???
blog ku jelek nih.... :D :D
kasih tau yaaaa.....
hoho.. dulu aku dapet template ini dari http://introblogger.blogspot.com/ .. tapi udah banyak perubahannya.. hohoho.. :3
hm.. sekarang udah bnyak penyedia template2 bermutu kayak www.btemplates.com .. coba aja kesana.. trus modif sendiri dah ^_^
wuluhh,.... manteb euy desainnya....
hoho.. makasih sob pujiannya ^_^
kok punya aku gak bisa di kasih code-nya ya?
maaf sob setiap template beda2.. gak bisa jelasin satu2.. tapi yg umum kyk diatas itu ^_^
liat blog ane gan,mau ane kasih jam sama lagu harus di rubah apanya....
ya gak dirubah apa2nya sob.. cuma nambah kode aja.. cek di artikel gue di link bawah ini
Memasang Jam di Blog
http://dopind.blogspot.com/2010/06/memasang-jam-di-blog.html
Menambahkan Musik Pada Blog : http://dopind.blogspot.com/2010/06/memasang-jam-di-blog.html
bwt background kilat gt..
gmna gan,,
bagi dunkzz ilmunya
ya ikuti langkah di atas terus ganti link gambarnya petir sob..
punya ane yg ini : http://4.bp.blogspot.com/-7nt83_r0j18/TsYaBbArseI/AAAAAAAAAos/aTTA7tug_MA/s1600/deopradiptaputrasetyadi.gif
thx gan...
lgi suka ngeblog q neh
masih bnyk yg perlu di pelajari
sama2 gan ^_^
wah.. bagus tuh gan.. terusin aja tuh jadiin hobi klw bisa.. asik lho ngeblog itu X)
gan gmn cara.nya buat kursor nya jdi gambar?????????
silahkan cek disini http://dopind.blogspot.com/2011/07/mengganti-cursor-di-blog-normal-dan.html
Gimana caranya buat backgrond yang walaupund di scroll backgroundnya tetap dan gk turun ????
seperti kode di atas sob.. " no-repeat " .. maka gambar akan tetap.. gak turun2.. :)
gan klo mo ganti kursor model kya agan gmna tuh?
silahkan kesini http://dopind.blogspot.com/2010/05/mengganti-cursor-di-blog.html
trus cari cursor nya di www.cursor4us.com.. :)
kalau mau dipasang untuk satu widegate aja gimana ???
Butuh masukan nich
thankz b 4 !
mksd nya untuk satu widget aja ? :/
itu background petirnya dapat dimana gan?
kalau bisa saya minta y ehehe
gak bisa ni gan waktu wi pratinjau
@ICS : ini background petirnya http://4.bp.blogspot.com/-7nt83_r0j18/TsYaBbArseI/AAAAAAAAAos/aTTA7tug_MA/s1600/deopradiptaputrasetyadi.gif
coba disave sob.. :/
gan a pinginnya baground a, pk foto a sndiri gmna ya???
supaya ada suara petirnya gimana gan
@idy : diatas sudah dijelaskan itu ya =="
@basir : oh.. pakai lagu sob.. pakai file swf.. :3
Mantap design blognya
makaseh sobb.. makaseh juga kunjungannya ^_^
ane udah bisa kasih backgroudnya, tp efek suara petirnya cuma sekali aja, gimana ya caranya bisa berulang-ulang kayak agan? bisa dibantu gak?
pakek file swf kan sob ? klw ada ganti jadi true.. kalau gak ada ya copy ini aja loop=true .. makasih ^^
Thanks sharing nya gan..
salam kenal
oke gan .. salam kenal juga ^_^
kalo mau ganti warna gimana?
ganti kode yg warnanya hijau diatas itu sob .. liat aja diatas itu ^^
masih bingung gan
masih bingung gan
masih bingung gan
cuma nempel aja sob.. ke 'design' -> edit HTML lalu cari 'body {' lalu pasang deh ^^
wooooow keren bgt dah,, sangat keren',,, boleh nie ILMUnya bang,,,
salam knal
follow saya ya bang
http://andi-mustakim.blogspot.com
http://hakimnul-lukman.blogspot.com
wakawaaka.. blog ente juga keren kok ^^
silahkan aja sob .. mkasih yakk :D
gan.. gimana ya caranya upload foto kita sendiri ke internet? (biar bisa di jadiin backgroudn itu linknya)
dari blogger ya bisa sob.. cuma ambil linknya aja kok ^^
kak,, gmana caranya bwat backgroundnya kalo waktu di scroll g gerak.. jadi bg.nya tetep, yang gerak cuma entrinya aja.,, :(
itu sudah gak gerak2 sob.. soalnya udah dipasang kode ' no-repeat center fixed; ' .. makanya dicoba yakk ^^
cari kode tunggal seperti ini sob ' body { ' , kalau itu ane yakin cuma satu gak mungkin dua.. makasih ^^
kalau krng jelas kita chat aja di FB - Deo Pradipta
gimana kalau gambarnya tidak di ambil dari web, tp hasil buatan sendiri
iya sama aja sob.. tinggal pasang link gambarnya di kode yg warna biru itu :D
punya aku ga jadi nih.. trus mau coba pasang template yang di http://btemplates.com, ga tau masangnya, habis download trus diapain ya???
coba dicek sini sob.. sapa tau mbantu ente.. http://dopind.blogspot.com/2010/05/mengganti-template-blog.html .. maaf tulisan lama ^^
gan kode "body }" banyak bgt trus itu kode kasih di kode "body }" yang mana??!!
masih awam nie awam bgt!!!
hehehe thankz klo mau jawab :)
cuma yg berdiri sndiri kode ' body ( ' nya sob.. gak ada tambahan koma titik ataumungkin ada dua kata.. bukan itu berarti sob..
biasanya ada diatas sendiri ini ^^
mantap bro
langsung jadi,,..
thanks ya!!
mantap nie blog fast respon!!
i like it!!! :) :D
maaf om tanya lagi
ada sebagian gambar ane yang g bisa di buat background
ada tulisannya ini
Kami tidak dapat menyimpan template Anda.
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Deklarasi variable tidak valid pada skin halaman: Variabel corak tidak dapat diurai karena tidak bersintaksi benar. Input:
solusinya gimana :(
wkwkwk.. hanya kebetulan aja sob ane lagi OL .. hari2 brikutnya ane sibukc cz hrus blajar buat UN..
bukan gara2 itu mungkin sob.. ente ngeditnya bareng sma kode lain mungkin :/
hehehe udah ketemu bro....!!
makasih yaww!!
sama ane juga lagi sibuk UN nie!!!
semoga sukses!!
sip dah sob .. sama2 yakk ^^
semoga sukses juga :D
klo kayak gan gimana cara nya?
ngatur gambar sama menunya/?
lagi sibuk sob.. maaf gk bisa mbantu -_-
mau tny bikin kursor naruto ky pny mu gmana yaa? thx..
cara buat tulisan "dopind.blodspot.com" yg dblakang layar ini gmn???
@kochou : silahkan kesini http://dopind.blogspot.com/2010/05/mengganti-cursor-di-blog.html ^^
@wina : wah.. itu dari gambar nya sob.. coba liat disini gambarnya http://4.bp.blogspot.com/-7nt83_r0j18/TsYaBbArseI/AAAAAAAAAos/aTTA7tug_MA/s1600/deopradiptaputrasetyadi.gif
aku mau pasang link ini di blog'
ku _
tp gimana gan.
cranya??
_
masih awam buangettt
baru bikin blog_hheheeehe....
kok efectnya gag berpengaruh sama blog saya ya sob ..
apa itu bawaan dari templatenya ?
@la_tahzan : link ? di postingan kan ada tuh.. kasih terus coppas deh kodenya ^^
@mamushinici : hmm.. mungkin sob.. klw terlalu aneh ya emang gak bisa XD
yaa tergantung kode template aslinya sob.. klw ada kode yg lainnya ya gak bisa.. di 'body {' ada yg sama sama kode diatas mungkin..
kok gk bisa?
tergantung template juga bos.. klw templatenya aneh ya gaisa -_-
kok gabisa yaa kak -_-
oalah.. di kode ' body { ' nya kan udah ada background tuh.. di replace aja kak..
oiyayaa :D oke makasii kakak ^^ mampir ke blog'ku yahh :)
oke .. langsung ke blog ente ^^
tengkyu kaka :D oyaa mau tanyaa lagi gimana carany kasih border di tiap judul postingan ? :D *pemula blog -_- makanye masi culun gtoh >,< hoho
okeoke^^ btw.. border yg mana ya ? yg berwarna itu mksdnya ?
iyaah :D caranye gmana ? :D
kalau semuanya seh ada dsini http://dopind.blogspot.com/2012/01/membuat-link-aktif-lebih-menarik.html .. klau judulnya aja.. kasih tau gak ya ? XD
kalo itu mah uda bisa -_- kalo judulnya doang dikasi border gto gmanaaa caranyee ~,~
wah .. di templatenya kmu mah gak bisa.. judul sama postingannya jadi satu kodenya -_-
laa :o kenapa gabisa gt ? -,- bisa ajalah yaaa :D
bisa tapi judul sama link yg ada dipost ikutan juga.. gmna ?
cara liat hasilnya gmna mas??
ya langsung di halaman depan blog lahh ^^
yadeh gpp. gmna caranyaah ? :D
kode yang ada disini http://dopind.blogspot.com/2012/01/membuat-link-aktif-lebih-menarik.html .. dipasang dibawah 'a:link { ' :/
koq gga bisa yaa sob ??
-_-
bisa sob.. mungkin di dalam kode body { sudah ada background: atau emang gak cocok sama template nya ^_^
cara nambahin efek petirnya gimana kk,.??
liat komentar2 diatas sob.. ada kok .. petirnya itu gambar format .gif ^_^
GAN KLO PETIRNYA ADA SUARANYA GIMANA?
PUNYA I GAK ADA SUARANYA!
pakek file flash sob.. ^_^
BIKININ DONG !!!
silahkan sob di pakek http://freewidget.info/izafullmusik/suara_petir.swf ^_^ oh iya mnta komentarnya disini ya dopind.blogspot.com/2012/03/asus.html
http://freewidget.info/izafullmusik/suara_petir.swf
NARUHNYA DIMANANYA
background:#000000 url(http://www.deviantart.com/download/117782530/PS_logo_PS3_background_by_GrimLink.png) no-repeat center fixed;
GAN
GAK PAHAM GAN
http://freewidget.info/izafullmusik/suara_petir.swf
NARUHNYA DIMANA?
silahkan cek disini http://dopind.blogspot.com/2011/01/cara-pasang-flash-di-blog.html ^_^
cara mengetahui url poto kita yang dari PC gmana ya ?
habis upload liat di tab edit HTML sob.. ada urlnya ^_^
maksih infonya gan
iya sob.. sama2 yakk ^_^
Gan, saya salut sama anda. setiap komentar rajin dibalas dan setiap pertanyaan dijawab.
semoga sukses ya gan.
NB: Gan, blog sya terlalu berat. Pdhal sitemap-nya saya kira perlu semua. alternatifnya bagaimjana?
Blogwalking Gan.. trm kasih
iya sob.. kalau sempet mah ane pasti bales kok ^^
Amin... makasih sob :)
gak bisa nemu blog agan nih :/
izin copas brada,..
:)
silahkan sob ^_^
sob,,,,,,
makch,,,,,
jadi cara ganti kodenya gmana.......
numpang tanya doang kalo mau bikin blog pake background sendiri gimana sih?
contohnya kaya blog ini infonya ya, saya tunggu :D
ya ikutin cara di atas itu sob.. :)
@alam syu : ganti kode ini http://www.deviantart.com/download/117782530/PS_logo_PS3_background_by_GrimLink.png
gan bkin blog yg bgus kys gni gmna ya ?
cs pny sya jlke bgt,kering tmpilannya,,
mhon bntuanya..
trim's...
wah.. harus paham kode2 css dsb. kalau mau karya sendiri sob ^_^
bantuan gimna ya ? klw bantuan cari tempat2 yg nyedain template cari yg asli Indonesia.. bagus2 kok ^^
thanks infonya..izin make gan....
izin copas back ground petirnya mas...
mau tnya mas....cara mencari kode html nya sendiri gimana ya
@digital : silahkan sob ^_^
@nGIOtOr : iya sob.. silahkan.. mksdnya (?) ctrl + f
Gan, cara membuat background nya kelihatan gimana ta? seperti yang agan punya.. seperti transparan gitu
Coment di blog ane ya gan
wah.. bener2 sulit sob.. tiap template beda u,u
o begitu... kalau gambar petir ini kan termasuk jenis gif. cara menghilangkan tulisan dopin.blogspot nya gmn?
iya sob.. wah.. itu copyrightnya.. gak bisa di hapus :p
kalo gambar dr PC kita sendiri bisa enggk? gimana cara masukinnya?
bisa dong.. upload aja lewat blogger atau photobucket ^_^
Hy gan,
masih kurang jelas nich,
udah ane coba tapi tidak jadi gan..
mohon bntuannya yah gan,,
slam knal..
gini.. kebanyakan template mempunyai kode body { , nah.. di bawahnya tinggal ditambah
background:#000000 url(http://www.deviantart.com/download/117782530/PS_logo_PS3_background_by_GrimLink.png) no-repeat center fixed;
kadang di body { juga ada kode backgroud:bla.bla.bla , di ganti dengan kode yang diatas ^^
hy gan,blh minta background petirnya gak
udah ada.. cek di komentar2 atas itu sob :D
wah keren mass blognya
whehehe.. makasih sob :D
mau nanya neh ga, cara membuat blog transparan gemana gan.....
transparan ? masih blon tau sob ._.v
Izin Copas Om..
Sob kq ada dopin .blogspot.com nya...
Cara ngilangin dan nganti nama blog kita gimana sob..!!
Mohon pencerahanya sob :D
silahkan sob..
eh maaf.. tidak bisa.. itu permanent disana.. copyright nya :p
gan,kalo cara ngasih musik di blog gmnaa ? :D thanks infonya loh yaaa :3
silahkan cek disini ->
http://dopind.blogspot.com/2010/05/menambahkan-musik-pada-blog.html
atau
http://dopind.blogspot.com/2012/04/cara-memasang-musik-autoplay-di-blog.html
saaamaasamaa loh yaaa :D
oh yaa gan,kalo langsung otomatis keputer gmana caranya ? :D aku udah coba,tp harus nge play sendiri -___-
kalo otomatis bisa langsung gunakan yg ada di sini http://dopind.blogspot.com/2010/05/menambahkan-musik-pada-blog.html :-)
kalo disini http://dopind.blogspot.com/2012/04/cara-memasang-musik-autoplay-di-blog.html cari pengaturannya aja yg nulis repeat ^^
blog nya keren
makasih sob ^^
Gan kala mau ngasi animasi petir menyambar kaya puya agan gemana... kasi link nya yaa....
silahkan di gunakan sob -> http://4.bp.blogspot.com/-7nt83_r0j18/TsYaBbArseI/AAAAAAAAAos/aTTA7tug_MA/s1600/deopradiptaputrasetyadi.gif :)
mak nyos brad
maknyoosss :D
tampilan menunya keren .... boleh tau HTML/Java Script nya gak?? heheh
maklum saya masih newbie :)
kasih tau gak ya ? boleh kok... coba aja 'view source' page ini :) :p
Makasih sob,sangat berguna ne tutorialnya
ehehehe.. makasih juga sob udah berkunjung :)
gan koq udh saya coba tp msh ga bs ya? mohon pencerahan.a gan maklum saya baru di dunia blog x)
thsnks
Maaf gan,,, ga ada perubahan,,, padahal sudah saya ganti,,,, ne link begroundnya...
https://www.facebook.com/photo.php?fbid=426265000747894&set=a.144515042256226.22559.100000931944832&type=1&theater
@wira : ya gabisa lah sob... ente ambil gambarnya dari facebook.. coba di upload lewat blogger ^^
@lapax : ganti link berikut dengan blog ente.. cara carinya ctrl + f trus coppas link di bawah trus ganti deh ^^
//www.blogblog.com/1kt/awesomeinc/body_background_dark.png
anu bang, background yg kk tulis ini full screen ga ?? gal belah belah gitu backgroundnya... maksudnya berbelah belah seperti blogku... pengen fullscrenn nih .. T-T
mohon balesannya dong... pengen punya background fullscrenn >,<
diatas kan sudah ada keterangannya sob.. baca lagi deh ^^
# Kode Putih = Jika kalian inginkan gambar berulang-ulang hilangin aja
sangat bermanfaat sekali infonya buat saya pelajari, .......
artikel yang bagus buat di simak, ............
siap makasih juragan ,, mantap
@hiv @id @ hipertensi : makasih semuanya.. semoga bermanfaat ^^
cursor di gntii gmbar anime caranya gmna kak??
silahkan cek di sini sob .. http://dopind.blogspot.com/2010/05/mengganti-cursor-di-blog.html ^^
thanks bro !
iya sob.. samasaamaa ^^
oh jadi kalo besar gambarnya cuma dpt setengah di tengah aja ea... ok ok
ehehe.. iya sob... ok ok jugaaa ^^
tulisan body nya dmna? kok gaadaa
ada kok .. coba cari dg 'ctrl + f' lalu ketik 'body' :)
wahhhhhhh.......... mantap bro.
newbie nech,.,, msih harus bnyak belajar.
thank yah buat infonya.
ehehe.. sama newbie nya sob.. samasamaa yaa ^^ :)
kag..
aq kan NEWBIE neh..
yang menu Design di blog itu dimana yah?
Gangarti :s
sekarang di tampilan baru menu 'Design' itu sama aja menu 'template' ^_^
Ini nih master kalo dicari kata body sih banyak sekali makanya nggak ngerti sebagian text,,,,,!!?
kode body { cuma ada satu kok.. tambahin juga kode yg tutup kurung itu.. ^^
gan ane kok ga berhasil ya?.. kalo pake url lain bisa kan?
gak berhasil gimana ? salah masangnya mungkin.. kalo pake URL lain bisa kok =)
inpo yg mantap gan,ane coba terapin ke blog ane ya gan cekidot http://pinjamanuangexpress.blogspot.com
silahkan sobat, semoga bermanfaat yaaw ^_^
Membuat Menu Dropdownnya gimana tu gan..
ehehe.. silahkan cek sendiri di view-page source nya sob :)
Kalo gue mau pasang background warna abu-abu apa kodenya?
#cccccc sob , semoga bermanfaat ^_^
body { nya itu dmana ya sob ?
ada di template trus klik edit HTML, lalu tekan F3 lalu cari yg itu sob :)
kok kagak bisa ya sob ?
aku kasih url dari foto facebook
coba di download dulu terus di upload sob :)
kadang kan facebook itu di privasi jadi gak bisa di liat orng lain, apalagi di pasang di blog :)
Kayanya gabisa nih..dah gua coba 10x ngga ada hasil..
disemua template yang mempunya kode body{ pasti bisa ^_^
kecuali udah ada gambar di kode body{ tersebut.. makasih :0
sman1ngraho.blogspot.com
dopind.blogspot.com
kalau bikin foto sendiri nih gan?
maksudnya background foto kita sendiri gitu loh..
bisa sob, silahkan ikuti langkah seperti yang di atas :)
gan tampilan di HTML gua
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
nah yang langkang yang di ata itu di letakkan dmn???
kalau di bawah body {
gag bisa gan, aku sudah mencoba, malah ngopy di petunjuknya
salam kenal gan,mo minta izin copaste petirnya keren kayanya ...he...he...he
wah...keren gan,minta ijin copas yha gambar petirnya...he...he...tank infonya
Posting Komentar