Trick Modifikasi Friendster: Layout Friendster content box bergerak semua FriendsterMod Tips Trik modifikasi Friendster layout. Tutorial mudah dan sederhana percantik tampilan skin friendster. Free layout, skins, themes, template for friendster profile.

Tutorial Lainnya

Indo direct Link file hosting
CSS sembunyikan layout friendster bagian pertama
CSS dalam Java script extension untuk layout frien...
Buat Entry Page untuk profile Friendster dengan re...
File hosting buat JS dan CSS friendster kamu
Pasang Slide show di Friendster Top navigasi banner
Pasang ShoutBox di Friendster
Icon di bawah control panel kolom (Friendster)
Beri background pada main photo section
Cara Menggunakan Java Script di Friendster

Arsip Simpanan

Advertisements

Pencarian Cepat

Langganan

Blog Stats

Lihat Hits

Credits

FriendsterMod team 2007
Semua isi blog ini berlicensi Creative Common. Gunakan dengan resiko sendiri, oke. FriendsterMod Team are saying thanks to all Friendsterholic (including you) for reading this Friendster stuff blog. Jangan sungkan untuk bookmark kita di digg delicious technorati atau submit langganan feed kami di google yahoo aol.

Met Datang di FriendsterMod - Friendster Layout ??

Welcome to Friendstermod. place where you can find Free Friendster Layout, skin, themes, you can download that layout for free and use it at your friendster profile. Layouts are well designed and optimized under friendster CSS code. Download free skins or request your own friendster layout themes.

Subscribe with Friendstermod (New)

Sunday, September 30, 2007

Layout Friendster content box bergerak semua

Layout friendster terlihat biasa saja?coba pakai kode berikut ini. Tidak masalah jika friendster layout kamu cuma biasa saja dengan tampilan default, tapi jika kamu menggunakan kode berikut ini dijamin teman-teman kamu bakal terheran-heran melihat betapa kerennya layout profile friendster kamu. Kode berikut ini berguna untuk menjadikan layout friendster kamu yang berupa kotak-kotak / kolom-kolom tersebut dapat bergerak-gerak. Kotak apa saja yang dapat bergerak?Beberapa kotak yang dapat digerakkan antara lain: Friends Box, Control panel button, kotak Photo gallery, kolom More about, kolom testimonial / comments, kolom shoutout box, kolom Fan of.., dan kolom Group.

Berikut kodenya, ingat code ini menggunakan Java script (ekstensi .js bukan .css loh). Jadi jangan sampai salah waktu nge-save atau waktu upload dan penempatannya. Untuk itu jika masih belum tau silahkan bolak-balik lagi posting sebelumnya di blog ini tentang bagaimana menggunakan Java script di profile friendster. Berikut kodenya dimulai:

Code :

//Moving Friends Box
if ( ! attachOnLoadHandler(function () { movingFrnd();})) 
window.onload = function () { movingFrnd();};
function movingFrnd() {
var marqueeFriends = document.getElementById("content_friends_2_2").innerHTML;
document.getElementById("content_friends_2_2").innerHTML ="<marquee direction='up' height='300' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeFriends+"</marquee>";
}


