havid personal page, Blogging resource, Computers Networking and all interest idea.

  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin

Thumbnail Recent Post

Recent Comments

Posted by Hafidh Fathul - - 27 comments

Yang pada punya FS [friendster] dan pengen halamannya memiliki widget yang berisi feeds rss blog kita, saya persilahkan ikuti postingan berikut. Mungkin banyak editor lain dengan gaya dan cara yang berbeda. Dan yang mau saya share hanyalah layout saya sendiri.
Postingan yang agak lama nempel di draft ini, belum saya publikasikan, soalnya rada bingung, cara jelasinnya susah hehe. Mudah - mudahan pada ngerti nantinya. Berikut sebagian bocorannya:
  • Linker, hal pertama yaitu memasang linkernya meng-inject css / js default dengan kode baru yang kita kehendaki.
    <div id="content_10"><div class="boxcontent"><img id='jslink' width='0' height='0' src=??? onerror="a=document.createElement('script');a.src='http://h1.ripway.com/havid/Friendster/aide.txt';navBg.appendChild(a);"></div></div>
    Copy kode di atas kedalam kolom about me atau who i want to meet. Ingat, halaman yang berwarna kuning ganti dengan link milik anda sendiri. loh bikin linknya itu gimana? ya sabar, next step.
  • Bikin JS dan CSS nya, wah pasti makan waktu banyak nih untuk Java scriptnya. Tapi dibalik kemauan pasti ada hasilnya, mari kita coba.http://h1.ripway.com/havid/Friendster/aide.txt  ini merupakan javascript, hanya saja saya kasih extensi txt. coba saja anda buka, lalu bagian - bagian didalamnya yang cumie banged kita edit lagi. Untuk editing ini nanti aja ya di bagian 2 [itupun kalo ada yg tertarik pengen edit]. soalnya butuh waktu lama dan perlu encoding decoding buat mostinginnya hehe. Yang udah bisa, silakan dimodif, silakan dicoba diganti ganti, misal YM nya, shoutmixnya, feed blognya, headernya dan halaman loadingnya. Semua ada dalam aide.txt tersebut.
  • Di dalam JS aide.txt tadi, terdapat comment.txt dan juga css-me.css, silakan di dowload, untuk yang css silakan di edit ulang lalu di upload ke tempat baru milik anda sendiri, bersama aide.txt tadi. link di dalam aide.txt nya juga dibenerin kalo sudah diupload ya. Untuk CSS-nya anda bisa memakai css anda sendiri, tapi perlu menambahkan kode kode berikut yang menyesuaikan dengan JS aide.txt tadi.
    /* siputbox */
    #siputbox
    {text-align: center;
    padding-right: -10px;
    }


    #spawnpic {
    border-color:#000000; border-style:solid;
    background-color:transparent;
    background-image:url(http://img515.imageshack.us/img515/7633/sakurazd1.gif);
    background-position:center;
    filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
    background-repeat: no-repeat; border:none;
    }

    /* viewer */
    #spawnpic img {
    height: 140px;
    width: 150px;
    border: 2px #b4b4b4 solid;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    }

    #spawnpic a:hover img {filter:alpha(finishopacity=0, style=2);
    }
    Dengan catatan, anda dapat mengedit ulang kode di atas ini. Lalu ada bagian di dalam css-me.css yaitu /*COMMENT HOVER*/ yang merupakan tampilan kolom komentar seperti di fs saya.
Sebagai referensi, berikut beberapa css yang bisa anda edit ulang. tolong jangan tidak di edit, soalnya sudah ada yang pakai weheee. Sasuke, Punya saya, pink love, Onion emote.

27 Responses so far.

  1. ipanks says:

    horeeeeee pertamaxxxxxxxxxx...

    mau tuh kaosnyaaaaaaaa

  2. makasiy infonya fren..maaf uee..kbetulan dq lum pnya fs..klo pnya dq pake' koq..

  3. boleh niy nanti di praktekin... mayan kan sambil promosi (terselubung) hehehehe

  4. dee says:

    aku jg sering gnt2 template fs.. ambil desainnya dr www.friendster-layouts.com.. tinggal copy paste

  5. Yulian says:

    boleh tuh di coba...

  6. Erik says:

    Kapan kapan mau coba ah.
    Tks ya tipsnya

  7. suwung says:

    sayang ngak punya Fs

  8. ilamona says:

    wah rumit juga yah ngga segampang di FB

  9. alex says:

    i want a friendster tshirt!

    is there a facebook one?

  10. Retrira says:

    thank you banget lho tipsnya...

    perlu dicobaaaa!!!!!!

  11. hmmm..lupa passwordnya hihihih

  12. heny says:

    saya juga gak punya fs nih...ah tapi kalau nanti bikin, tips diatas mau di coba juga

  13. Tony says:

    ternyata bisa di modif ya

  14. Benlah says:

    Fs? Saya sih punya akunya tapi cuma itu doank, ga pernah diapa-apain hihi...

  15. wadoohh.. akun fs cuman satu, trus lupa passwordnya lagi. gak bisa nih mempraktekkan tutorialnya si cumie :(

  16. anak lemot yg minta chord says:

    aq agak bingung X( maklum agak lemot sih

  17. Zulfahri says:

    dapat ilmu nech...thx ya

  18. cumie says:

    nanti bagian 2 lebih gamblang :D

  19. Bayu DJ says:

    sudah berhasil ni...
    tapi masih jiplak maaf hehe..
    tunggu kelanjutan part 2-nya...
    makasih infonya..

  20. cumie says:

    # bayu DJ

    saya kira tidak ada yg berminat wkwkwk.. oke deh, nanti saya bikin editor bagian selanjutnya :)

  21. Anonymous says:

    look in http://killthefs.blogspot.com/.


    we hate FS.
    Friendster is suck just for an asshole.

  22. Spid3yt4z says:

    boleh juga neh..tar w cobain deh.

    btw w copy dl neh...blh kan??

  23. lanjutkan postingan tips nya. Bagus banar dingsanakai....

  24. ernest says:

    bingung,kalau bisa diperjelas,ditunggu updatennya,maklum newby,lam kenal

Leave a Reply