Agung's posts with tag: html

What are tags? You can give your posts a "tag", which is like a keyword. Tags help you find content which has something in common. You can assign as many tags as you wish to each post.
View posts by people in your network with tag html
Blog Entryingin pasang shoutbox di MP? Bisa, boss!!Jun 2, '07 5:35 AM
for everyone



Kalo ngeliat dari tema pertanyaan yang masuk ke PM gue selama ini, soal shoutbox adalah yang paling banyak peminatnya. Shoutbox memang lumayan berguna untuk berkomunikasi dengan para pengunjung yang non-anggota MP.

Masalahnya, hampir semua shoutbox gratis yang beredar saat ini berbasis javascript - padahal, setting MP nggak memungkinkan untuk memasukkan elemen APAPUN  yang berbasis javascript di account MP kita - kecuali untuk member premium - yang mana sekarang pendaftarannya udah ditutup. Sebagaimana pernah gue jelaskan di journal gue yang ini, TADINYA kondisi ini masih bisa diakali dengan memasang shoutbox yang tidak berbasis javascript - misalnya yang berbasis flash. Tapi sayang disayang, bunchball, penyedia layanan shoutbox flash, sekarang telah menghentikan layanannya.

Jadi, gimana? Nggak bisa pasang shoutbox dong?

Bisa, Boss!! 

Untuk jelasnya, mari kita ikuti percobaan si Mbot X berikut ini:

1. Pertama-tama, Mbot X mendaftarkan diri ke salah satu layanan shoutbox gratis, misalnya Cbox. Ini sekedar contoh aja lho, karena selain Cbox ada banyak banget penyedia layanan shoutbox - masing-masing dengan kelebihan dan kekurangannya sendiri-sendiri. Ada yang dlindungi dengan anti-spam, ada yang pake administrator access... macem2 deh. Silakan googling sendiri2 ya untuk menentukan shoutbox yang dirasa paling cocok.

2. Setelah mendaftar, Mbot X mendapatkan HTML code shoutboxnya.



3. Mbot X mengcopy code tersebut ke Notepad. Di bagian awal dan akhir code, dia menambahkan kode pembuka dan penutup html, <html> dan </html>


4. Mbot X mensave file notepadnya tadi menjadi HTML. Pada isian nama file, dia menambahkan ".html" di belakang nama file dan di isian ''save as type" dia memilih '"All Files (*.*)"



5. Mbot X membuka MP-nya, dan membuat journal baru ("Post > Blog"). Dia memberi judul dan mengisi journal baru tersebut secara asal-asalan karena nggak penting apa isi dan judulnya - yang lebih penting adalah ATTACHMENT-nya. Dia mengupload file html yang telah dibuatnya di langkah ke 4 tadi dengan mengklik tombol nomor 14 alias tombol paling kanan (gambar paperclip) di toolbar halaman posting journal.



6. Mbot X mensave journal tersebut. Agar tidak mengganggu message board dengan journal yang kurang penting, dia mengaktifkan'Advanced Posting' dan meng-uncheck pilihan "Post to the message board". Setelah journal berhasil disave, Mbot X mengcopy link menuju attachment tersebut dengan cara menekan tombol mouse sekunder (biasanya tombol kanan) dan memilih "copy link location" (ini untuk browser firefox, kalo pake browser lain mungkin perintahnya sedikit beda).


7. Mbot X mengedit halaman depan / 'home'-nya dengan cara mengklik "Customize My Site" dan mengklik "edit" pada kotak di sebelah Welcome Message. Setelah terbuka box editornya, Mbot X mempaste perintah berikut:
<object type="text/html" data="http://link_menuju_attachment_file">

Mbot X mengganti http://link_menuju_attachment_file dengan... yak... betul sekai, dengan link yang dicopynya pada langkah ke . Setelah itu Mbot X mengklik "Save" dan... TADAAAA.... dia sekarang telah memiliki shoutbox!

