Skip to main content

[Tutorial] Ganti background multiply biar lebih cool !!

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 => http://on.fb.me/crocsku

kalo bingung, YM! saya aja nidza99@yahoo.com
kalo perlu kasih komen dong biar semangat nih :)

Comments

  1. gak ngerti...:D
    itu tulisan kuning di copy paste semua...? ntar jadinya apaan???

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

    ReplyDelete
  3. waduhh mas
    hapunten e
    tak contek ki css, ....
    .......

    ReplyDelete
  4. hehehee TOP deh bapak ini...
    bener2 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 ... :))

    ReplyDelete
  5. pak,
    laaah 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

    ReplyDelete
  6. bu, maen aja kesini deh http://customizedthemes.multiply.com/ cari mana yang suka. ikutin petunjuknya, kalo kesulitan,tanya lagi deh gratis ini, ok :)

    ReplyDelete
  7. thanx gw pake yach.. bis malay ngerubahnya

    ReplyDelete
  8. mas thanks ya background nya keren bageeeeeeeeeeeeet deh

    ReplyDelete
  9. lha itu kan contoh mas/mbakyu. kalo mau bg yang lain, ya main aja tengok2 ke situs http://customizedthemes.multiply.com

    ReplyDelete
  10. Thank's ya.... tambah pencerahan buat saya yang baru belajar ngeblog..... kuereen tenan hasileee boooo...

    ReplyDelete
  11. lha, saya nih manusia, kok dipanggil kebo ? hehehe...

    ReplyDelete
  12. makasih tutor nya
    and hasilnya keren bro
    sekali lagi makasih

    ReplyDelete
  13. syukurlaah kalo bisa bermanfaat bagi orang lain. sebarin ya ke yang laen

    ReplyDelete
  14. mas, 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.

    ReplyDelete
  15. mas, mbak... makasih untuk info nya. Akhirnya dapet juga.. tadinya sih sempet kaget dengan narutonya, he.he.... '_' Makasih ya...

    ReplyDelete
  16. siipp...siiiip... eh btw gak masuk angin tuh buka baju terus ?? hehehe...
    beli selimut saya aja http://kesiniaja.wordpress.com

    ReplyDelete
  17. gitu aja ko ga ngerti sih.....

    kalau beres,ya jd background donk..

    ReplyDelete
  18. tak disangka halaman ini sudah dilihat sebanyak >400 kali oleh >270 orang. mudah2an jadi manfaat. selanjutnya adalah tantangan untuk membuat background sendiri.

    ReplyDelete
  19. wuahhh makasih om andri. Dito lagi nyari2 background yg lucu nih :D

    ReplyDelete
  20. hii^^ thx for the tutorial.. but i can't change the theme.... =[ but anyway thx

    ReplyDelete
  21. gmn klo fotonya pengen sy ganti dengan foto saya sendiri?

    ReplyDelete
  22. udah sih bang.

    tapi kok naroto????

    kgakada yang laen???

    tahnks

    ReplyDelete
  23. Thanks ya bwat source kodenya..
    aq udah edit2 tp koq ga ada tombol navigasinya ya? kek Home, blog, music, dll?
    Gimana cara bikinnya?

    ReplyDelete
  24. Syukron yak ilmunee...
    Jd tambah tau saya.

    ReplyDelete
  25. saya coba yah....syukron buat info nya :)

    ReplyDelete
  26. eH binguNg nich, diblOck smW nich kuninG2 nyA?

    ReplyDelete
  27. salam 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

    ReplyDelete
  28. jawabnya sederhana, bisa :)
    contoh 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 :)

    ReplyDelete
  29. jadinya ribet palagi ga ngerti haa
    becanda
    nanti ya berubah...

    ReplyDelete
  30. 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
  31. @eagleofeye: ya emang munculnya theme naruto. kalo mau yang lain, bisa ambil dan cari di http://customizedthemes.multiply.com/

    ReplyDelete
  32. thanks...!!dtunggu nch tutorial brikutnya.

    ReplyDelete
  33. kalau mau background yg lain, gmn caranya ya ? thx atas bantuannya

    ReplyDelete
  34. makasih mas.. saya jadi ngerti..maklum user baru heheh :D

    ReplyDelete
  35. wah bsa..makasih ya mas..tapi kok naruto ya?ad yg lain gk?hwhwh

    ReplyDelete
  36. salam kenal kang...wah bagus backgroundnya..makasih ya..kalo mau buat sendiri caranya gimana?

    ReplyDelete
  37. kawan-kawan...sengaja dicari yang naruto ehehe... kalo mau bikin sendiri, dijamin ribed :)
    saya usahakan artikelnya nanti kalo mau bikin sendiri gimana caranya yah.

    ReplyDelete
  38. saya bikin sendiri ko bekgronnya

    ReplyDelete
  39. salam kenal semuanya....saya udah nyari sana-sini tapi masih bingung juga ney...mau ganti background

    ReplyDelete
  40. asyikk.......
    akhirnya dpt jg yg naruto....
    thanks ea inpo nya.....

    ReplyDelete
  41. berhasiiiil...howreyyy....makasie ea info'a....
    lam kenal semua ^^
    Salam

    ReplyDelete
  42. klo bisa lbh jls lg .. bgaimna buat background ftonya sendiri ..

    ReplyDelete
  43. berhasil bos,..tq,..ada yg lain ga ya??^_^

    ReplyDelete
  44. mas andri saya mau masukkan gambar sendiri bagaimana ya?

    ReplyDelete
  45. sippp..bagus banget,,kebetulan aq suka naruto..thanks ya

    ReplyDelete
  46. Thx infonya Gan, sy lg seneng belajar otak atik multiply neh. :)

    ReplyDelete

