Kumpulan Script widget

Cara membuat tulisan terbalik

2010-02-16T21:16:00.000-08:00

Apakah kmu ingin membuat tulisan terbalik seperti dibawah ini :

Tulisan asli : http://www.ferdy-benjamin.co.cc

Tulisan Trebalik nya : ɔɔ˙oɔ˙uıɯɐɾuǝq-ʎpɹǝɟ˙ʍʍʍ\\:dʇʇɥ

Mau tau o_O ??

Jika kmu ingin membuat tulisan terbalik seperti tulisan diatas untuk ditulis pada suatu forum,blog maupun untuk update status facebook atau twitter kmu, maka dibawah ini ferdy menyediakan script untuk membuat tulisan tersebut,silahkan di download dulu file nya,Setelah itu jalankan file itu di browser kmu,bs pake IE atau pun Firefox, kmu tinggal menulis tulisan yang ingin dibalik di textarea bagian atas dan tekan enter, maka otomatis format tulisan terbalik akan muncul pada textarea dibawahnya lalu kmu tinggal copy dan paste di forum,blog maupun untuk update status facebook atau twitter kmu

Ini script yg harus kmu Download dulu ok :

Download Script

Happy Blogging

Dual Screen With One Tab

2010-02-16T20:30:00.000-08:00

Haii semua,setelah sekian lama hilang akhir nya saya muncul lagi,kangen deh posting lagi hahahaha,yukk belajar lagi,kali ini ferdy mau kasih kalian tips cara membuat dua screen dalam satu tab firefox,jadi kalian bs membuka 2 alamat sekaligus tanpa harus capek2 buka 2 tab...

1.Buka Firefox kmu
2.Masukkan javascript dibawah ini ke address browser kmu

javascript:finderonly=location.href;int3rnet=prompt('Masukkan%20URL%201',finderonly);brows3r=prompt('Masukkan%20URL%202',int3rnet);if(int3rnet&&brows3r){F1nd='<frameset%20cols=\'*,*\'>\n<frame%20src=\''+int3rnet+'\'/>';F1nd+='<frame%20src=\''+brows3r+'\'/>\n';F1nd+='</frameset>';with(document){write(F1nd);void(close())}}else{void(null)}

3. Jika muncul pesan “Masukkan URL 1″, isi dengan URL yang kmu inginkan.
Isi dengan (Contoh) : http://www.Facebook.com
4. Jika muncul pesan “Masukkan URL 2″, isi dengan URL yang kmu inginkan.
Isi dengan (Contoh) : http://www.Youtube.com

Bagaimana teman sekarang kmu dh bs bermain main dengan dual screen,tp inget ya,klo waktunya kerja ya kerja,jangan kerja sambil buka game online hahhahhaha

Kursor dan Bintang kecil

2009-05-27T23:31:00.000-07:00

Dr kemarin2 mau posting yang ini kok ga jadi2 ya...ada aja halangan nya,ya sudah lah blm jodo nya kali,ok kali ini membahas masih seputar efek2 yang ada pada blog,atau lebih tepat nya penghias blog.kalian pasti sering lihat ada kursor ketika di gerakkan mengeluarkan butiran2 kecil kaya bintang gtu dech,ternyata buat nya gampang lo,mari kita coba...

1. Log In dulu di blogger
2. Langsung masuk ke element halaman/add gadget
3. Copy kan script di bawah ini ke dalam gadget

<script src="http://www.geocities.com/ferdy_giel/Script/Cursor.js" type="text/javascript"></script>

4. Save template

Star efect #2

2009-05-27T08:11:00.000-07:00

Untuk siapa aja yang mau menghiasi blog nya dengan bintang atau daun berguguran mungkin hohohoho...musim semi kali ya.....
disini ferdy akan membahas tentang cara pasang nya

langkah2 nya sebagai begondang ech,...keliru...sebagai berikut mksd nya :

1.Log in dulu di blogger.com dengan ID masing2
2.masuk ke menu tata letak/edit HTML
3.cari kode <head>
4.Copy script dibawah ini lalu paste dibawah kode <head>

<script src='http://www.geocities.com/ferdy_giel/Script/Bintang2.js' type='text/javascript'>
</script>

5.Save template kalian
6.Terjadilah hujan bintang di blog kalian

Efek Hujan Bunga

2009-05-20T05:53:00.000-07:00

Untuk siapa aja yang mau menghiasi blog nya dengan bintang atau daun berguguran mungkin hohohoho...musim semi kali ya.....
disini ferdy akan membahas tentang cara pasang nya

langkah2 nya sebagai begondang ech,...keliru...sebagai berikut mksd nya :

1.Log in dulu di blogger.com dengan ID masing2
2.masuk ke menu tata letak/edit HTML
3.cari kode <head>
4.Copy script dibawah ini lalu paste dibawah kode <head>

<script language="JavaScript"
src="http://www.geocities.com/ferdy_giel/Script/Flowerain.js">
</script>

atau coba script yang ini juga boleh

<script src="http://www.geocities.com/ferdy_giel/Script/Bunga.js" type="text/javascript"/></script>

6. Save template

Star efect #4

2009-05-20T05:14:00.000-07:00

Untuk siapa aja yang mau menghiasi blog nya dengan bintang atau daun berguguran mungkin hohohoho...musim semi kali ya.....
disini ferdy akan membahas tentang cara pasang nya

langkah2 nya sebagai begondang ech,...keliru...sebagai berikut mksd nya :

1.Log in dulu di blogger.com dengan ID masing2
2.masuk ke menu tata letak/edit HTML
3.cari kode <head>
4.Copy script dibawah ini lalu paste dibawah kode <head>

<script src='http://www.geocities.com/ferdy_giel/Script/bintang4.js' type='text/javascript'>
</script>