Selamat mencoba :-))
Pesan Sponsor:
Planet Holiday Tour and Travel

Mbot's Property: butuh rumah? kios? apartemen? Silakan klik di sini!

Kotakkue.com

Blog Entry"Tolong, gue di-HACK!!" <= ini dia solusinya...May 26, '07 10:55 AM
for everyone
Hari ini, beberapa user multiply melaporkan guest booknya kena hack orang iseng. Sebenernya ini bukan kasus baru. Seperti yang ditulis caksafa dalam journalnya yang ini, dia juga juga pernah mengalami dan di journalnya yang ini, dia dia memperingatkan resiko kalo guest book dihack orang.

Gimana sih caranya meng-hack account multiply orang lain?

Gue nggak akan terlalu detail membahas ini ya, karena nanti malah bikin yang belum tau jadi iseng kepingin nyoba. Tapi prinsipnya sederhana banget, yaitu di box reply, si hacker menginput sebuah reply yang ukurannya luar biasa gede sehingga menutupi seluruh layar.

Analoginya, bayangkan ada sebuah buku tulis yang ditimpa / ditutupi dengan lembaran koran. Tentu aja buku tulisnya jadi nggak keliatan, kan?

Makanya seperti yang dibilang Jazman di journalnya yang ini, para 'hacker' yang berkeliaran di MP adalah hacker kelas pemula alias newbie yang lagi kegirangan jajal ilmu. Karena pada dasarnya teknik yang mereka lakukan adalah amat sangat sederhana: cuma menutupi sebuah halaman dengan tampilan lain, dan bukan melakukan kerusakan serius di tingkat server, misalnya.

Trus gimana solusinya?

Seperti gue bilang di atas, sebenernya halaman yang "di-hack" nggak pergi ke mana-mana, dia tetep ada di situ, hanya ketutupan oleh sebuah reply berukuran raksasa. Berhubung hackingnya tingkat newbie, maka solusinya juga sederhana aja, yaitu reply biang kerok tadi harus kita delete.

Kalau kita login ke multiply, kita punya wewenang untuk mendelete reply manapun yang ada di  account kita, kan? Caranya dengan mengklik 'delete' di box reply seperti gambar berikut ini:


Tapi, gimana caranya mengklik link 'delete' tersebut kalo halamannya ketutupan?

cara1: dengan memanfaatkan CSS
Ini trik dari Jazman, yaitu dengan mengakses custom CSS kita (klik di sini) dan menambahkan kode berikut:

#Layer1 {display:none;}
maka reply yang menutupi tadi akan hilang, sehingga box replynya tampil lagi dan bisa kita delete.

cara2: dengan memanfaatkan 'view source'
Cara ini mungkin terlihat lebih ribet dari triknya Jazman, tapi cocok buat yang koneksi internetnya lambat karena pada prakteknya hanya butuh 1 kali reload halaman - reply biang keroknya udah langsung terdelete.

Contoh kasus:
Mbotx abis ngeMPi secara baik-baik dan positif di warnet, tapi lupa logout sesudahnya. Ah, sial, ternyata user sesudahnya adalah hacker newbie sok tau, sehingga posting yang baru dibuatnya dihack menjadi seperti ini:

(klik pada gambar untuk melihat posting yang dihack tersebut)

Alangkah terkejutnya Mbotx saat keesokan harinya melihat postingnya telah dirusak orang iseng. Untunglah, Mbotx adalah orang yang cinta damai dan tidak suka koar-koar, tantang-menantang, ataupun menyulut keributan seperti user yang satu ini. Dengan kepala dingin, Mbotx mengambil langkah-langkah berikut:

1. Menyorot / men-select dan mengcopy (dengan menekan 'ctrl+C') salah satu kata yang ditulis oleh si hacker. Yang diselect bisa kata mana saja, tapi sebagai contoh dalam kasus ini yang dipilih adalah kata "H A C K E D" di bagian awal pesan yang ditulis si hacker.