Post a Comment

Popular posts from this blog

Setan tak bisa menembus dinding

Betapa kita, saya dan anda, seringkali salah kaprah tentang setan, dan jin. Film-film turut menanamkan pengertian yang salah. Berapa banyak film yang menggambarkan setan/jin itu bisa menembus dinding, tiba-tiba muncul di ruangan tertentu. Nampaknya hadits berikut menjadi salah satu kabar yang menutup kesalahan pemahaman tersebut. Dari Jabir ra., dari Rasulullah saw., beliau bersabda:“Tutuplah bejana, ikatlah tempat air, tutuplah pintu-pintu dan padamkanlah lampu, sesungguhnya setan itu tidak akan bisa melepaskan ikatan, tidak bisa membuka pintu dan tidak bisa membuka bejana. Seandainya salah seorang diantara kalian tidak bisa mendapatkan sesuatu untuk menutupnya kecuali hanya meletakkan lidi di atas bejana itu, maka lakukanlah yang demikian itu dengan menyebut nama Allah,karena sesungguhnya tikus itu bisa menyebabkan terbakarnya rumah.” (HR. Muslim)

Pulang Tenggo [mirip tengbur]

Kalo Mbak Sya2 punya pengalaman tengbur, saya ada pengalaman Tenggo. Tenggo ini bukannya produk makanan, tenggo = begitu teng jam 16.30 langsung GO ! Hehehe... Suatu hari kami bertiga (IT Department cuman bertiga) dipanggil, gak tanggung langsung ke Direksi, karena emang jalurnya langsung di bawah Direksi. Diceramahin macem-macem, yang masih muda lah, yang masih terang lah di luar sana (emang kudu nunggu gelap baru pulang Pak ?) Saya ada setujunya tuh sama Mbak Sya2, bahwa hak karyawan untuk bisa pulang pada waktunya. Namun setelah ditegur sama Bos, saya juga agak molorin lah sedikit, dari yang mestinya 16.30 (kami masuk jam 7.30, sabtu libur) jadi jam 17.15 atau 17.30, tergantung Bosnya udah pulang apa belum.  Tapi emang kadang-kadang si Bos ini gila kerja. Pernah dia pulang jam 9 malem, walaah... kalo di Medan saya belum banyak melihat fenomena ngelembur sampe jam segitu. Kalo di Jakarta mah, biasa kali ya... sambil nunggu macet. Tapi, ada tapinya deh... ngaku gak kalo di kantor ...

The 7 Habits of Highly Effective People

Supaya gak ilang ditelan zaman, ada baiknya disimpen sebagai harta yang cukup berharga. Summary of Stephen R. Covey's The 7 Habits of Highly Effective People In his #1 bestseller, Stephen R. Covey presented a framework for personal effectiveness. The following is a summary of the first part of his book, concluding with a list of the seven habits. Inside-Out: The Change Starts from Within While working on his doctorate in the 1970's, Stephen R. Covey reviewed 200 years of literature on success. He noticed that since the 1920's, success writings have focused on solutions to specific problems. In some cases such tactical advice may have been effective, but only for immediate issues and not for the long-term, underlying ones. The success literature of the last half of the 20th century largely attributed success to personality traits, skills, techniques, maintaining a positive attitude, etc. This philosophy can be referred to as the Personality Ethic . However, during the 150 y...