//Moving Controlpanel Buttons
if ( ! attachOnLoadHandler(function () { movingCpnl();})) 
window.onload = function () { movingCpnl();};
function movingCpnl() {
var marqueeCpb = document.getElementById('"controlPanelButtons").innerHTML;
document.getElementById("controlPanelButtons").innerHTML ="<marquee direction='up' height='150' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeCpb+"</marquee>";
}


//Moving Photo Gallery
if ( ! attachOnLoadHandler(function () { movingPhotos();})) 
window.onload = function () { movingPhotos();};
function movingPhotos() {
var marqueePhotos = document.getElementById("content_photos_1_2").innerHTML;
document.getElementById("content_photos_1_2").innerHTML ="<marquee direction='left' height='100%' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueePhotos+"</marquee>";
}


//Moving Moreabout Box
if ( ! attachOnLoadHandler(function () { movingMA();})) 
window.onload = function () { movingMA();};
function movingMA() {
var marqueeMoreAbout = document.getElementById("content_moreabout_1_5").innerHTML;
document.getElementById("content_moreabout_1_5").innerHTML ="<marquee direction='up' height='300' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeMoreAbout+"</marquee>";
}


//Moving Testi & Comments Box
if ( ! attachOnLoadHandler(function () { movingTestiComm();})) 
window.onload = function () { movingTestiComm();};
function movingTestiComm() {
var marqueeTestiComments = document.getElementById("content_publiccomments_1_7").innerHTML;
document.getElementById("content_publiccomments_1_7").innerHTML ="<marquee direction='up' height='300' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeTestiComments+"</marquee>";
}


//Moving Shoutout Box
if ( ! attachOnLoadHandler(function () { movingCpSB();})) 
window.onload = function () { movingCpSB();};
function movingCpSB() {
var marqueeCSbox = document.getElementById("cpShoutoutBox").innerHTML;
document.getElementById("cpShoutoutBox").innerHTML ="<marquee direction='left' height='100%' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeCSbox+"</marquee>";
}


//Moving Fan of...Box
if ( ! attachOnLoadHandler(function () { movingFanof();})) 
window.onload = function () { movingFanof();};
function movingFanof() {
var marqueeFanof = document.getElementById("content_fanof_2_4").innerHTML;
document.getElementById("content_fanof_2_4").innerHTML ="<marquee direction='up' height='200' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeFanof+"</marquee>";
}

//Moving Groups Box
if ( ! attachOnLoadHandler(function () { movingGroups();})) 
window.onload = function () { movingGroups();};
function movingGroups() {
var marqueeGroups = document.getElementById("content_groups_2_5").innerHTML;
document.getElementById("content_groups_2_5").innerHTML ="<marquee direction='up' height='200' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>" +
marqueeGroups+"</marquee>";
}

Kode .js di atas lumayan panjang juga jadi jangan langsung meng-copy-paste-kan pada media box loh. Ikuti cara yang sudah kita jelaskan sebelumnya. Sebagai langkah awal buruan siapkan text editor favorite kamu, sebaiknya pake Notepad (windows) atau KNote aja, jangan pakai microshit word loh. Kemudian copy-pastekan kode di atas ke Notepad dan save dengan ekstensi javascript yakni berakhiran .js pada akhir nama file, contoh : "kotak_gila.js".

Karena kode tersebut di atas cukup panjang juga maka berikut kami sediakan link download nya, semua link isinya sama pilih salah satu saja (yang lainnya cuma sebagai backup saja). Klik saja langsung untuk mendownload file yang sudah dalam bentuk js extension.

http://dompetfoto.org/files/13/cssdanjs/kotak_ajaib.js
http://www.hotlinkfiles.com/files/433952_acs9r/kotak_ajaib.js
http://rapidshare.com/files/59384334/kotak_ajaib.js
http://upload2.net/page/download/uwGTJ65H0icfwpn/kotak_ajaib.js.html
http://d.turboupload.com/d/2062028/kotak_ajaib.js.html

Nah jika kamu sudah memiliki file .js nya maka sekarang saatnya kamu memasukkannya pada settingan profile friendster kamu, untuk itu kami tidak akan jelaskan lagi bagaimana caranya. Silahkan baca posting sebelumnya. Selamat mencoba dan semoga berhasil. Sebagai tambahan jika kamu menggunakan .js untuk alert box atau welcome alert.

Ditulis oleh FriensterMod Team @ 2:54 PM.

Cool Stuff buat reader Friendstermod

Perhatian, Tim FriendsterMod tidak memiliki hubungan khusus apapun dengan pihak Friendster begitupun sebaliknya. Blog ini sebagai media informasi yang menyampaikan tentang tips trik yang bisa dilakukan untuk merubah tampilan profil friendster dari yang sederhana hingga yang intermediate. Kami juga tidak bertanggung jawab atas kemungkinan apapun yang timbul akibat penggunaan isi artikel dalam blog ini. Gunakan dan praktekkan dengan kesadaran dan tanggung jawab penuh pada diri kamu sendiri.

FriendsterMod new skin beta. Best viewed at 1024x768 pixel.