2. Habis itu si Mbotx menekan tombol mouse kanan dan memilih 'view source...' atau bisa juga dengan mengklik 'view' pada toolbar internet browsernya dan memilih 'source'. Maka terbukalah sebuah window baru berisi kode2 ajaib yang merupakan 'jeroan' alias 'onderdil' dari halaman MP-nya.

3. Setelah source halaman yang dihack terbuka, Mbotx menekan tombol 'ctrl+F' untuk mengaktifkan fungsi search. Di kotak search, dia mem-paste (dengan menekan 'ctrl+V') kata "H A C K E D" yang tadi telah dicopynya, dan menekan tombol 'Enter'. Bingo! Dia berhasil menemukan kata yang dicarinya:


3. Setelah berhasil menemukan lokasi reply si biang kerok, Mbotx menyorot / menselect kata tersebut dari KANAN ke KIRI. Tujuannya untuk menemukan kode 'delete' reply tersebut. Hasilnya seperti ini:
 
klik pada gambar untuk memperbesar.

4. Setelah berhasil menemukan kode untuk mendelete, Mbotx meyorot / menselect, kali ini dari KIRI ke KANAN untuk mengcopy seluruh kode tersebut.

klik pada gambar untuk memperbesar

Kode yang berhasil di dapatkannya berbunyi kurang lebih sebagai berikut:

'javaxript:confirmLink("Are you sure you want to delete this reply?", "/item/delete-reply/mbotx:journal:2+1? xurl=http%3A%2F%2Fmbotx.multiply.com %2Fjournal%2Fitem%2 F2&usertoken= U2FsdGVkX189tB3g YXpU3dQF9, i7S7X1j0kHx Oe64Wa VCIRGlR4I0A=="

Kode ini bersifat random, jadi akan selalu berbeda-beda dari satu user ke user lainnya, juga berbeda dari satu reply ke reply lainnya.

Supaya nggak pusing, Mbotx mempaste kode yang mirip ketikan seorang balita saat ditinggal main laptop sendirian tersebut ke program notepad. Dia lantas membuang bagian yang nggak perlu, dan menyisakan bagian yang penting saja yaitu mulai dari tulisan "/item/delete... sampai dengan bagian terakhir sebelum tanda kutip yaitu ...I0A=="

Ingat! Patokannya adalah tanda kutip, tapi tanda kutipnya nggak perlu diikut sertakan. Sehingga kode yang berhasil didapatkan oleh Mbotx adalah:

/item/delete-reply/mbotx:journal:2+1? xurl=http%3A%2F%2Fmbotx.multiply.com %2Fjournal%2Fitem%2 F2&usertoken= U2FsdGVkX189tB3g YXpU3dQF9, i7S7X1j0kHx Oe64Wa VCIRGlR4I0A==

Kode ini adalah link, yang bila diakses akan menghapus reply si biang kerok. Untuk membuat link tersebut berfungsi, Mbotx menambahkan domain-nya, yaitu alamat account multiplynya sehingga kodenya sekarang menjadi

mbotx.multiply.com/item/delete-reply/mbotx:journal:2+1? xurl=http%3A%2F%2Fmbotx.multiply.com %2Fjournal%2Fitem%2 F2&usertoken= U2FsdGVkX189tB3g YXpU3dQF9, i7S7X1j0kHx Oe64Wa VCIRGlR4I0A==

5. Mbotx mengcopy kode tersebut ke address bar internet browsernya:



dan dengan menekan tombol 'Enter' maka terhapuslah reply hacker newbie tersebut. Tapi TUNGGU DULU! Mbotx berpikir lagi, pengalaman ini bisa menjadi tips yang bermanfaat bagi para user lainnya, sehingga ia tidak jadi menekan tombol 'Enter' dan tetap membiarkan posting yang dihack itu seperti apa adanya di sini.

