Merubah tampilan theme multiply sungguh sangat mengasyikan, ini dialami oleh saya ketika theme yang di berikan oleh multiply masih dalam keadaan
standar dan juga mungkin sewaktu kita mencontoh theme dari site orang lain dimana disatu sisi cocok dengan body site, tetapi tampilan headnya tidak sesuai dengan keinginan (selera) kita.
Sebenarnya saya sangat awan tentang CSS apalagi bahasa program yang lain seperti java, namun dengan belajar dari teman-teman yang memberikan tips & trik merubah tampilan multiply, akhirnya kesampaian juga mempunyai tampilan sesuai dengan keinginan saya (boleh jadi tidak bagi selera yg lain), namun saya berharap bahwa apa yang saya tulis ini sekedar memuat pengalaman pribadi yang mungkin bisa dijadikan referensi awal bagi yang ingin merubah tampilan site di multiply.
Keinginan saya adalah :
- Merubah gambar diam untuk head menjadi hidup (beranimasi)
- Merubah nama site dari font standar. Karena biasanya font yang diberikan belum tentu sesuai selera seperti : jenis font atau huruf timbul (embos), disini terpaksa saya menjadikan font sebagai gambar yang disatukan di head image. Dengan begitu anda bisa sesuka hati menempatkan nama site dimana saja.
- Merubah background untuk body. Ini bisa di copy dari situs-situs milik orang lain yang menarik.
Langkah persiapan :
· Pilihan dasar theme Skyline dengan mengcopy untuk Custom CSS nya dari http://johndoe67.multiply.com/photos/album/154/Back_Home# dengan sedikit memodifikasi bagian yang ingin kita tambah atau kurangi.
· Memilih gambar buat head : 
·
accessories daun dari situs MB3 safari
http://mbc3.mbc.net/safari/gfx/head_sml.jpg?v=2
dipisahkan antara daun dan papan nama kemudian di manipulasi di Photoshop.
--> Hasil edit menyatukan daun dengan
bingkai
· Atribut lainnya untuk body yang anda bisa klik kanan (view bacground image) pada
contoh site saya kemudian save image jika diperlukan.
Shofware yang di gunakan :
1. Photoshop CS2 (terserah versinya), untuk memisahkan gambar menjadi 3 bagian yang terpisah seperti hutan, perahu dan bayangan air.
-> Gambar asal
->Hutan yang telah di potong
->Perahu yang telah dipotong
->Bayangan air.
2. Adobe After Effect 7 (terserah versinya). Untuk merangkai ketiga potongan tadi sesuai gambar asal kemudian diberi diberi efek gerak (untuk perahu dan air)
· Untuk perahu hanya tinggal menentukan transform position dari kanan kekiri.
· Untuk efek air saya mengabung
kan gambar bayangan air dengan Psunami (plugin untuk After Effect) yang diberi
tranparansi 50% (jadi sebenarnya gambar air tidak bergerak)
NB : durasi pergerakan kisaran 06.29 detik (sesuai selera), lebih lama detiknya akan lebih halus jalannya (animasinya), namun tentu saja memakan ukuran file agak besar. Setelah di play di time control dan dianggap sudah baik pergerakannya, klik file -
>export
->image sequence
->pilih JPEG…OK
->namafile SAVE (sebaiknya dibuat folder image
tersendiri karena akan banyak gambar hasil sequence (250 gbr/06.29 detik).
3.
Gif Animator. Dalam hal ini saya memakai
Jasc Animation Shop3 bisa download gratis
di
http://ftp.jasc.com/pub/en/ani311en.exe , untuk merubah file squence hasil dari export
dari
Adobe After Effect menjadi file gif (file animasi) dengan mengklik tombol animation
wizard->next->next->next->next->add image (tuju folder hasil sequence) klik file sequence
no. 001 dan blok (sorot) seluruhnya kecuali yg terakhir->open->next->finish.
Untuk melihat hasilnya klik view
àanimation, apabila hasilnya sudah baik tinggal save as
(F12) beri nama dan-> save. Maka akan mengasilkan sebuah file yang berektensi gif (file
animasi) yang siap dipergunakan untuk mengganti head theme standar.
4.
Langkah akhir upload gambar-gambar dan file animasi anda di Photobucket untuk
mendapatkan URL nya (maaf saya tidak tahu kepanjangannya) yang nantinya bisa anda
copy & paste pada CSS anda.
Catan penting lainnya :
· Pastikan anda bekerja untuk merubah pada theme anda memakai firefox karena anda
akan banyak dengan pekerjaan copy/paste dimana jika anda memakai Internet Explorer pekerjaan anda akan lambat.
· Sebelum anda merubah CSS anda yang asal, sebaiknya mengcopy terlebih dahulu CSS anda, ini untuk mengantisipasi kehilangan jejak ketika anda gagal bereksperimen dan ingin kembali ke theme asal.
· Kini andapun akan boleh tersenyum sebagai imbalan atas jerih payah anda dalam bereksperimen merubah theme standar menjadi lebih hidup. Tapi ingat andapun dihadapkan pada resiko, antara lain loading site anda akan berjalan lambat namun akan normal setelah full loading (tergantung speed internet yg anda gunakan). Dan ini berakibat bagi pengunjung yang memakai internet dialup 56kbs akan bosan menunggu dan boleh jadi akan meninggalkan anda. Oleh karena itu kalau anda mau mempertahankan head yang beranimasi, minimalkan penggunaan text animasi lainnya.
Demikian tulisan ini semoga bermanfaat bagi yang suka bereksperimen dan saya utarakan kembali bahwa saya sungguh awam dalam hal membuat site kalau ada yang kurang dalam penulisan, anda bisa mencari dari referensi lain.
Untuk referensi membuat/merubah theme multiply silahkan berkunjung ke :
http://linux3r.multiply.com/journal/item/1
http://arrohwany.multiply.com/journal/item/184
Contoh theme head yg pernah saya rubah :
http://imauae.multiply.com/
http://panjiislam.multiply.com/
http://eldrazit.multiply.com/
Untuk ngintip CSS diatas. Tempatkan kursor di site, kemudian klik kanan->view page source
Maka akan ada tampilan ini :
<head>
<title> </title>
href="http://multiply.com/style/custom/avlack/21.css">
<link rel="stylesheet" type="text/css" href= "http://eldrazit.multiply.com/style-custom/eldrazit/51/custom.css">
<style>b.cn { display: none; }</style>
Sorot (blok) yang berwarna merah copy & paste ke firefox yang anda pake, maka akan nampak sourcecode dan anda bisa mengkopy jika diperlukan ke CSS anda, kemudian anda rubah headnya.
Wassalam.
tank yach linknya aku kopi 