5.Save template kalian
6.Terjadilah hujan bintang di blog kalian

Marquee Text #3

2009-05-15T06:21:00.001-07:00

Postingan kali ini sebenar nya hanya suatu expansi aja dr artikel2 sebelum nya,sebenar nya pedoman nya cm satu tapi dalam hal ini marquee bs dikembang kan menjadi berbagai macam fungsi jika kalian mau kreatif...untuk lebih jelas nya langsung aja kalian baca ok

<marquee direction='left' scrollamount='4'><font color='white' face='broadway' size='3'>
TULIS PESAN KALIAN DISINI
</font>
</marquee>

Script diatas sebenar nya sama aja fungsinya,cm script diata sudah mengalami sedikit perubahan walaupun tidak terlalu banyak seh....
Untuk text yang berwarna hijau yang pasti kalian tahu lah harus diapain....silahkan rubah sesuka kalian...sekian dulu ya postingan ferdy kali ini,ga tau knapa kok lagi ga mood nulis

Kumpulan Serial Number

2009-05-14T22:44:00.000-07:00

waduh ini rada melenceng dari visi dan misi ne ha..ha...ha....postingan kali ini ga ada hubungan nya sama artikel tips maupun trik,so ga apa2 ya,sekali2 buat yg beda gtu lo temen2,buat kalian yg kesulitan untuk mendapat kan serial number sebuah aplikasi,ya ga ada salah nya kalian download serial number di bawah ini oche...

http://www.4shared.com/file/105484927/Ferdylicious_SN.html

Widget kalender islam

2009-05-13T22:03:00.000-07:00

He..he..he...ini rada religic kawan2...buat kalian yg mau modify calendar di blog silahkan pakai widget yg bakal ferdy kasih tau cara pasang nya disini...gampang bgt kok kaya biasanya lah....langsung aja yah

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<div align="center">
<a href="http://hijriah.jentayu.com" target="_blank">
<img src="http://hijriah.jentayu.com/hijriah_wp.php?
bg=1" border="0"/></a>
</div>

Atau

<script src="http://kalenderbali.org/kbdwidget.php?id=1" type="text/javascript"></script>

<script src="http://kalenderbali.org/kbdwidget.php?id=2" type="text/javascript"></script>

<script src="http://kalenderbali.org/kbdwidget.php?id=3" type="text/javascript"></script>

<script src="http://kalenderbali.org/kbdwidget.php?id=4" type="text/javascript"></script>

<script src="http://kalenderbali.org/kbdwidget.php?id=5" type="text/javascript"></script>

<script src="http://kalenderbali.org/kbdwidget.php?id=6" type="text/javascript"></script>

6. Save template kalian

NB : Silahkan ganti angka yg berwarna hijau dengan angka 1 s/d 7 untuk warna nya

Pasang icon disamping judul

2009-05-10T01:12:00.000-07:00

pertama-tama silahkan cari dulu icon yg kamu suka,untuk icon kalian bs searching di google,banyak bgt yg bs kamu pilih,setelah download,jika kalian mau icon itu di upload di hosting masing2 itu malah lbh bagus,ok langsung ke langkah2nya aja ya

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Klik kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode <a expr:href='data:post.url'>
6. Persis setelah kode tersebut, copy pastekan script berikut ini

<img border='0' src='http://www.geocities.com/ferdy_giel/Panda-48.png'/>

7. Jangan lupa mengganti tulisan warna hijau dengan alamat URL icon
8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai keinginan
9. Jika sudah, klik Simpan Template

Membuat text melayang pada blog #1

2009-05-10T00:01:00.000-07:00

Setiap orang yang mempunyai sebuah blog pasti berlomba-lomba untuk memperindah blognya dengan gedget yang keren agar pembaca menarik, pada triks kali ini ferdy akan coba membuat text yang melayang-layang mengikuti arah gerak mouse kita,untuk contoh nya lihat aja Disini,langsung aja ya

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<script src="http://www.geocities.com/ferdy_giel/Script/FlyingText1.js" type="text/javascript">
</script>

6. Save template

NB : Text yg berwarna hijau silahkan ganti sesukamu,kalo yg warna ungu itu untuk kode warna nya

Cara buat login admin

2009-05-09T21:30:00.001-07:00

postingan kali ini ferdy mau kasih tau kalian gimana caranya pasang box buat login ke blogger,nggak begitu ngefek banget seh,tapi ya ga ada salah nya kalo kita iseng2 belajar pasang nya,mudah banget kok,mari kita coba

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<br/><br/><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: <a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?"></a> <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form><span style="font-size: 80%"><a href=""> </a></span>

6. Save template kalian

Buat Recent Post

2009-05-09T21:04:00.000-07:00

Recent Post, sudah sering kita jumpai. Fungsi dari recent post adalah untuk menampilkan review dari beberapa postingan kita.
Jadi, beberapa isi postingan kita bisa dilihat sebagian. Dari pada hanya menampilkan judulnya saja, dengan Recent Post, paling tidak pengunjung bisa mengetahui sedikit tentang isi postingan yang telah kita buat.

Caranya,tinggal copy code berikut :

<script style="" src="http://www.geocities.com/mezzaluna08@rocketmail.com/recentpost.txt"></script><script style="">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://NamaBlogKamu.co.cc/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Lalu taruh di gadget kalian masing2,jadi dech....

Atau kalian bs coba yang ini

1. Silahkan Log In dulu ke blogger
2. silahkan langsung ke add gadget
3. trus cari menu gadget " Feed " di add
4. trus masuk kan url feed kamu contoh
5. http://NamaBlogKamu.blogspot.com/feeds/posts/default
6.jadi dech recen post kamu

