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

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

Thumbnail Recent Post

Recent Comments

Posted by Cumie - - 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. Anonymous 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. Anonymous says:

    boleh tuh di coba...

  6. Anonymous says:

    Kapan kapan mau coba ah.
    Tks ya tipsnya

  7. Anonymous says:

    sayang ngak punya Fs

  8. Anonymous says:

    wah rumit juga yah ngga segampang di FB

  9. i want a friendster tshirt!

    is there a facebook one?

  10. Anonymous says:

    thank you banget lho tipsnya...

    perlu dicobaaaa!!!!!!

  11. hmmm..lupa passwordnya hihihih

  12. Anonymous says:

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

  13. Toni Blog says:

    ternyata bisa di modif ya

  14. Anonymous 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. Anonymous says:

    aq agak bingung X( maklum agak lemot sih

  17. Anonymous says:

    dapat ilmu nech...thx ya

  18. Anonymous says:

    nanti bagian 2 lebih gamblang :D

  19. Anonymous 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:

    yap..
    Bayu tunggu..

  22. Anonymous says:

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


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

  23. Spid3yt4z says:

    boleh juga neh..tar w cobain deh.

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

  24. Anonymous says:

    thns ya

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

  26. ernest says:

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

Leave a Reply