Semoga bermanfaat
Pesan Sponsor:
Planet Holiday Tour and Travel

Blog EntrySok tahunya Multiply, repotnya gueFeb 25, '07 8:57 AM
for everyone
Satu hal yang menjadi kelebihan sekaligus kekurangan nge-blog di Multiply adalah: semangat inovasinya yang (kelewat?) rajin.

Mungkin sebagian di antara kalian udah tau, bahwa baru-baru ini Multiply kembali meluncurkan fitur baru yaitu "HTML checker" (selengkapnya bisa dibaca di sini).Intinya, fitur ini bertujuan 'membantu' para user yang mau mengedit script HTML welcome page-nya agar tidak melakukan kesalahan, yaitu bila user lupa menambahkan tag penutup, maka Multiply akan menambahkan tag penutup secara otomatis.

Buat yang udah familiar dengan HTML tentunya tau bahwa perintah2 di HTML punya tag pembuka dan penutup, misalnya perintah untuk membuat tulisan bold dibuka dengan tag <b> dan ditutup dengan tag </b>. Nah, dengan fitur baru ini, bila user membuat sebuah tag pembuka tapi nggak memberikan tag penutup, maka sistem Multiply akan secara otomatis menambahkannya dalam script.

Repotnya, fitur baru ini nggak berhenti sampai di situ doang. Dia juga dengan rajinnya menambahkan kode <br> di dalam script bila kita membuat line break saat menulis script. Maksudnya gini:

Kalo kita menulis script HTML sebagai berikut:

<b>
Halo-Halo
<i>
Bandung
</i>
</b>


Yang seharusnya menghasilkan tulisan sebagai berikut:

Halo-Halo Bandung

Maka dengan fitur baru ini, Multiply akan menambahi script kita dengan <br> di tempat-tempat yang menurutnya seharusnya diisi dengan line break secara semena-mena menjadi

<b><br>
Halo-halo<br>
<i><br>
Bandung<br>
</i><br>
</b><br>


Yang akan memotong / mengacaukan tulisan menjadi

Halo-halo

Bandung

Kalo masalahnya cuma tata letak sih paling cuma sedikit mengganggu pemandangan ya, tapi kalo urusannya udah menyangkut javascript, kode-kode <br> yang muncul secara tidak semestinya itu bisa mengacaukan / merusak jalannya program - dan ini menjengkelkan banget buat para user yang udah kadung naro aneka jenis script di halaman Multiply - seperti gue, misalnya. Udah beberapa hari ini gue bete berat ngeliat halaman depan dan navigasi kanan gue kacau-balau, tapi pas mau ngebenerin... ufff.... udah keburu males liat kode2 ruwet itu. Hmm...ntar2 aja deh benerinnya, kalo lagi kurang kerjaan!

Berita baiknya, elo bisa mencegah fitur HTML checker ini untuk mengacaukan script kalo lo nggak meletakkan satupun line-break dalam script. Jadi tulis script kalian dalam 1 line aja, lurus berjajar ke kanan (seperti yang pernah gue bahas di journal yang ini). Berita buruknya, lo harus mengalokasikan lebih banyak waktu kalo mau ngedit situs multiply lo, karena sekali lo mengklik tombol 'edit' maka proses HTML checking otomatis langsung berjalan dengan cerianya.

So, mau ngutak-atik MP? Hmm... pikir2 dulu deh, daripada nyesel!

*Gambar: script navigasi kanan gue yang kacau balau akibat diisengin sama Multiply.

LinkColor Palette GeneratorOct 11, '06 4:03 AM
for everyone
Link: http://www.degraeve.com/color-palette/index.php

Buat yang seneng utak-atik webdesign, situs ini mungkin bisa bermanfaat banget. Tinggal copy paste sebuah link foto di net (fotonya harus dihost dulu, nggak bisa ngelink foto dari harddisk) trus nanti dia akan mengeluarkan kode2 warna yang serasi dengan warna2 yang ada di foto tersebut.