NB : Text yang berwarna hijau silahkan ganti dengan alamat blog masing2

Drop Down Label

2009-05-09T20:43:00.000-07:00

Buat kalian yang kepengen ga ribet dengan tampilan side bar kalian yg terlalu panjang,kalian bs akalin dengan cara buat label tapi berupa dropdown menu,tampilan itu biasanya muncul di label category,tapi kali ini kita coba buat agar menu label kalian terlihat rapi

1. Seperti biasa Log In dulu
2. Masuk ke menu tata letak/edit HTML
3. Centang dulu expand widget nya
4. Cari kode seperti dibawah ini

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

5. Bila sudah ketemu ganti kode tersebut dengan kode dibawah ini

<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Pilih Berdasarkan Label</option>
<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/></option>
</b:loop>
</select>

6. Save template

NB : Text yang berwarna hijau silahkan diganti sesuai selera

Shaking Snake

2009-05-07T20:40:00.000-07:00

Nah ini dia teman2 efek yg ga kalah ma gadget2 lain nya,kalo kmrn ferdy kasih tau kamu tentang cara buat efek roaming window,sekarang ferdy bakal kasih lagi efek lain nya,yaitu efek shaking snake nama nya dijamin browser kamu goyang2 sendiri,mari kita buat sekarang..

1. Seperti biasa Log In dulu
2. Masuk ke menu tata letak/add gadget
3. Copy script di bawah ini lalu di paste ke gadget kalian OK

<script src="http://www.geocities.com/ferdy_giel/Script/ShakingSnake.js" type="text/javascript"></script>

4. Save template

Membuat Dock Menu

2009-05-07T18:00:00.000-07:00

waahhhhhh........stelah sekian minggu di pelajari akhir nya bs juga he..he..he..kmrn aku cobain bikin dock menu kaya yg di OS nya Mac itu lo,ya lumayan rumit seh,karena tutor yg aku baca pake bahasa inggris ya maklum jawa tulen,ok langsung aja dech ke menu berikut nya

1. Log In dulu ke blogger.com
2. Langsung meluncur ke edit HTML
3. Cari kode <head> setelah itu copy script di bawah ini dibawah kode <head>

<script src='http://www.geocities.com/ferdy_giel/Script/JQuery.js' type='text/javascript'/>
<script src='http://www.geocities.com/ferdy_giel/Script/Interface.js' type='text/javascript'/>

4. Temukan kode ]]></b:skin> Letakkan kode dibawah ini tepat diatas ]]></b:skin>

/* Design menu by www.Ferdylicious.co.cc
----------------------------------------------- */
.fisheye{
text-align: center;
height: 62px;
position: relative;
}
a.fisheyeItem
{
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
top: 0;
}
a.fisheyeItem2
{
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
bottom: 0;
}
.fisheyeItem img
{
border: none;
margin: 0 auto 5px auto;
width: 100%;
}
.fisheyeItem2 img
{
border: none;
margin: 5px auto 0 auto;
width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
display: none;
positon: absolute;
}
.fisheyeContainter
{

height: 50px;
width: 200px;
left: 500px;
position: absolute;
}
#fisheye2
{
position: absolute;
width: 100%;
bottom: 0px;
}

/* Fin del dock menu
----------------------------------------------- */

5. Cari kode <body> lalu letakkan script di bawah ini tepat di bawah kode <body>

<div class='fisheye' id='fisheye'>
<div class='fisheyeContainter'>
<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/music-trans.png' width='30'/><span>Home</span></a>

<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/rss2-trans.png' width='30'/><span>Email</span></a>
<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/link-trans.png' width='30'/><span>Display</span></a>
<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/home-trans.png' width='30'/><span>Clock</span></a>

<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/history-trans.png' width='30'/><span>Web</span></a>
<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/email-trans.png' width='30'/><span>Home</span></a>
<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/video-trans.png' width='30'/><span>Email</span></a>

<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/rss-trans.png' width='30'/><span>Display</span></a>
<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/email-trans.png' width='30'/><span>Clock</span></a>
<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/calendar-trans.png' width='30'/><span>Web</span></a>

<a class='fisheyeItem' href='#'><img src='http://www.geocities.com/ferdy_giel/MENU/portfolio-trans.png' width='30'/><span>Web</span></a>
</div>
</div>

<script type="text/javascript">

$(document).ready(
function()
{
$('#fisheye').Fisheye(
{
maxWidth: 15,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 30,
proximity: 70,
halign : 'center'
}
)

}
);

</script>

6. Save template

NB : Url yang berwarna hijau silahkan kalian ganti sesuai icon kesukaan kamu

Status YM Melayang

2009-05-04T23:30:00.000-07:00

Oke ferdy jelasin dikit yah mengenai trik kali ini yaitu widget melayang.. Jika kamu menyimpan widget dan jika kamu menggeser scroll bar browser kamu widget ini akan berada ditempatnya tidak mengikuti scroll bar.
Sebagai Contoh kamu lihat Status YM aku yang aku buat melayang.langsung aja ya bro....

1. Log In dulu ke blogger.com
2. Langsung meluncur ke edit HTML
3. Cari kode ]]></b:skin> lalu kamu copy script di bawah ini diatas kode ]]></b:skin>

#melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4. Setelah langkah ketiga selesai
5. Langsung aja kamu copy script dibawah ini dan letakkan sebelum kode </body>

<div id="melayang">
<a href="ymsgr:sendIM?IdYmKamu"> <img src="http://opi.yahoo.com/online?u=IdYmKamu&m=g&t=1&l=us"/>
</a>
</div>

6. Save template kamu

NB : Untuk text yang berwarna hijau silahkan di ganti sesuai petunjuk

Heart Efect

