Tingkatan : Advance
Kesulitan : Sedang
Ada sebuah Notes berupa pertanyaan, bagaimana cara mengganti Text menu di Navigation Bar ( http://trickmp.multiply.com/notes/item/78/ )
Penjelasan dan caranya adalah sbb :
1. Tambahkan kode berikut ini pada akhir Custom CSS Anda. Ini dimaksudkan guna men-disable default menu.
#subnav { display:none; }
2. copy sub/section code subnavc dan subnav di Custom CSS Anda dan paste-kan ke akhir baris kode CSS, kemudian ganti nama sub-code tersebut masing-masing dengan pmenuc dan pmenu (jika Anda tidak menemukan section ini di Custom CSS code Anda, ada kemungkinan kode tsb berada di base theme CSS dari theme yang ada sekarang ini).
Contoh :
div#pmenuc {
width: auto;
}
div#pmenu {
padding: 1px 0 0 20px;
border: none;
background: none;
height: auto;
}
3. Tambahkan kode berikut ini ke Page-Title Anda (Anda dapat melakukan ini dengan meng-klik Customize My Site link kemudian pilih Edit Page-Title, atau klik ini ) :
<div id='pmenuc'><div id='pmenu'><div class='topt'><a class='topt' href='/'>Home</a><a class='topt' href='/journal'>Blog</a><a class='topt' href='/photos'>Photos</a><a class='topt' href='/video'>Video</a><a class='topt' href='/music'>Music</a><a class='topt' href='/calendar'>Calendar</a><a class='topt' href='/reviews'>Reviews</a><a class='topt' href='/links'>Links</a></div><br clear='left'><div style='height: 0px;'><!-- --></div></div></div>
Perhatian : pastikan semua kode anda buat dalam satu baris dan tidak ada cariage-return / baris baru.
Sekarang Anda tinggal mengganti teks yang berwarna merah dengan teks pilihan Anda. Seperti Home jadi Halaman-depan, Video jadi Pidio, Music jadi Lagu dst.
Mudah bukan ... ?
Tidak sesulit yang Anda bayangkan !
Selamat mencoba dan
Enjoy.
enjoy dude....
ReplyDeletetfs
**tugas pertama ya brow**
yang pertama http://trickmp.multiply.com/journal/item/76 sukarela ... yang ini dorongan kewajiban hehehehe ...
ReplyDeletewah ... kodenya kok jadi berantakan ya (jastifikasinya ... ?) kurang cocok buat nuliskan kode.
bentar2 ... edit dulu.
sdh tau :D
ReplyDeletebtw tfs aja
ada yg mau cara hilangin ads?
linux3r.multiply.com
ReplyDeletepake scroll box
ReplyDeletentar di tabok kang mulkiply...
ReplyDeletebiarin ajah lah but kl mo sharing gpp brow....
sssttttt pura pura ajah gak tahu proet...
ReplyDeleteyups gpp share ko' :D
ReplyDeletezzzzz jgn bilang² ama om MP
jiakakakakak
iya kalo gak ada yang jahil ngadu...
ReplyDelete^ wekekekek
ReplyDeletewow.. mantep... thanks infonya...
ReplyDeleterencananya begitu, tapi di-set left justify aja ternyata dah cukup.
ReplyDelete(jika Anda tidak menemukan section ini di Custom CSS code Anda, ada kemungkinan kode tsb berada di base theme CSS dari theme yang ada sekarang ini). >> kalo mo liat base theme css yg gw pake dimana??
ReplyDeletebisa dilihat di http://trickmp.multiply.com/journal/item/75/
ReplyDeletedan atau http://trickmp.multiply.com/journal/item/1/
ReplyDeletelinux3r.multiply.com
widhacute.multiply.com
ini dia tips ampuh
ReplyDeleteContoh hasilnya seperti apakah ini? Blh di-share?
ReplyDeleteaku mau kasih code ini buat temen ..
ReplyDeletetapi waktu di tulis di PM dia gak mau muncul ( code untuk di Edit Page Tittle ) sementara code
yang di CSS ------------ > ( #subnav { display ...... ini bisa muncul
gimana nulisnya biar bisa muncul di PM ..
tfs..
gagal
ReplyDeletekode yang telah diaplikasikan dan berjalan baik, bisa dilihat di :rienjudea
ReplyDeleteganti semua character < dengan < dan character > dengan >
ReplyDeletethanks infonya. tapi, gimana caranya ngubah font-nya?
ReplyDeletetambahkan di ID pmenuc font-family:[daftar font Anda];
ReplyDeletejika mengacu pada contoh di atas :
div#pmenuc {
width: auto;
}
akan menjadi (jika diinginkan font=Arial, Times New Roman maka :
div#pmenuc {
width: auto;
font-family: Arial, "Times New Roman";
}
om punya ku sudah berhasil tapi mau mengganti warna nya kok nggak berhasil
ReplyDeletecss nya
/*GANTI TEXT HOME.BLOG DLL*/
#subnav { display:none;
}
/*FRONT WARNA DI HOME,BLOG DLL*/
div#pmenuc {
font-family: Comic Sans MS;
font-size: 20px;
font-color: #660066;
width: auto;
}
div#pmenu {
padding: 1px 0 0 20px;
border: none;
background: none;
height: auto;
}
sama kalao masuk page lain nya kok nggak kelihatan atau ada, sama dengan warna background nya ..
contoh link nya : http://bigbirds212.multiply.com/journal/item/36
kalau page depan semua keliatan ..
makasih atas bimbingan nya
Pastikan kode berikut ini masuk ke "Page Title" bukan di "Welcome box title" agar menu ngikut ke page-page berikutnya, tidak di home-page saja.
ReplyDelete<div id='pmenuc'><div id='pmenu'><div class='topt'><a class='topt' href='/'>Home</a><a class='topt' href='/journal'>Blog</a><a class='topt' href='/photos'>Photos</a><a class='topt' href='/video'>Video</a><a class='topt' href='/music'>Music</a><a class='topt' href='/calendar'>Calendar</a><a class='topt' href='/reviews'>Reviews</a><a class='topt' href='/links'>Links</a></div><br clear='left'><div style='height: 0px;'><!-- --></div></div></div>
o0o kamsud saya sudah salah tempat gitu ya ....!
ReplyDeletetak ganti nya bentar
hahahaah berhasil berhasil
ReplyDeletesuwun suwun .......!
berhubung penempatan sudah berhasil ( selamat ! ), berikut yang perlu disesuaikan agar navigation menu berubah warna :
ReplyDeletesaya cuplik dari CSS anda.
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 10px;
font-weight: italic;
color: #CFDEF3;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
text-transform: uppercase;
}
alhamdullilah sudah berhasil .....!
ReplyDeletesengkiu sengkiu
met beraktifitsas om
"HAPPY VALENTINE DAY"
TFS ya Om Lilok ^_~
ReplyDeleteass mau nanya nich gmn caranya ganti background foto kan aq upload trus fotox ada background putih gmn cara gantinya... thank'z
ReplyDeletefoto yang di mana ?
ReplyDeletemohon diperjelas pertanyaannya dan diberikan alamat link dari foto tersebut, saya tidak bisa memberikan penjelasan hanya dengan menduga-duga saja.
makasih.
bagaimana supaya menu link yang kita buat sendiri itu tidak menumpuk seperti di home page saya ?
ReplyDeleteada yang bisa jawab ??
ReplyDeleteSebaiknya anda berikan screenshot-nya.
ReplyDeleteSaya lihat site anda baik-baik saja.
Problem ada di sebelah mana ?
sekarang sudah saya custom tetapi hanya 1 menu mas .klo saya buat 2 menu jadinya menumpuk .
ReplyDeleteterimakasih sebelumnya pada mas lilok .
Ok.
ReplyDeleteMakasih kembali.
mampir ke Mp sy yukk
ReplyDeleteMalah pasang iklan.
ReplyDeleteklo jadi gambar gimana tooh??
ReplyDeleteBisa kagakk??
kamsudnya jadi gambar pripun ???
ReplyDeleteMungkin yang dimaksud adalah ini :
ReplyDeletehttp://trickmp.multiply.com/journal/item/148/Tips_and_Trick_Customize_Navigation_Menu_Home_Notes_Blog_Photos_..._
Mantaffff OM DK berakis.....
ReplyDeletesaya masih sisa om... nyempil di kanan-nya
ReplyDeletewaduh, masih bingung, nih!
ReplyDeletekode yang ditaruh di Page Title itu, lho..
ditaruh mana?
saya masih belum paham!
Login dengan ID anda, klik Customize My Site -> Edit title
ReplyDeleteatau di saat anda berada pada page anda, copy kode berikut ini dan paste ke adress-bar browser anda,
javascript:create_and_show_title_form();
yup, terima kasih banyak...
ReplyDeletetapi, kenapa di browser nama site saya jadi panjang banget, ya?
ada menu saya di situ...
diapakan, kah?
Memang demikian resikonya.
ReplyDeleteApapun text yang anda masukkan lepat page title, akan dianggap sebagai judul halaman / page title.
lha terus diapain??
ReplyDeletePertanyaan ini sudah terjawab pada thread yang lalu.
ReplyDeletecoba pakai trick berikut ini.
http://trickmp.multiply.com/journal/item/148/Tips_and_Trick_Customize_Navigation_Menu_Home_Notes_Blog_Photos_..._
yep, terima kasih banyak...^^
ReplyDeletemaaf merepotkan...
Slmt Siang Mas..
ReplyDeleteuntuk kode yg ini .. apabila tulisan home.. Blog.. photo.. dll mau diganti dengan tombol navigator yg bisa berubah waktu tersentuh mouse .. gimana ya..
mohon pencerahannya... terima kasih sebelumnya
Ada yang nanya merubah warna text-nya ... oke, akan saya cobakan dulu kodenya.
ReplyDeleteSabar yaa ...
nggak ngerii
ReplyDeletesetelah aku ganti ....... lah dalah hurufnya kok kecil imut kaya' gak jelas lagi kalo di baca. cariin huruf yang gede ya Om
ReplyDeleteNumpang mampir,lam kenal
ReplyDeletetks artikelnya
ReplyDelete