Blog EntryMasang ikon sebagai identitas websiteOct 25, '05 9:55 AM
for everyone

Ini mungkin nggak terlalu penting, tapi mayan lah buat lucu-lucuan. 

Lo bisa naro ikon sebagai 'identitas' website lo. Ikon ini akan masuk dalam proses preload website, sehingga 'nyantel' terus berdampingan dengan nama website lo - termasuk saat disave di favorites. 

Begini langkah-langkahnya:

  1. Siapin image yang akan lo jadiin ikon. Ukurannya harus 16 x 16 pixel, dan harus berekstension *.ico. File *.ico ini adalah file gambar mini yang di windows standar muncul di desktop lo sebagai perwajahan "Recycle Bin', 'My Documents', dll. Lo bisa bikin sendiri file format ini dengan program MS Paint (yang di Windows XP  ke atas. MS Paint-nya 98 belum bisa). Alternatifnya, bisa juga pake Adobe Photoshop yang udah dipasangin add-in khusus pembuat *.ico. Atau lo bisa coba program shareware khusus untuk bikin *.ico, namanya Microangelo. Seinget gue sih perasaan waktu dulu gue download si microangelo ini statusnya freeware, kenapa sekarang jadi shareware ya? Eh, atau dari dulu emang shareware tapi gue nemu cracknya? Hihihi, tau deh lupa. Kelebihan program microangelo ini adalah, bukan cuma bisa bikin ikon, tapi juga kursor - termasuk kursor yang bisa gerak2 (ekstension *.cur dan *.ani). Ini screenshotnya microangelo:
  2. Alternatif lainnya lagi, kalo elo males bikin2 file *.ico sendiri, lo bisa download dari internet. Cari aja di google dengan keyword "icon", atau bisa juga cari di website yang pernah gue link ini; pixelgirlpresents.
  3. Setelah udah punya ikon, dan udah yakin ukurannya adalah 16 x 16 pixel, lo simpen deh tuh ikon di web. Bisa pake hosting gratisan seperti geocities atau freewebs. 
  4. Catet alamat yang menuju ikon yang udah lo save tadi. Misalnya "http://www.freewebs.com/mbot/mbot.ico". 
  5. Masuk ke "Edit Home Page" trus "Page Titles & Lay Out". 
  6. Masukin kode di bawah ini ke dalam "Your Page Title":
    <link rel='Shortcut Icon' href='http://alamatnya_si_ikon_tadi'>
    Kalo misalnya lo pake alamat seperti di atas, kodenya menjadi:
    <link rel='Shortcut Icon' href='http://www.freewebs.com/mbot/mbot.ico'>
  7. Klik "Ok", maka tampilan website lo di address bar akan seperti ini:

    Dia juga akan muncul di tab, kalo lo pake browser mozilla firefox.

Known bugs:
Entah kenapa, di beberapa komputer icon ini suka nggak muncul. Sampe sekarang gue nggak nemu penjelasannya.

Selamat mencoba.



Gold Account



This is my Google PageRankâ?¢ - SmE Rank free service Powered by Scriptme
KampungBlog.com - Kumpulan Blog-Blog Indonesia
' /
Mau dikabari via e-mail kalo ada posting baru? Klik di sini


kotakkue.com
rumahnya risol kribo



Yang terbaru dari
Planet Holiday
Tour & Travel


pernah baca ini?

Silakan teriak di sini:




View Agung Nugroho's profile on LinkedIn

tracker

Save halaman ini di:

Subscribe with Bloglines' /







© 2008 Multiply, Inc.    About · Blog · Terms · Privacy · Corp Info · Contact Us · Help

Modified from Mediterranean by John Whittet.
Originally on the CSS Zen Garden.
Used and Modified with permission from the author.