2009-05-04T22:57:00.000-07:00

Wah ini ne postingan gw yang paling parah,cewek banget brooo......,oche...oche sudah becandanya ,sekarang kita serius ne,kal sebelum nya ferdy kasih kalian efect bintang,daun,maupun gempa,kali ini lebih dahsyat lagi man !!!!! efek jatuh cinta wuuusssss........ parah bgt ga tu,ok dech banyak cing..cong...langsung aja ya

1. Log In dulu ke blogger.com
2. Langsung meluncur ke edit HTML
3. Cari kode <head> setelah itu copy script di bawah ini diatas kode <head>

<script src="http://www.geocities.com/ferdy_giel/Script/Heart.js" type="text/javascript"/></script>

4. Save your template

Kalender

2009-05-04T13:01:00.000-07:00

Ayoooooo.......pasang kalender di blog kalian ceeeiiileee......biar bisa liat tanggal kelahiran gw ,emang loe sapa fer ? ok...ok....jangan ke banyakan becanda ntar malah ga selesai2 bahas nya,langsung aja pada topik pembahasan,silahkan ikuti tutorial berikut ini

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<script src="http://www.geocities.com/ferdy_giel/Script/kalender.js"></script>

6. Save template kalian

Side Navigation

2009-05-04T12:47:00.000-07:00

Nah ini dia postingan favourite ferdy hi..hi..hi....,ferdy mau kasih kalian gmana caranya buat navigasi blog/web tapi bukan di bawah header seperti pada umum nya,tapi kali ini kita belajar buat navigasi tapi di sebelah samping kiri/kanan blog atau web kalian

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<script language="JavaScript1.2" src="http://www.geocities.com/ferdy_giel/Script/SideMenu.js"></script>
<script>
resizereinit=true;

menu[3] = {
id:'menu3',
bartext:'NAVIGASI WEB',
menupos:'right',
kviewtype:'fixed',
barbgcolor:"#a9d6ff",
barcolor:"#000000",
barfontweight:"bold",
bordercolor:'#000000',
hdingbgcolor:"#ffffff",
fontsize:'80%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
["Home", "http://www.ferdylicious.co.cc", "_self"],
["My Friendster", "http://profiles.friendster.com/104245936",""],
["Myspace", "http://www.myspace.com/ferdy_benjamin", ""],
["Google", "http://www.google.com", ""],
["Facebook", "http://www.facebook.com/people/Ferdy-Cahyo-Saputra/1340057934?sid=0&ref=search", ""],
["Avg", "http://www.grisoft.com", ""],
["Genfreak's", "http://genfreak.blogspot.com", ""],
["E_Fast", "http://www.efast-online.blogspot.com", ""],
["Videopimp", "http://videopimp.org/", ""],
["Yahoo", "http://www.yahoo.com/", ""],
["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry
]};

make_menus();
</script>

6. Save template kalian

NB : Script ini optimal di browser IE

Pernah liat gempa di blog ngga ?

2009-05-04T12:40:00.001-07:00

malam teman2,ferdy mau kasih kalian tips memasang efek gempa pada blog kalian,jadi ketika pengunjung melakukan klik kanan pada browser maka akan keluar option yang memberi tau akan ada gempa....ngeri banget khan ???? langsung aja ya ke topik bahasan

Langkah2 seperti berikut

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<script language="JavaScript">

</script>

6. Save template kalian

NB : Script ini hanya berjalan optimal di browser IE

Save AS PDF

2009-05-03T22:00:00.000-07:00

kali ini ferdy posting gmna caranya agar blog kalian bs terkonversi PDF alias bs disave berekstensi PDF,caranya ya sangat2 gampang,kaya biasa nya ikuti langkah2 berikut ini...

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<script type=text/javascript>
</script>
<script src=http://www.geocities.com/ferdy_giel/Script/SaveAsPDF.js type=text/javascript>
</script>

6. Save Template kalian

Marquee Text #2

2009-05-02T07:06:00.000-07:00

Kalo kemarin ferdy posting marquee yang bdr image sekarang gw malah posting yang rada jadul ne......
tp ga apalah siapa tau temen2 masih ada yg belum tau cara pasang efect marque tapi yang pake text....
ga usah banyak cing cong langsung aja ya..
Langkah2 nya seperti berikut :

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<marquee direction=right>Teks ini akan berjalan ke kanan</marquee>

6. Save template kalian

Star efect #3

2009-05-02T06:55:00.000-07:00

Untuk siapa aja yang mau menghiasi blog nya dengan bintang atau daun berguguran mungkin hohohoho...musim semi kali ya.....
disini ferdy akan membahas tentang cara pasang nya

langkah2 nya sebagai begondang ech,...keliru...sebagai berikut mksd nya :

1.Log in dulu di blogger.com dengan ID masing2
2.masuk ke menu tata letak/edit HTML
3.cari kode <head>
4.Copy script dibawah ini lalu paste dibawah kode <head>

<script language="JavaScript"
src="http://www.geocities.com/ferdy_giel/Script/Bintang3.js">
</script>

6. Save template

Buterfly Efect

2009-05-02T06:49:00.000-07:00

zaman yg semakin sibuk dan padat membuat kita kadang ga sempat refreshing buat nyrgarin otak,misal ke mall,ke club he..he....atau yg paling ekonomis ya ke kebun binatang....tapi mana mungkinnnnn.........
ok lah...ferdy punya solusi nya,ferdy bakal buatin kalian sebuah kebun binatang mini di blog kalian

Langkah2 nya seperti berikut :

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<script language="JavaScript1.2" src="http://www.geocities.com/ferdy_giel/Script/Kupu.js">
</script>

6. Save template kalian

Efect Kembang Api

