Trik repot dibawah ini memang perlakuan khusus untuk mengakali java script, sebab yang berupa HTML murni dan Flash bisa langsung kita taruh (embed) di MP kita, tanpa pelu perlakuan khusus (trik) seperti pembahasan kali ini
Nah, karna kebanyakan fasilitas yang ada berupa java script. Jadi sekarang kita bisa sepuasnya memasukkan code apapun di MP
Mau Pasang ChatBox misalnya Shoutbox atau Cbox di MP?
Mau Pasang Map & GoogleMap di MP?
Mau Pasang Calender di MP?
Mau Pasang Search Alquran di MP?
Mau Pasang Stats di MP?
Mau Pasang Search Engine di MP?
Mau Pasang MP3 Player di MP?
Mau Pasang Alexa Toolbar di MP?
Mau Pasang FeedBurner Sender di MP?
Dllâ¦
[Langkah pertama] Dapatkan kode (get code) dari situs bersangkutan
Biasanya harus daftar/register dulu di situs tersebut
Sebagai contoh, silahkan download dan lihat kumpulan code yang ana sertakan dibawah ini
Dan juga ana sertakan di bagian bawah artikel ini (beserta keteranganya)
Point:
- Tiap satu code tersebut adalah yang diawali dengan <html> dan diakhiri </html>
- Tapi jangan lupa untuk mendaftar dulu pada situs penyedia fasilitas tersebut
- Cuplik code yang saudaraku butuhkan dan merasa cocok
Contoh bahan praktek:
1. fasilitas chatbox dari âshoutmixâ
> Silahkan daftat di www.shoutmix.com
Dibawah ini langkah-langkah untuk mendapatkan code tersebut dari asalnya
> Dapatkan (copy) kodenya (get code) dari situs shoutmix tersebut
Contoh kode shoutmix punya ana:
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="arrohwany" src="http://www2.shoutmix.com/?arrohwany"
width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www2.shoutmix.com/?arrohwany">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!">Free shoutbox @ ShoutMix</a><br />
<!-- End ShoutMix -->
> Kemudian buka notepad dan paste disana
> Terus tinggal tambahkan code ini:
<html> pada awal kode dan
</html> pada akhir kode
Maka keseluruhan codenya akan jadi seperti ini:
<html><!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="arrohwany" src="http://www2.shoutmix.com/?arrohwany"
width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www2.shoutmix.com/?arrohwany">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!">Free shoutbox @ ShoutMix</a><br />
<!-- End ShoutMix --></html>
Perhatikan:
width="160" height="400"
Adalah untuk menyesuaikan tinggi objek dari shoutmix itu di layar monitor
> Lalu simpan file tersebut menjadi berekstensi html:
File Name : shoutmix.html (misalnya)
Save as type : All files
> Attach file shoutmix.html ini dalam journal di blog:
http://arrohwany.multiply.com/journal/compose
Ganti arrohwany dengan ID saudara
Klik gambar paperclip di toolbar posting journal lalu cari dimana likasi filenya
Tips:
> Lebih bagusnya attachment file html ini sebagai sebagai penyerta (satu lokasi) dengan tempat dimana java script tersebuat akan ditempatkan (ditampilkan)
> Beri nama yang mencolok serta tag khusus (misal: code). Agar mudah mencari dan memanajemenya kelak (membisakan diri teratur, biar nggak repot)
> Copy link file shoutmix.html yang kita attach tadi, misalnya linknya:
<object data="http://images.arrohwany.multiply.com/attachment/0/RrvQ1AoKCrgAAB3OGbI1/shout.html" type="text/html" height="500" width="180"></object>
Cara: Pada link attachment file > klik kanan > copy link location > (pada browser firefox)
> Lalu letakkan alamat link tersebut pada target yang kita inginkan
2. Buat script sendiri, contoh: Buat kotak dialog ucapan "Selamat Datang"
<html>
<body>
<SCRIPT language="JavaScript">alert("Assalamu âalaikum, selamat datang")</SCRIPT>
</body>
</html>
Javascript diatas akan menampilkan kotak dialog "Selamat Datang"
Caranya (langkah-langkah) sama persis dengan pembuatan âshoutmixâ Diatas (no. 1)
Banyak sekali fungsi javascript, silahkan lihat referensi utama java script di:
http://w3schools.com/js/default.asp
> Lalu letakkan alamat link tersebut pada target yang kita inginkan
Kalau ingin bisa terlihat di seluruh halaman MP
Tinggal taruh dibagian Title Box
Syarat: keseluruhan code harus dalam satu baris (buang seluruh enter)
Maka perhatikan code bagian title ana ini yang jadi sedemikian panjang karnanya:
http://arrohwany.multiply.com/journal/item/84
Pertimbangkan juga, karna kebanyakan code ini memakai java script atau flash, maka berimbas pada berat atau lama loading nantinya (diseluruh halaman MP kita). Maka pilih fasilitas yang benar-benar penting atau perlu saja (penting bagi pengunjung)
[Step by step]:
> Masuk halaman depan MP kita
> Klik "Customize My Site" :
Atau ketik di browser: http://arrohwany.multiply.com/?edit_mode=true
(ganti arrohwany dengan ID saudara)
> Klik "Edit" pada Title Box
> Lalu paste code ini disana
<object type="text/html" data="lokasi link file htmlnya"></object>
Ganti lokasi link file htmlnya ini dengan lokasi file html yang berisi code saudaraku, seperti:http://images.arrohwany.multiply.com/attachment/0/R3xC3QoKCEMAAFXMHhc1/
collectcode.html?nmid=75683855
Maka jadinya seperti ini;
<object type="text/html" data="http://images.arrohwany.multiply.com/attachment/0/R3xC3QoKCEMAAFXMHhc1/
collectcode.html?nmid=75683855"></object>
> lalu klik save
Kalau ingin terlihat di halaman depan MP saja
Inilah yang direkomendasikan untuk beberapa fasilitas yang kita minati
> Yaitu tinggal taruh codenya di: welcome message
[Step by step]:
> Masuk halaman depan MP kita
> Klik "Customize My Site"
> Klik "Edit" pada Welcome Message
> Lalu paste code ini disana
<object type="text/html" data="http://link_menuju_attachment_file">
Ganti lokasi link file htmlnya ini dengan lokasi file html yang berisi code saudaraku
> lalu klik save
Sebenarnya code ini bisa ditaruh dimana saja (selain welcome message), hal ini untuk lebih memudahkan saja. Karna kotak welcome message paling luas dan nggak ada batasan code harus dalam satu baris (boleh memasukkan enter)
Agar bisa tampil dibagian rail (sisi bagian kanan)
>>> Buat (tambah) code di CSS untuk pemformatan dan peletakannya
http://multiply.com/setup/pages/upload-css
Contoh tambahan Code CSS punya ana:
/* ShoutMix (ChatBox) Buatan */
#shoutmix {
position: absolute;
top: 748px;
left: 655px;
width: 13em;
color: #fff;
}
Tapi jangan lupa untuk memberi penandaan juga pada file html (berisi java script tadi) yang kita format dengan Css:
Jadi dari contoh code diatas bisa menjadi seperti ini:
<div id="shoutmix"><object data="http://images.arrohwany.multiply.com/attachment/0/R3uD0AoKCEMAAHlX@kg1
/shout.html?nmid=46362533" type="text/html" height="414" width="172"><param name='allowScriptAccess' value='never'></param></object></div>
Keterangan yang diberi tanda tebal: 1. Sesuaikan (samakan) ID code HTML diatas dengan CSS-nya dan 2. Sesuaikan format ukuran yang pas dengan keinginan kita
Lihat hasilnya di halaman depan situs ini:
http://arrohwany.multiply.com
Semoga berhasil
Silahkan download dan pelajari beberapa script dibawah ini (caranya: klik kanan mouse > save link as > save)
jazakalloh infonya..
