Sebenernya banyak juga situs yang ngasih kode CSS siap pakai yang bisa dipakai untuk
ganti tema di multiply. Tapi terkadang pengen juga pasang banner bikinan sendiri. Gak
butuh pemahaman script CSS untuk mempraktekkan trik berikut.
Untuk ganti banner sendiri, cara paling gampang ya pake template default yang
disediakan ama MP trus sedikit diutak-atik. Contohnya nih yang paling gampang adalah
pake default theme Avlack. Dari menu “Setting” trus ke “My Site” dan pilih sendiri
template default yang disediakan oleh MP. Pilih template Avlack.
Setelah kita pilih template Avlack, maka default banner kita adalah gambar hijau sebagai
berikut.
Top Banner original dari template Avlack ini memiliki ukuran 760 x 200 pixel. Nah…
yang akan kita lakukan adalah mengganti default banner tersebut dengan banner milik
kita sendiri.
Bikin image-nya bisa di photoshop, photopaint, dsb. Yang penting ukurannya harus pas
dan sama, 760 x 200 pixel dan 760 x 28 pixel.
Karena komputer gue baru cuci otak, belum sempet install photoshop nih. Jadinya image
yang gue bikin seadanya saja. Berikut ini image yang gue persiapkan :
Image 760 x 200 pixel (TOP)
Langkah selanjutnya adalah memindahkan banner yang telah kita buat dan telah
dipublish tersebut ke template multiply. Untuk melakukan hal ini, diperlukan modifikasi
pada kode CSS. Untuk theme Avlack, kode CSS nya bisa dilihat di
http://multiply.com/style/custom/avlack/5.css. Copy aja kode CSS tersebut ke dalam
notepad.
Selanjutnya, mari lakukan modifikasi terhadap kode CSS Avlack tersebut di notepad.
Mohon diperhatikan potongan kode CSS Avlack berikut ini.
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 310px;
height: 130px;
width: 760px;
border: 10px solid #fff;
border-bottom: none;
padding: 113px 0 0 0;
background:
url(http://images.multiply.com/multiply/style/avlack/top.png) no-repeat
top left;
background-color: #fff;
background-position: 0 -10px;
}
div#subnavc {
width: auto;
height: 20px;
background-color: #3f3f3f;
border-top: 6px solid #fff;
padding: 4px;
}
Potongan kode CSS di atas akan kita ubah/modifikasi sedikit untuk menampilkan banner
kita. Pada sub bagian div.owner_nav, Kita akan mengganti ’top.png’ dengan URL
banner kita yang berukuran 760 x 200 pixel dan pada sub bagian div#subnavc, kita akan
mengganti nya dengan URL banner kita yang berukuran 760 x 28 pixel.
Contohnya untuk banner yang telah saya persiapkan, kode CSS nya saya ubah menjadi
sbb :
(catatan : warna merah-bold berarti merubah source pada kode CSS sebelumnya dan
warna hitam-bold berarti ada tambahan/modifikasi pada kode CSS sebelumnya)
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 310px;
height: 130px;
width: 760px;
border: 10px solid #fff;
border-bottom: none;
padding: 113px 0 0 0;
background: url(http://images.sonkibebek.multiply.com/
image/2/photos/28/1200x1200/3/banner-mp-200baru.jpg?et=
0NmQWE3CNApLn0hqWtIjcw&nmid=117571147) no-repeat top left;
background-color: #fff;
background-position: 0 -10px;
}
div#subnavc {
width: auto;
height: auto;
background: url(http://images.sonkibebek.multiply.com/
image/2/photos/28/1200x1200/5/banner-mp-27-dark.jpg?et=
o1TzPXiTRINSsDzRRhAumA&nmid=117571147) no-repeat top left;
background-color: #3f3f3f;
border-top: 5px solid #fff;
padding: 4px;
}
Copy semua kode CSS (termasuk hasil modifikasi) yang ada di notepad (ctrl+A).
Kemudian pindahkan kode CSS tersebut ke dalam multiply kita. Caranya, pilih ’setting’
kemudian pilih ’my site’. Pada kotak kuning yang ada di bagian atas, pilih ’customized
CSS’ dan paste kode CSS nya. Klik ’Preview’ dan lihat sendiri hasilnya.
Sebenernya masih banyak lagi modifikasi yang dapat kita lakukan di template MP.
Misalnya, mengganti warna font, warna background, dll. Tapi itu nanti sajalah, step by
step...hehehhe.
Ini ada permintaaan dari rekan2 untuk menghilangkan tulisan dan icon MP diatas header
yg dilingkari merah pada gambar diatas, biar semua pada tahu maka kubuatkan tip n
trick. Trick ini akan menghapus semua icon dan tulisan pada atas header termasuk
settings dan logout, jadi selama ini saya sendiri mau logout biasanya harus ke
http://multiply.com atau ke http://multiply.com/user/signout.... Langkah2nya masukkan
script dibawah ini pada http://multiply.com/setup/pages/upload-css, script ini bekerja
untuk semua custome a theme apa saja..... selamat mencoba
Ini links tutorial scroll tulisan atau image, scrollnya bisa kamu atur sendiri baik kekiri,
kekanan, keatas, kebawah....tutorial scroll ini tidak ada java scriptnya jadi tidak perlu
convert2an....baca sendiri yah mudah2an bermanfaat bagi yg belum tahu...... sudah
dicoba berjalan 100%
Bagi yg guestbooknya yg unhide mungkin ini sangat cocok sekali, tip ini untuk
mengganti button pada submit dan reply dengan beranimasi seperti gambar disamping.
Macam button2 ada pada tip dan trick membuat button menu dengan animasi, copy
paste script dibawah ini pada http://multiply.com/setup/pages/upload-css
/* BUTTON GUESTBOOK */
div#home_guestbook td#cell_submit input {
background: url(http://www.geocities.com/chonk_andrew1/button/a113.gif) no-repeat;
width : 80px;
height: 22px;
border : none;
color: #FFF;
font-weight: bold;
font-size: 11px;
text-align: center;
}
div#home_guestbook td#cell_submit input:hover {
background: url(http://www.geocities.com/chonk_andrew1/button/a116.gif) no-repeat;
width : 80px;
height: 22px;
border : none;
color: #000;
font-weight: bold;
font-size: 11px;
text-align: center;
}
span.textarea-handle {
display : none;
}
http://linux3r.multiply.com/tag/tip%20%26%20trick%20multiply?&=&tag=tip
%20%26%20trick%20multiply&item_id=1&page_start=0
Artikel ini diambil dari site sebelah, mungkin berguna bwt temen2 yg ingin
memaksimalkan fungsi blognya.
Bagi anda yang ingin mendaftarkan alamat websitenya ke dalam mesin pencari google
dan yahoo, ada beberapa tips yang dapat anda lakukan.