2009-05-02T06:45:00.000-07:00

Hari gini blog nya ga meriah.....huhhh.....ga zaman cuy....,ne ferdy kasih script efect buat kalian...namanya efect tahun baru alias kembang api ,jangan kaget kalo setelah pasang blog kalian jadi rame serasa di bulan ramadhan......langsung aja ke topik ya

Langkah2 nya seperti berikut :

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<script src="http://www.geocities.com/ferdy_giel/Script/KembangApi.js" type="text/javascript">

/***********************************************
* Script featured & available at Ferdy-Benjamin at http://www.Ferdy-Benjamin.co.cc/
* Please keep this notice intact
***********************************************/
</script>

6. Save template kalian

Snow Efect #2

2009-05-02T06:28:00.000-07:00

Seperti posting sebelum nya ferdy udah kasih kalian efek salju buat blog....tapi kuecill...kuecill..... ho..ho..ho...,kali ini ferdy kasih dech efek salju yg rada gede...,namanya badai salju ha..ha....

Langkah2 nya seperti berikut :

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini

<script language="JavaScript"
src="http://www.geocities.com/ferdy_giel/Script/SaljuGede.js">
/***********************************************
* Script featured & available at Ferdy-Benjamin at http://www.Ferdy-Benjamin.co.cc/
* Please keep this notice intact
***********************************************/
</script>

6. Save template kalian

Snow Efect

2009-05-02T01:23:00.000-07:00

Untuk kalian yg kepengen suasana blog nya kaya di jepang hahahahaha....maksud ferdy kali ini ferdy mau kasih tau cara nya pasang efect salju pada blog kalian,biar ada salju bertaburan ketika pengunjung blog kiat blog kalian masing...
langsung aja ya...

Langkah2 nya sebagai berikut :

1. Masuk ke blogger.com
2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script di bawah ini

<script src="http://www.geocities.com/ferdy_giel/snow.js" type="text/javascript"></script>

6. Simpan Perubahan

Gadget Flying Bird

2009-05-02T01:14:00.000-07:00

Postingan kali ini masih berhubungan dengan accessories yang dapat memperindah tampilan “wajah” blog kalian yaitu dengan script yang tidak terlalu mempengaruhi loading blog kalian. Adalah script efek burung terbang yang dapat kalian pasang pada sidebar blog. Siapa tahu ada blogger yang cocok dan tertarik dengan accessories ini. Ikuti tipsnya berikut ini.

1. Login ke http://blogger.com
2. Klik Tata Letak (layout)
3. Klik Tambah Gadget
4. Tambahkan HTML/Javascript

<script language="JavaScript1.2" src="http://www.geocities.com/ferdy_giel/Script/Kupu.js">
</script>

5. Kemudian Simpan Perubahan

Save Your Post

2009-05-02T00:58:00.000-07:00

Script ini berfungsi untuk melindungi postingan kalian dr Copy Paste para blogger2 lain....ya walaupun saya juga tau dan belajar dr orang lain...tp bukan berarti seenak nya main copot aja,langsung aja ya aku kasih tutorial nya biar kalian terlindung dr hal2 tersebut....

Langkah2 nya sebagai berikut :

1. Login ke http://blogger.com hingga masuk Dasbor

2. Klik Tata Letak (layout)

3. Klik tab Edit HTML

4. Kemudian cari dan temukan kode <head>

5. Jika sudah ketemu, pastekan kode script di bawah ini, tepat di bawah kode <head>

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

5. Save template

Disable Klik Kanan

2009-05-02T00:52:00.000-07:00

Langkahnya mudah dan simple, Anda hanya perlu melakukan copy paste atas script yang ada di bawah ini kemudian Anda taruh di sidebar blog Anda.

<script>
var message="Ganti Sesuka Kamu";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

Dijamin anti pencurian data ho..ho..ho...

Efek roaming window

2009-05-02T00:30:00.000-07:00

Efek roaming window yang dimaksud di sini adalah efek seperti window yang menggulung dan bergerak memutar dengan durasi sekitar satu hingga dua detik. Untuk lebih jelasnya, mungkin pengunjung harus mencoba sendiri.

1. Seperti biasa Log In dulu
2. Masuk ke menu tata letak/edit HTML
3. Copy script di atas kode <head>

<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>

4. Save template kalian

Pasang Text Alert #2

2009-05-02T00:04:00.000-07:00

Tips kali ini terdiri dari dua script di mana script yang pertama “bertugas” meminta pengunjung untuk mengetikkan namanya kemudian dengan data tersebut (nama yang diketikkan tersebut) digunakan script yang kedua untuk memberikan sapaan atau ucapan yang lain yang dapat dikustomasi sendiri sesuai dengan kehendak kita.

Langkah-langkahnya adalah sebagai berikut.

1. Log In dulu di blogger.com
2. Masuk ke menu tata letal/add gadget
3. Copy script di bawah ini untuk gadget pertama

<script type="text/javascript">
var yourName = prompt("Boleh Tahu Namanya?", "");
</script>

4. setelah itu di save
5. Copy script di bawah ini untuk gadget kedua

Selamat Datang <script type="text/javascript">document.write(yourName)</script>! Suatu kehormatan bagi saya atas kunjungan <script type="text/javascript">document.write(yourName)</script> ini. Saya sangat berharap kunjungan <script type="text/javascript">document.write(yourName)</script> berikutnya

Nah sekarang ferdy kasih tau fungsi nya,text yang berwarna kuning terserah ma kalian ganti apa aja,kalau text atau script yg berwarna merah berfungsi untuk menampilkan nama pengunjung yg mengetikkan namanya ketika menerima pesan alert dr kita....mudah bukan..

Pasang Text Alert

2009-05-01T23:39:00.000-07:00

