Anda di halaman 1dari 6

buat yang belom tau aja nih...

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.

Oke… yang perlu kita persiapkan adalah…


1. Image berukuran 760 x 200 pixel (untuk mengganti banner TOP)
2. Image berukuran 760 x 28 pixel (untuk mengganti banner MENU)

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)

Image 760 x 28 pixel (MENU)

Image yang udah dibuat kemudian dipublish ke internet (direkomendasikan dipublish di


multiply). Trus jangan lupa untuk copy link URL nya. Bukan link URL gambar
thumbnailnya yah, tetapi link URL gambar yang full size. Kalo source gambarnya bukan
dari multiply, kadang-kadang sering bermasalah, misalnya gambarnya nggak keluar, dsb.

Sebagai contoh, ini link banner gue yang fullsize:

 Link banner 760 x 200 pixel :


http://images.sonkibebek.multiply.com/image/2/
photos/28/1200x1200/3/banner-mp-200baru.jpg?et=
0NmQWE3CNApLn0hqWtIjcw&nmid=117571147
 Link banner 760 x 28 pixel :
http://images.sonkibebek.multiply.com/image/2/
photos/28/1200x1200/5/banner-mp-27-dark.jpg?et=
o1TzPXiTRINSsDzRRhAumA&nmid=117571147

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.

Semoga bermanfaat dan selamat mencoba.


Dessy

Jul 28, '07 1:50 AM


Hide Icon dan Tulisan MP di atas Header
for everyone
 

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

/* HIDE ICON DAN TULISAN MP DIATAS */


div.header {
display : none;
}
div.owner_nav {
margin-top: 30px;
}

Jul 10, '07 11:44 PM


Scroll Tulisan atau Image
for everyone
Link: http://www.htmlcodetutorial.com/_MARQUEE.html

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%

Jul 6, '07 2:15 AM


Mengganti Button Guestbook Submit dan Reply
for everyone

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.

Mendaftarkan Blog ke Mesin Pencari


by Anca_akatsuki

Bagi anda yang ingin mendaftarkan alamat websitenya ke dalam mesin pencari google
dan yahoo, ada beberapa tips yang dapat anda lakukan.

Google menyediakan menu untuk pemilik website/blog dalam memasukan alamatnya ke


dalam mesin pencari.Untuk menggunakan fasilitas ini anda tidak perlu membayar.Selain
mengandalkan proses crawling dari mesin pencari yang dilakukan oleh mereka secara
reguler, Anda bisa menggunakan proses berikut :

1. proses pendaftaran secara manual ke situs google


Cukup dengan masuk ke alamat http://www.google.co.id/intl/id/add_url.html dan
masukkan alamat website/blog anda serta deskripsinya atau tanggapan ke dalam kotak
isian. Kemudian tekanlah tombol "Add URl".Selanjutnya google akan memproses
masukan anda dan memasukkannya ke dalam daftar pencarian.Namun pihak google tidak
menjamin kepastian waktu kapan alamat anda akan dimasukkan.Selain itu anda dapat
menambahkan TAG META "description" dan "keywords" di dalam kode html di dalam
website/blog agar mesin pencari semakin dimudahkan dalam mencari website/blog
anda.Selain itu,anda juga dapat meminta beberapa rekan anda untuk menambahkan link
di website/blog mereka ke alamat anda untuk meningkatkan popularitas situs anda.

2. proses pendaftaran secara manual ke situs yahoo


Sedangkan untuk memasukkan alamat blog ke dalam daftar mesin pencari Yahoo! anda
dpt mengakses alamat https://siteexplorer.search.yahoo.com/submit. Isilah
kolom"submit a Website or a webpage" dengan alamat blog yang anda miliki dan tekan
tombol "Submit URL".

Tunggulah beberapa hari sampai website/blog anda tercantum di dalam mesin


pencari.Jangan biarkan aktivitas blog terhenti karena proses ini.Karena aktivitas dalam
sebuah website/blog akan meningkatkan popularitas sebuah situs dalam mesin pencari.
Hal ini dapat menjadi faktor pendorong kemungkinan masuknya alamat website/blog
anda ke dalam mesin pencari.

Anda mungkin juga menyukai