Atas permintaan beberapa rekan nih, saya coba untuk menulis tutorial mengenai mengganti background multiply. Sebenarnya udah buanyak sekali di luar sana tutorial yang mantap, namun saya juga mengerti, banyak keterbatasan : terutama bahasa. nah dari bahasa ini jadi membingungkan untuk mengikuti tutorial yang pake bahasa teknis di internet.
ok, sebagai studi kasus ada dulu ya. tahap pertama ini, kita akan pake theme / background yang sebenarnya sudah ditulis di sini.
step-by-step:
1. Login lah terlebih dulu ke blog multiply Anda.
2. klik shortcut ini. Tujuannya untuk mengganti theme utama ke SANDSKRIT
3. selanjutnya klik setting di pojok kanan atas multiply --> My Site --> Custome CSS
atau langsung klik shortcutnya disini.
Hapus semua tulisan di dalam kotak Enter Custom CSS here: Note: you do not need to enter style tags in this tool.
kemudian ganti dengan tulisan berwarna kuning di bawah ini. Mudah-mudahan Anda bisa mengcopy-paste, kalau nggak waduh... kontak ym! id saya aja nidza99
body {
color: #fff;
background-color: #000;
font-family: tahoma;
background: url(http://images.iium2000.multiply.com/image/4:customizedthemes/photos/1083/orig/5/kyubi5vk.jpg?et=ev%2BKr%2BNGE4IGqA9hkfD10Q) fixed repeat;
}
a:link {color: #cc6666;}
a.topt {color: #fff;}
a.vopt{color: #FFF; }
a:visited {color: #6666cc;}
a.post, a.post:visited {color: #0F0; }
a.signout {color: #FFF;}
.header .globalnav ul.gnopt a {color: #FFF;
font-size: 15px;
background-color: transparent;
}
.update {color: #7777cc;}
.itembox {color:#FFF;}
.rail {
margin-top: 20px;
width: 139px;
}
h1#page_owner_title {
width: 710px;
margin: 0 auto;
padding: 10px 10px 0 0;
background-color: transparent;
background: none;
font-family: arial;
font-weight: bold;
color: #fff;
border: none;
font-size: 30px;
text-align: left;
}
.itemboxsub {
color: #FFFFFF;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
border-bottom: medium solid #6666cc
}
.rolloverfordnd {
color: #FA0202;
font-weight: bold;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
max-width: 520px;
}
div.owner_nav {
background-color: none;
border: none;
margin: 0px;
width: 780px;
height: 380px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/orig/4/Ntop.gif?et=pPRKW9WSPIqb6zSDJtdU0Q) no-repeat left;
margin: 0 auto;
}
div#page_start {
width: 720px;
margin: 0 auto;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/orig/1/nbody.gif?et=3r6daNSLzgvJmlKbxQ2j0A);
}
div#ownedfooter {
margin: 0 auto;
height: 150px;
padding: 50px 0 0 90px;
line-height: 12px;
border: none;
color: #fff;
text-align: left;
font-size: 7px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/orig/2/NBOTTOM.gif?et=OAiJ2JyVZLW6e%2Ca5EGKD%2BQ) no-repeat top center;
float: bottom;
}
.replybox {
border: 2px solid #FA0000;
background: none;
background-color: #000;
color: #A19C9C;
}
div.header {
background: none repeat scroll 0%;
margin:0pt auto;
width:770px;
}
.header {
border:medium none;
}
.railend {
display: block;
margin-top: 20px;
margin-bottom: 20px;
height: 154px;
width: 160px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/500x500/3/Nkunai.gif?et=zTb30hrWAAxISp0%2CsiVWmw) no-repeat center center;
position: relative;
}
.railstart {
display: block;
margin-top: 1px;
margin-bottom: 1px;
height: 154px;
width: 160px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/1200x120/7/52298iwkgv6v9d8.jpg?et=D0sxXVp4%2BLwMWsscpZXToQ) no-repeat center center;
position: relative;
}
#subnav .toptsel {color:#FA0202;
font-size: 14px;
font-weight: bold
padding: 0px 0px 2px 5px;
text-align: left;
float: center;
}
#subnav .topt {color:#66cc66;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 2px 5px;
text-align: left;
float: center;}
div.infobox .boxbody {
padding: 0px;
border: none;
position: relative;
color: #FFF;
border-color: #000;
background: none;}
div.infobox { bottom: 10px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/847/500x500/4/ITEM.jpg?et=lfC%2Cux9spPj%2BCxB4ynQ1gw) repeat top right;
border: none;
color: #FFF;
border-color: #000000;
}
.replybox {
color: #fff;
padding: 6px;
margin: 20px 3px 20px 3px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/847/500x500/4/ITEM.jpg?et=lfC%2Cux9spPj%2BCxB4ynQ1gw) repeat top left;
background-color: #000000;
background-position: -25px -25px;
border: none;
}
.quotet {
border: none;
background: none;
background-color: transparent;
}
.boxbody { bottom: 10px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/847/500x500/4/ITEM.jpg?et=lfC%2Cux9spPj%2BCxB4ynQ1gw) repeat top right;
background-color: transparent;
border-color: #000000;
font-size: 7px;
font-weight: bold;
color: #66FF66;
}
.caldiv1 { background-color: #000; }
div.caldiv1 td.calday {
font-size: 10px;
background-color: #30414B;
}
.caldate {
font-size: 13px;
font-weight: bold;
}
.cald {
float:right;
text-align: center;
background-color: #30414B;
padding: 0px 4px 0px 4px;
margin: -3px -3px 3px 3px;
border: 1px solid #000;
width: 20px
}
.calevent { margin: 0px 0px 8px 0px; }
div.caldiv1 td.calday:hover { background-color: #444; }
.caldiv1 th {
background-color: #444;
color: #000;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #fff;}
table.globalnav {
border: none;
background: none;
}
.album {
margin: 0 10px 10px 0;
}
.album img {
border: 1px solid #333;
}
table.indextitle {display: none}
.infobox { background-color: transparent; }
div.infobox .boxbody { border: 1px solid #30414B; }
.header .globalnav div.gndd a {
color: #444;
border: 1px solid #eee
}
div.gndd {
color: #000;
background-color: #eee;
border: 1px solid #666;
}
div.ddsep { background-color: #666; }
div.vopt span.voptlabel { color: #fff }
a:link.voptsel, a:visited.voptsel, a.voptsel {
background-color: #30414B;
color: #fff;
border: 1px solid #000;
}
.tablediv1 {background-color: #000;}
.tablediv1 tr {background-color: #30414B;}
.tablediv1 tr:hover {background-color: #30414B;}
.bg0 {background-color: #30414B;}
tr.blank, tr.blank:hover {background-color: #30414B;}
.tablediv1 th {
background-color: #30414B;
color: #fff;
}
.header {background: none;}
.itembox legend {color: #eee;}
div.guidebox{
background-color: #30414B;
border:1px solid #000;
color:#a44;
}
div#guideboxbody.boxbody{
background-color:#30414B%
}
4. Klik Save, beres !
Kasih komentar yah kalo berhasil, supaya nambah semangat saya untuk meneruskan ke tutorial berikutnya.untuk yang sudah bisa ganti, selamat ya :)
selanjutnya gimana dari internet bisa cari duit ?
ikutin link ini nih =>
ok, sebagai studi kasus ada dulu ya. tahap pertama ini, kita akan pake theme / background yang sebenarnya sudah ditulis di sini.
step-by-step:
1. Login lah terlebih dulu ke blog multiply Anda.
2. klik shortcut ini. Tujuannya untuk mengganti theme utama ke SANDSKRIT
3. selanjutnya klik setting di pojok kanan atas multiply --> My Site --> Custome CSS
atau langsung klik shortcutnya disini.
Hapus semua tulisan di dalam kotak Enter Custom CSS here: Note: you do not need to enter style tags in this tool.
kemudian ganti dengan tulisan berwarna kuning di bawah ini. Mudah-mudahan Anda bisa mengcopy-paste, kalau nggak waduh... kontak ym! id saya aja nidza99
body {
color: #fff;
background-color: #000;
font-family: tahoma;
background: url(http://images.iium2000.multiply.com/image/4:customizedthemes/photos/1083/orig/5/kyubi5vk.jpg?et=ev%2BKr%2BNGE4IGqA9hkfD10Q) fixed repeat;
}
a:link {color: #cc6666;}
a.topt {color: #fff;}
a.vopt{color: #FFF; }
a:visited {color: #6666cc;}
a.post, a.post:visited {color: #0F0; }
a.signout {color: #FFF;}
.header .globalnav ul.gnopt a {color: #FFF;
font-size: 15px;
background-color: transparent;
}
.update {color: #7777cc;}
.itembox {color:#FFF;}
.rail {
margin-top: 20px;
width: 139px;
}
h1#page_owner_title {
width: 710px;
margin: 0 auto;
padding: 10px 10px 0 0;
background-color: transparent;
background: none;
font-family: arial;
font-weight: bold;
color: #fff;
border: none;
font-size: 30px;
text-align: left;
}
.itemboxsub {
color: #FFFFFF;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
border-bottom: medium solid #6666cc
}
.rolloverfordnd {
color: #FA0202;
font-weight: bold;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
max-width: 520px;
}
div.owner_nav {
background-color: none;
border: none;
margin: 0px;
width: 780px;
height: 380px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/orig/4/Ntop.gif?et=pPRKW9WSPIqb6zSDJtdU0Q) no-repeat left;
margin: 0 auto;
}
div#page_start {
width: 720px;
margin: 0 auto;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/orig/1/nbody.gif?et=3r6daNSLzgvJmlKbxQ2j0A);
}
div#ownedfooter {
margin: 0 auto;
height: 150px;
padding: 50px 0 0 90px;
line-height: 12px;
border: none;
color: #fff;
text-align: left;
font-size: 7px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/orig/2/NBOTTOM.gif?et=OAiJ2JyVZLW6e%2Ca5EGKD%2BQ) no-repeat top center;
float: bottom;
}
.replybox {
border: 2px solid #FA0000;
background: none;
background-color: #000;
color: #A19C9C;
}
div.header {
background: none repeat scroll 0%;
margin:0pt auto;
width:770px;
}
.header {
border:medium none;
}
.railend {
display: block;
margin-top: 20px;
margin-bottom: 20px;
height: 154px;
width: 160px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/500x500/3/Nkunai.gif?et=zTb30hrWAAxISp0%2CsiVWmw) no-repeat center center;
position: relative;
}
.railstart {
display: block;
margin-top: 1px;
margin-bottom: 1px;
height: 154px;
width: 160px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/1083/1200x120/7/52298iwkgv6v9d8.jpg?et=D0sxXVp4%2BLwMWsscpZXToQ) no-repeat center center;
position: relative;
}
#subnav .toptsel {color:#FA0202;
font-size: 14px;
font-weight: bold
padding: 0px 0px 2px 5px;
text-align: left;
float: center;
}
#subnav .topt {color:#66cc66;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 2px 5px;
text-align: left;
float: center;}
div.infobox .boxbody {
padding: 0px;
border: none;
position: relative;
color: #FFF;
border-color: #000;
background: none;}
div.infobox { bottom: 10px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/847/500x500/4/ITEM.jpg?et=lfC%2Cux9spPj%2BCxB4ynQ1gw) repeat top right;
border: none;
color: #FFF;
border-color: #000000;
}
.replybox {
color: #fff;
padding: 6px;
margin: 20px 3px 20px 3px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/847/500x500/4/ITEM.jpg?et=lfC%2Cux9spPj%2BCxB4ynQ1gw) repeat top left;
background-color: #000000;
background-position: -25px -25px;
border: none;
}
.quotet {
border: none;
background: none;
background-color: transparent;
}
.boxbody { bottom: 10px;
background: url(http://images.iium2000.multiply.com/image/2:customizedthemes/photos/847/500x500/4/ITEM.jpg?et=lfC%2Cux9spPj%2BCxB4ynQ1gw) repeat top right;
background-color: transparent;
border-color: #000000;
font-size: 7px;
font-weight: bold;
color: #66FF66;
}
.caldiv1 { background-color: #000; }
div.caldiv1 td.calday {
font-size: 10px;
background-color: #30414B;
}
.caldate {
font-size: 13px;
font-weight: bold;
}
.cald {
float:right;
text-align: center;
background-color: #30414B;
padding: 0px 4px 0px 4px;
margin: -3px -3px 3px 3px;
border: 1px solid #000;
width: 20px
}
.calevent { margin: 0px 0px 8px 0px; }
div.caldiv1 td.calday:hover { background-color: #444; }
.caldiv1 th {
background-color: #444;
color: #000;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #fff;}
table.globalnav {
border: none;
background: none;
}
.album {
margin: 0 10px 10px 0;
}
.album img {
border: 1px solid #333;
}
table.indextitle {display: none}
.infobox { background-color: transparent; }
div.infobox .boxbody { border: 1px solid #30414B; }
.header .globalnav div.gndd a {
color: #444;
border: 1px solid #eee
}
div.gndd {
color: #000;
background-color: #eee;
border: 1px solid #666;
}
div.ddsep { background-color: #666; }
div.vopt span.voptlabel { color: #fff }
a:link.voptsel, a:visited.voptsel, a.voptsel {
background-color: #30414B;
color: #fff;
border: 1px solid #000;
}
.tablediv1 {background-color: #000;}
.tablediv1 tr {background-color: #30414B;}
.tablediv1 tr:hover {background-color: #30414B;}
.bg0 {background-color: #30414B;}
tr.blank, tr.blank:hover {background-color: #30414B;}
.tablediv1 th {
background-color: #30414B;
color: #fff;
}
.header {background: none;}
.itembox legend {color: #eee;}
div.guidebox{
background-color: #30414B;
border:1px solid #000;
color:#a44;
}
div#guideboxbody.boxbody{
background-color:#30414B%
}
4. Klik Save, beres !
Kasih komentar yah kalo berhasil, supaya nambah semangat saya untuk meneruskan ke tutorial berikutnya.untuk yang sudah bisa ganti, selamat ya :)
selanjutnya gimana dari internet bisa cari duit ?
ikutin link ini nih =>
kalo bingung, YM! saya aja nidza99@yahoo.com
kalo perlu kasih komen dong biar semangat nih :)
kalo perlu kasih komen dong biar semangat nih :)
gak ngerti...:D
ReplyDeleteitu tulisan kuning di copy paste semua...? ntar jadinya apaan???
iya dipaste semuee... ntar jadi apa ? yaa cobain aja daah... kalo error kan bisa nanya ke ym id saya: nidza99. ato biar rame tanya aja ke sini lagih
ReplyDeletemakasih infonya ya mas
ReplyDelete*salam kenal
waduhh mas
ReplyDeletehapunten e
tak contek ki css, ....
.......
hehehee TOP deh bapak ini...
ReplyDeletebener2 serius en konsisten bapak ini 'berbuat sesuatu yg berguna buat orang lain'
tp aku belum bs ganti nih pak...ntr klo ada waktu 'tak coba2 yaa hehee....
thnx bgt ya paak.. ditunggu tutorial yg laennya ... :))
pak,
ReplyDeletelaaah anakku perempuan niih...boleh ga diganti BG dgn yg rada manis dikiit :P
hehehee ... tulung ya paak....
ato bagaimana klo diganti dgn BG yg kita mau?
thnx ya pak
bu, maen aja kesini deh http://customizedthemes.multiply.com/ cari mana yang suka. ikutin petunjuknya, kalo kesulitan,tanya lagi deh gratis ini, ok :)
ReplyDeletethanx gw pake yach.. bis malay ngerubahnya
ReplyDeletemonggo, silahkeun..
ReplyDeletemas thanks ya background nya keren bageeeeeeeeeeeeet deh
ReplyDeletesyukurlah kalo ada gunanya... :D
ReplyDeletemaksih ya
ReplyDeleteya sama-sama
ReplyDeletemas...
ReplyDeleteko jadi naruto??bg nya??
lha itu kan contoh mas/mbakyu. kalo mau bg yang lain, ya main aja tengok2 ke situs http://customizedthemes.multiply.com
ReplyDeleteThank's ya.... tambah pencerahan buat saya yang baru belajar ngeblog..... kuereen tenan hasileee boooo...
ReplyDeletelha, saya nih manusia, kok dipanggil kebo ? hehehe...
ReplyDeletemakasih tutor nya
ReplyDeleteand hasilnya keren bro
sekali lagi makasih
syukurlaah kalo bisa bermanfaat bagi orang lain. sebarin ya ke yang laen
ReplyDeletemas, mbak... aku dah coba tuh... berhasil sih, cuman gak suka... kok gambarnya jadi naruto ya..? ;-) wah, kayak ponakanku aja, seneng naruto... ada yg lain gak? thx.
ReplyDeletemas, mbak... makasih untuk info nya. Akhirnya dapet juga.. tadinya sih sempet kaget dengan narutonya, he.he.... '_' Makasih ya...
ReplyDeletesiipp...siiiip... eh btw gak masuk angin tuh buka baju terus ?? hehehe...
ReplyDeletebeli selimut saya aja http://kesiniaja.wordpress.com
purwokerto panas lagi...;-)
ReplyDeletegitu aja ko ga ngerti sih.....
ReplyDeletekalau beres,ya jd background donk..
Mantap...
ReplyDeleteThanks for all...:)
tak disangka halaman ini sudah dilihat sebanyak >400 kali oleh >270 orang. mudah2an jadi manfaat. selanjutnya adalah tantangan untuk membuat background sendiri.
ReplyDeletewuahhh makasih om andri. Dito lagi nyari2 background yg lucu nih :D
ReplyDeletehii^^ thx for the tutorial.. but i can't change the theme.... =[ but anyway thx
ReplyDeletegmn klo fotonya pengen sy ganti dengan foto saya sendiri?
ReplyDeleteudah sih bang.
ReplyDeletetapi kok naroto????
kgakada yang laen???
tahnks
Thanks ya bwat source kodenya..
ReplyDeleteaq udah edit2 tp koq ga ada tombol navigasinya ya? kek Home, blog, music, dll?
Gimana cara bikinnya?
hai
ReplyDeleteSyukron yak ilmunee...
ReplyDeleteJd tambah tau saya.
saya coba yah....syukron buat info nya :)
ReplyDeleteeH binguNg nich, diblOck smW nich kuninG2 nyA?
ReplyDeleteMau copy paste dulu kang...
ReplyDeletethanks ya kang...,
ReplyDeletematurnuwun banget....
ReplyDeletesalam kenal,, saya newbie di dunia MP,, ganti yang co-past seperti yang akang contohkan sih udah ngerti, tapi mau nanya, kalo saya nemu theme/background yang saya suka, tapi ternyata ada salah satu warna backgroundnya, yang kurang saya suka dan ingin saya ganti bisa ga?? (misal, di background akang warna yang terluar, yang warna merah marun ya klo ga salah --> warna yang paling gelapnya), warna di bagian itu yang ingin saya ganti??apakah bisa??atau semua kode2 css nya itu sudah satu paket??hehe,maaph saya awam di bahasa2 pemrograman yg seperti ini =p
ReplyDeletejawabnya sederhana, bisa :)
ReplyDeletecontoh kode warna pada coding di atas adalah {color: #7777cc;} dimulai dengan tanda #diikuti 6 karakter. coba aja ganti2 dan lihat hasilnya. kalo ribet, balik lagi ya kesini :)
syukron banget...
ReplyDeleteyupz.........nuhun
ReplyDeleteyupz.............nuhun
ReplyDeletejadinya ribet palagi ga ngerti haa
ReplyDeletebecanda
nanti ya berubah...
mas ni klo di copy smua sama yang gak kuning yang kluar malah naruto??? tapi klo yang kuning aja mlah ga da yang kluar?? Piye??
ReplyDelete@eagleofeye: ya emang munculnya theme naruto. kalo mau yang lain, bisa ambil dan cari di http://customizedthemes.multiply.com/
ReplyDeletethanks bro...
ReplyDeletethanks...!!dtunggu nch tutorial brikutnya.
ReplyDeletekok naruto,, theme lain??
ReplyDeletekalau mau background yg lain, gmn caranya ya ? thx atas bantuannya
ReplyDeletemakasih mas.. saya jadi ngerti..maklum user baru heheh :D
ReplyDeletewah bsa..makasih ya mas..tapi kok naruto ya?ad yg lain gk?hwhwh
ReplyDeleteah... si akangmah.. kumaha nya
ReplyDeletesalam kenal kang...wah bagus backgroundnya..makasih ya..kalo mau buat sendiri caranya gimana?
ReplyDeletekawan-kawan...sengaja dicari yang naruto ehehe... kalo mau bikin sendiri, dijamin ribed :)
ReplyDeletesaya usahakan artikelnya nanti kalo mau bikin sendiri gimana caranya yah.
wah koq jadi gini ya
ReplyDeletesaya bikin sendiri ko bekgronnya
ReplyDeletesalam kenal semuanya....saya udah nyari sana-sini tapi masih bingung juga ney...mau ganti background
ReplyDeleteasyikk.......
ReplyDeleteakhirnya dpt jg yg naruto....
thanks ea inpo nya.....
berhasiiiil...howreyyy....makasie ea info'a....
ReplyDeletelam kenal semua ^^
Salam
Bingung banget dah ah!!!!
ReplyDeletega paham gan
ReplyDeleteklo bisa lbh jls lg .. bgaimna buat background ftonya sendiri ..
ReplyDeletemmm..naruto???like this^^
ReplyDeleteberhasil bos,..tq,..ada yg lain ga ya??^_^
ReplyDeletemas andri saya mau masukkan gambar sendiri bagaimana ya?
ReplyDeletesippp..bagus banget,,kebetulan aq suka naruto..thanks ya
ReplyDeleteThx infonya Gan, sy lg seneng belajar otak atik multiply neh. :)
ReplyDeletegabung2
ReplyDeletekalau buat sendiri bagaimana , mas?
ReplyDeletemas ko naruto sii ???
ReplyDeleteko engga bisa.???
ReplyDeletethanks infonya XD
ReplyDeletethank's. Naruto
ReplyDelete