tips membuat text alert/salam pembuka pada blog yang mungkin sering kalian lihat atau bahkan telah kalian gunakan dalam blog kalian namun tidak ada salahnya untuk menampilkan kembali, siapa tahu ada di antara new blogger yang masih membutuhkan accessories blog yang tidak akan membuat blog menjadi berat berat.

1. Log In dlu lah seperti biasa
2. masuk ke menu tata letak/add gadget
3. Copy script di bawah ini lalu paste di gadget kalian

<script type="text/javascript">
var name = prompt("Selamat Datang!! Boleh Tahu Namanya?", "Nama Anda ");
alert("Salam Kenal "+name)
alert("Selamat Surfing di Blog Saya, Semoga Berkenan!!")
</script>

text yang berwarna kuning silahkan kalian ganti sesuai selera kalian masing2......

Label Cloud

2009-05-01T23:16:00.000-07:00

Label atau kategori atau apapun itu, berfungsi untuk lebih mengkhususkan tema-tema tulisan dalam blog kita. Di blogger, fasilitas label ini secara default memang sudah tersedia. Namun bagi an anda yang tidak puas dengan tampilan label yang standar, kita bisa mengubahnya menjadi animasi yang berputar-putar (awas bikin sakit kepala). Nah untuk mengubahnya, ikuti tutorial berikut

1. Buka Edit HTML, dan jangan lupa centang Expand Widget Templatenya
2. Cari kode berikut

<b:section class="sidebar" id="sidebar" preferred="yes">

Ingat, setiap template tidak sama, yang jelas ada kode tersebut
3. Setelah itu, copy-kan kode berikut tepat di bawahnya

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://www.geocities.com/ferdy_giel/Script/LabelCloud.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Anda bisa mengubah settingan dari kode tersebut, seperti mengganti warna background (kode warna hijau), ukuran label (warna kuning) atau merubah ukuran font (warna biru muda),terakhir warna ungu untuk merubah warna text nya

4. Simpan template

Fungsi Marquee #1

2009-05-01T20:16:00.000-07:00

Marquee yang kita digunakan adalah menggunakan "mode" onmouseover dan onmouseout di mana ketika mouse didekatkan maka teksnya akan berhenti dan ketika dijauhkan, teksnya akan berjalan lagi. Formatnya seperti di bawah ini.

<marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="20" style="margin-left: 12px; margin-right: 10px; font-size:13pt; line-height: 19px"><font color="#5F04B4"><b>
Teks yang ingin ditampilkan <a href="URL_Blog_01">Teks_Link_01< /a> │ <a href="URL_Blog_02">Teks_Link_02</a> </b></font>
</marquee>

Marquee jenis ini juga bs di fungsikan sebagai banner lhoo.......coba aja...

Cara membuat scroll bar bergerak

2009-04-29T12:39:00.000-07:00

haluuu.....semua,kali ini ferdy mau membahas tentang tata cara membuat agar scroll bar kalian tampak bergerak,What....!!!! kalian belum tau,ya tuhan,ok dech kalo gitu mumpung hati gw baik neh ya gw kasih tau deh contoh nya

silahkan kalian Klik Disini atau Klik Disini untuk melihat hasil nya,gmana ? cukup menarik bukan

ok dech langsung aja ya :

1. Silahkan Log In dl di blog kalian
2. Masuk ke menu tata letak/tambah gadget
3. Lalu copy script dibawah ini dan paste didalam gadget kalian

<script type="text/javascript">
//Created by Title bar Maker (http://www.Ferdy-Benjamin.co.cc)
function tb3_makeArray(n){
this.length = n;
return this.length;
}

tb3_messages = new tb3_makeArray(1);
tb3_messages[0] = "www.ferdylicious.co.cc";
tb3_rptType = 'infinite';
tb3_rptNbr = 5;
tb3_speed = 500;
tb3_nbrOneMsg = 5;
var tb3_currMsg=0;
var tb3_timerID = null;
var tb3_switcher = 0;
var tb3_countOneMsg=0;
var tb3_counter=1;
function tb3_blinktitle(){
if (tb3_countOneMsg == tb3_nbrOneMsg){
if (tb3_currMsg == tb3_messages.length-1){
if ((tb3_rptType == 'finite') && (tb3_counter==tb3_rptNbr)){
clearTimeout(tb3_timerID);
return;
}
tb3_counter++;
tb3_currMsg=0;
tb3_countOneMsg=0;
}
else{
tb3_currMsg++;
tb3_countOneMsg=0;
}
}
if (tb3_switcher==0){
document.title = tb3_messages[tb3_currMsg];
tb3_switcher=1;
tb3_countOneMsg++;
}
else{
document.title = "______________________________________________________________";
tb3_switcher=0;
}
tb3_timerID = setTimeout("tb3_blinktitle()", tb3_speed)
}
tb3_blinktitle();
</script>

Nah sekarang kamu liat dech hasil nya ok....salam blogger

Membuat text melayang pada blog

2009-04-29T12:14:00.001-07:00

Setipa oarang yang mempunyai sebuah blog pasti berlomba-lomba untuk memperindah blognya dengan gedget yang keren agar pembaca menarik, pada triks kali ini ferdy akan coba membuat text yang melayang-layang mengikuti arah gerak mouse kita, dan kita juga bisa memilih script berikut textnya:

Welcome to my site

<script src="http://www.geocities.com/ferdy_giel/Script/FlyingText1.js" type="text/javascript">

/***********************************************
* Script featured & available at Ferdy-Benjamin at http://www.Ferdy-Benjamin.co.cc/
* Please keep this notice intact
***********************************************/
</script>

Welcome to my Blog

<script src="http://www.geocities.com/ferdy_giel/Script/FlyingText2.js" type="text/javascript">

/***********************************************
* Script featured & available at Ferdy-Benjamin at http://www.Ferdy-Benjamin.co.cc/
* Please keep this notice intact
***********************************************/
</script>

Langkah2 nya gampang bgt,kalian tinggal copy dan paste di dalam gadget

NB : Jika kalian tidak begitu suka dengan apa yang ferdy posting,kalian juga bisa request kok kalo mau di buatin dengan nama kalian,hubungi aja YM ku ok

Membuat Gambar Melayang

2009-04-29T11:12:00.000-07:00

Oke kali ini Ferdy akan jelaskan sedikit mengenai efek gambar melayang di blog kamu, Jika kamu menyimpan widget dan jika kamu menggeser scroll bar browser kamu widget ini akan berada ditempatnya tidak mengikuti scroll bar,Sebagai Contoh kamu lihat Widget melayang blog ku di bawah ini :

1. Login ke Blogger.com
2. Masuk ke menu Layout
3. Lalu masuk ke Edit HTML
4. Centang kotak yg bertulis Expand Widget Template
5. Masukkan Code di bawah ini di atas Code ]]></b:skin>

#melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6. Taruh Code dibawah ini sebelum Code </body>

<div id="melayang">
<a href="Link blog kamu"> <img src="Url gambar yg kamu upload"/>
</a>
</div>

7. Jangan lupa ganti tulisan yg berwarna kuning sesuai perintah ya

Ganti favicon blog kamu

2009-04-29T10:53:00.000-07:00

Apakah kmu ingin merubah favicon Blog kamu menjadi favicon yg lucu sesuai dengan yg kamu inginkan ?? Emang favicon apaan seeh ?? pingin tau ? favicon adalah icon kecil di bagian atas yang ada gambarnya itu lho !! ya uwes langsung aja dech

Langkah2 nya sebagai berikut :

1. Log In dulu di blog kamu
2. Masuk ke menu tata letak/edit HTML
3. Cari kode </head>
4. Lalu copy script dibawah ini dan paste tepat di bawah kode </head>

<link href='http://Paste link kamu disini.gif' rel='shortcut icon'/>

5. Ganti tulisan yg berwarna kuning dengan link gambar kamu

Ganti Text Old Post & New Post Dengan Icon Gambar

2009-04-29T10:36:00.000-07:00

Nah agar tampilannya lebih menarik, anda bisa menggantinya dengan icon-icon mungil,Menarik bukan? Klu anda tertarik silahkan ikuti langkah-langkah dibawah ini :

1. Pada menu klik Layout -> Edit HTML
2. Biar aman backup dulu template anda dengan klik Download Full Template
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode <data:olderPageTitle/>
5. Kalau sudah ketemu ganti kode tersebut dengan kode icon dibawah ini

6. Untuk mengganti tulisan newer post. Cari kode <data:newerPageTitle/> lalu ganti dengan kode icon dibawah ini.

<img src="http://Url Gambar Kamu.png" border="0" />

7. untuk mengganti home cari kode <data:homeMsg/>.

8. Biasanya ada 2 kode yang sama. Ganti kode yang pertama dengan kode icon dibawah ini

<img src="http://Url Gambar Kamu.png" border="0" />

9. Selamat mencoba

Cara pasang navigasi halaman

2009-04-29T10:16:00.000-07:00

Nah...jika anda memang ngerasa kurang begitu menyukai dengan adanya tulisan posting lama dan posting baru, anda bisa menggantinya dengan menu navigasi halaman ini. Berikut cara penerapannya di blogspot :

Silahkan login dahulu di blogger kemudian masuk ke menu page element. Setelah itu, klik add new page element dan pilih html/javascript. Langkah selanjutnya, silahkan copy paste kode berikut di form page element yang baru anda tambahkan dan ga usah di kasih judul

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;

}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'Awal';
var endPageWord = 'Akhir';
var upPageWord ='Sebelumnya';
var downPageWord ='Selanjutnya';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Halaman '+thisNum+' dari '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

Jika sudah di copy pastenya, klik simpan atau save. Langkah selanjutnya, drag and drop page element yang barusan anda buat ke bawah page element postingan,selamat mencoba ya

Star efect #1

2009-04-28T10:20:00.000-07:00

Untuk siapa aja yang mau menghiasi blog nya dengan bintang atau daun berguguran mungkin hohohoho...musim semi kali ya.....
disini ferdy akan membahas tentang cara pasang nya

langkah2 nya sebagai begondang ech,...keliru...sebagai berikut mksd nya :

1.Log in dulu di blogger.com dengan ID masing2
2.masuk ke menu tata letak/edit HTML
3.cari kode <head>
4.Copy script dibawah ini lalu paste dibawah kode <head>

<script src='http://www.geocities.com/ferdy_giel/Script/bintang1.js' type='text/javascript'>
</script>

5.Save template kalian
6.Terjadilah hujan bintang di blog kalian

Cara Menghilangkan Angka Dalam Label

2009-04-28T09:23:00.000-07:00

Mau tau...??
Mau tau...??
Mau tau...??
Mau tau...??
Mau tau...??

1.Sign in ke blogger dengan ID kamu
2.Klik Layout
3.Klik menu Elemen Halaman
4.Klik tab Edit HTML
5.Beri tanda centang pada kotak di samping tulisan Expand Template Widget
6.Silahkan anda cari kode berikut pada kode template milik kamu

(<data:label.count/>)

7.Jika anda sudah menemukan kode yang seperti di atas, silahkan hapus/delete
8.Klik tombol Simpan Template

Cara buat image marquee

2009-04-28T09:00:00.000-07:00

ini postingan favourite gw hehehehehe......
buat kalian yg biasanya pake marquee text,sekarang dah waktunya buat kalian ganti dengan marquee image...keren lhoo.....

langkah2 nya sebagai berikut :

1.Log in dulu di blogger.com
2.masuk ke menu tata letak
3.silahkan klik tambah gadget,lalu copy script di bawah ini

<marquee direction="right" width="40%"><img src="http://www.geocities.com/ferdy_giel/1_122873993l.jpg"/></marquee><marquee width="40%"><img src="http://www.geocities.com/ferdy_giel/1_122873993l.jpg"/></marquee>

4.lalu paste didalam gadget kalian
5.sekarang kalian bisa nikmati hasil nya OK

Atau kalian juga bs coba yg lain,seperti di bawah ini

<marquee onmouseout="this.start()" direction="left" align="center" scrollamount="2" onmouseover="this.stop()" width="100%" height="100">
<img src="http://UrlGambarKamu.gif" alt=""/>
<img src="http://UrlGambarKamu.gif" alt="" />
</marquee>

NB : Text yang berwarna hijau yg pasti kalian taulah harus di apain ok,kalo kurang jelas ya tinggalin pesan aja di ok

Pasang status YM di blog

2009-04-28T08:48:00.000-07:00

Untuk kalian yg pengen tau cara pasang status YM di blog caranya mudah kok,biar temen2 kita tahu YM kita online pa nggak....
langsung aja ga pake lama ho..ho..ho...

Langkah2 nya mudah banget :
1.silahkan kalian Log in dl di blog kalian masing2
2.masuk ke menu tata letak,lalu tambah gadget
3.Copy script di bawah ini

<a href="ymsgr:sendIM?Taruh ID kamu disini">
<img border="0" src="http://ymgen.com/ym.php?id2=Taruh ID kamu disini&s2=1"></a><br /><br />

4.Ganti tulisan yg berwarna kuning dengan ID YM kamu,lalu paste script didalam gadget
5.kini status YM kalian sudah bisa dilihat OL apa nggak

Cara buat link terlihat warna warni

2009-04-28T04:06:00.000-07:00

Rainbow link adalah suatu link yang apabila link tersebut disorot oleh kursor, maka warna link tersebut akan berubah menjadi warna - warni. Ya..seperti namanya rainbow link atau dalam bahasa indonesia bisa diartikan sebagai link pelangi. Untuk menambahkan aplikasi ini, kalian butuh suatu kode javascript.Nah...untuk tutorial jelasnya, silahkan ikuti petunjuk berikut:

Langkah awal yaitu seperti biasa, silahkan login dulu di blogger lalu langsung menuju ke edit HTML. Nah..ga usah kasih tanda centang pada kolom expand template widget. Selanjutnya, silahkan cari kode <head> lalu simpan script berikut di bawah kode <head> tersebut.

<script src="http://www.geocities.com/ferdy_giel/Script/RainbowLink.js">
</script>

contoh :

</head>
<script src="http://www.geocities.com/ferdy_giel/Script/Pelangi.js">
</script>

lalu save template kalian

Pasang animasi status page loading

2009-04-28T03:48:00.000-07:00

Pertama, pilih saja dulu salah satu animasi preloader dari dua layanan ini Preloader, kemudian simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkan upload file gambar tadi ke hosting anda (yang gratis bisa pake geocities.com)

Langkah kedua silahkan buka notepad anda, kemudian simpan kode dibawah ini dengan nama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)

var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

Kalo sudah, silahkan upload file preloader.js ke hosting anda (yang gratis bisa pake geocities.com)

Cara Pasang di blogger:

Langsung tuju saja ke alamat EditHTML, cari tag <body> Kemudian ganti tag <body> dengan kode dibawah ini, janga lupa ganti kode warna kuning dibawah dan sesuaikan sendiri dengan lokasi alamat penyimpanan gambar dan file JS anda.

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://lokasi-simpan.com/gambarpreloader.gif'/></div>

<script src='http://lokasi-simpan/preloader.js' type='text/javascript'/>

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center (silahkan bermain saja dengan kode center, coba ganti dengan left, right, top atau bottom). Sebenarnya masih banyak trik lainnya, silahkan dikembangkan sendiri ya.

Menampilkan java script di postingan kamu

2009-04-27T23:59:00.000-07:00

posting kali ini ferdy mencoba menulis tentang bagaimana menulis kode java script di postingan kamu. karena bila kita salah dalam menulis kode, maka kode tersebut tidak akan kelihatan dalam posting kita.

untuk dapat menampilkan java script code, kalian harus mengubah nya dahulu.langsung to the point aza ya

1.silahkan klik disini
2.Silahkan paste script yg mau dipasang di postingan kalian dalam box convert
3.copy hasilnya dan paste kembali di postingan kalian

Make a Read More

2009-04-27T23:39:00.000-07:00

Langkah pertama silahkan login di blogger dan pilih blog yang akan di pasang read more ini. Kedua, masuk ke menu edit html, lalu checklist kolom expand template widget kemudian cari kode html seperti dibawah ini

<data:post.body> atau <p><data:post.body></p>

Ketiga, hapus kode tersebut lalu ganti dengan kode yang ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More .. </a>
</b:if>

Silahkan ganti text yg berwarna hijau terserah andas jika sudah save template kamu.

Tahap 2 - Cara Posting

Setelah bagian edit html beres, sekarang saatnya untuk cara posting artikel dengan menggunakan read more. Langkah pertama, Silahkan buat postingan sampe selesai dulu. Kedua, tentukan paragraf yang akan di tampilkan kemudian pasang kode ini dibawah paragraf tersebut :

<span class="fullpost">

Ketiga, pasang kode berikut di akhir postingan

</span>