Read more: http://pelajaran-blog.blogspot.com/2011/04/membuat-read-more-otomatis-auto.html#ixzz1ylpQmfMd

Emotcion Chat Facebook Terbaru Dan Terlengkap  

Posted by: Ilmu 46 in

 KASKUS
[[243344945733611]] = Repost
[[mahochat]] = Maho
[[205827876172490]] = Bingung
[[261018420628968]] = Thumbs
[[328740787138287]] = Nope
[[296027833771776]] = Capede
[[311851138846391]] = Alay
[[guengakak]] = Ngakak
[[203443053077888]] = I LOVE KASKUS

HURUF ABJAD

[[244961858909298]] = A
[[344113652270150]] = B
[[344991278847613]] = C
[[164461493653696]] = D
[[196752423751220]] = E
[[301630573215430]] = F
[[251496118250464]] = G
[[266394220086654]] = H
[[164866556948132]] = I
[[180599335371968]] = J
[[209067005843651]] = K
[[238594039545396]] = L
[[147702285338528]] = M
[[309221402452022]] = N
[[180901405340714]] = O
[[246506925416551]] = P
[[333343613344059]] = Q
[[123128367803569]] = R
[[316143388416019]] = S
[[334073456605673]] = T
[[199626093460643]] = U
[[224202614323263]] = V
[[336032459740792]] = W
[[205228226232732]] = X
[[142420399202282]] = Y
[[157919817645224]] = Z


TECHNO LOGO

[[266313623412267]] = PENGUIN LINUX
[[191560730921873]] = LOGO GOOGLE CHROME
[[182809565135565]] = LOGO GOOGLE +
[[242070735843795]] = LOGO SNAPTU
[[266910496686186]] = LOGO WINDOWS
[[258958334142268]] = LOGO ANDROID


MEME KECIL 

[[291152600919956]] [[295479677155336]] [[314363058604092]]
[[262834777109378]] [[189006671194968]] [[263319493729810]]
[[251236504943440]] [[287904934588441]] [[185961414833909]]

NYAN CAT

[[265434590178748]] [[164991926934921]] [[209695692449988]] [[250490361685507]] [[278968458819422]] [[349625665051383]] [[205760419511603]]
[[312189672135533]] [[299788346731384]] [[268532783202434]] [[266669970059695]] [[204170799672068]] [[187204144709527]] [[331078983588306]]
[[149240955184679]] [[206407216112871]] [[240669959335314]] [[180619528702085]] [[347768705240557]] [[186661331430535]] [[218646048216424]]
[[344875905539434]] [[328111047214223]] [[323186421038846]] [[157802940990663]] [[159535350818164]] [[296581710385765]] [[271261609598535]]

AND WE'RE IN BUSINESS

[[179756028790264]] [[131478976968398]] [[314076808615174]] [[206240339463055]] [[159403400834378]]
[[200992799990165]] [[196243973803636]] [[270956806292431]] [[346811212001437]] [[328107453874590]]
[[196721100420672]] [[317586898261340]] [[298140226892101]] [[214914048591653]] [[350101681673756]]
[[123765061073750]] [[245710415498757]] [[243298355738272]] [[138812572897166]] [[149419131833071]]
[[158310927607841]] [[310752072297702]] [[316528255036793]] [[335475163146590]] [[221503331260136]]
[[241781875890038]] [[218268384920510]] [[189509191144351]] [[302618756443499]] [[182961465135557]]
[[206151719471944]] [[223223751088260]] [[158685720904140]] [[249080145157161]] [[310957895604838]]

SASHA ANDERSEN

[[159403400834378]] [[297487363621407]] [[1156068411]] [[135921843188987]] [[281219301903813]] [[199562043466774]]
[[295738517127851]] [[155658844536513]] [[209549519130890]] [[142176999226854]] [[246689415397308]] [[199562043466774]]
[[238766052862259]] [[307299595976209]] [[217652968315422]] [[189042331191521]] [[286721874712929]] [[344476392245488]]
[[208520335900424]] [[280378908678680]] [[289772571069549]] [[271456079578545]] [[316530365035101]] [[288356997877538]]
[[291702580880362]] [[165637363538400]] [[150244831751625]] [[241130952627573]] [[120930761357725]] [[325867137432308]]
[[154842501286195]] [[286053358112869]] [[149316288510313]] [[250243511707871]] [[291635414215481]] [[344254632266885]]
[[276412539074685]] [[131586963624296]] [[333374550025341]] [[327570193933422]] [[199699430120687]] [[136021593179546]]

MEME SEDIH

‎[[222233554520712]] [[155093667926316]] [[159374644168797]]
[[265556180170509]] [[272006802857159]] [[144596118984229]] [[198806320212294]] [[155432547893166]]
[[239088996160999]] [[293626150673074]] [[203611766392684]] [[214124502002999]] [[268692779851733]]
[[181312795299893]] [[269771269745545]] [[189131527848966]] [[121039688013447]] [[347460675267390]]
[[116007985184523]] [[267703239958069]] [[209491689137152]] [[335109106501612]] [[286053824778978]]
[[140147629431094]] [[286265654759471]] [[208524709231940]] [[135568263223992]] [[265887476807116]]

MEME GEDE

[[331399223556184]] [[286042634779174]] [[330023780360758]] [[329237617088409]] [[204120926342364]] [[131297490319188]] [[289987304385341]]
[[295847560451136]] [[278880668827213]] [[260560750675461]] [[264494386943951]] [[208640915887167]] [[270643856326606]] [[334868623190983]]
[[265844723474789]] [[325742447454304]] [[207587629327321]] [[294223273948603]] [[323449457679402]] [[258622847533513]] [[242014162533924]]
[[306019522772134]] [[267712979948966]] [[301751889864065]] [[213122875437139]] [[164020277032670]] [[158735217564918]] [[261124587284685]]
[[114261558693806]] [[113889888730617]] [[316407155046042]] [[316473595041291]] [[346326392049037]] [[284570571589911]] [[298670736837009]]
[[219939044752270]] [[336155773063546]] [[131032267012645]] [[155856061183812]] [[208532722565686]] [[268249169896142]] [[204863289602546]]

MEGUSTA

[[331399223556184]] [[286042634779174]] [[330023780360758]] [[329237617088409]] [[204120926342364]] [[131297490319188]] [[289987304385341]]
[[295847560451136]] [[278880668827213]] [[260560750675461]] [[264494386943951]] [[208640915887167]] [[270643856326606]] [[334868623190983]]
[[265844723474789]] [[325742447454304]] [[207587629327321]] [[294223273948603]] [[323449457679402]] [[258622847533513]] [[242014162533924]]
[[306019522772134]] [[267712979948966]] [[301751889864065]] [[213122875437139]] [[164020277032670]] [[158735217564918]] [[261124587284685]]
[[114261558693806]] [[113889888730617]] [[316407155046042]] [[316473595041291]] [[346326392049037]] [[284570571589911]] [[298670736837009]]
[[219939044752270]] [[336155773063546]] [[131032267012645]] [[155856061183812]] [[208532722565686]] [[268249169896142]] [[204863289602546]]

PEOPLE

[[67253243887]] - Justin Bieber
[[ladygaga]] or [[10376464573]] - Lady GaGa
[[eminem]] - Eminem
[[zuck]] - Mark Zuckerberg

TOKOH KARTUN

[[249199828481201]] - Konata Izumi
[[250128751720149]] - Domo Kun
[[223328504409723]] - Gintoki Sakata
[[236147243124900]] - Pokeball
[[326134990738733]] - Pikachu
[[155393057897143]] - Doraemon
[[224502284290679]] - Nobita
[[144685078974802]] - Mojacko
[[334954663181745]] - Spongebob
[[196431117116365]] - Shin chan
[[148935948523684]] - Pedo Bear
[[269153023141273]] - Poring

ANOTHER EMO

[[171108522930776]] - Troll face
[[211782832186415]] - Me Gusta
[[143220739082110]] - ARE YOU F4CKING KIDDING ME
[[1680408465586189]] - Feel like a sir
[[169919399735055]] - Not bad Obama
[[142670085793927]] - Mother of God
[[170815706323196]] - Cereal Guy
[[168456309878025]] - LOL Face
[[167359756658519]] - NO Guy
[[14933336846417]] - Yao Ming
[[224812970902314]] - Derp
[[192644604154319]] - Derpina
[[177903015598419]] - Forever Alone
[[148578318584679]] - It's Okay!
[[219611504753863]] - ALL the y
[[305710872791586]] - Impossibruh
[[145768898802324]] - Rage Face
[[309795212383816]] - Watch out, badass
[[129627277060203]] - Poker face
[[105387672833401]] - F4CK YEAH
[[161751797197606]] - CHUCK NORRIS
[[129627277060203]] - POKER FACE
[[100002727365206]] - CHALLENGE ACCEPTED

SENYUM EMBER 

[[334230636605501]] [[335080033169115]] [[314686231886107]]
[[179637912133385]] [[345951442087087]] [[208631755887293]]
[[297872013591588]] [[317089564978607]] [[341555305870236]]

CHRISTMAS 

[[271907092867476]] [[283723885007037]] [[327860897243844]] [[327860897243844]] [[271624196228707]] [[154936547887417]]
[[318243861533088]] [[240416619363543]] [[327860897243844]] [[238634442876406]] [[313359385353119]] [[159993800773468]] [[271907092867476]] [[285167624869191]] [[313359385353119]]

JACKIE CHAN SMILEY

[[159403400834378]] [[350711854942596]] [[181587845273907]] [[158684234236177]] [[351037108247221]] [[200627473361428]]
[[319903324706941]] [[296000840437382]] [[120826078035368]] [[197216497039069]] [[160081354096525]] [[293380127365491]]
[[268119093246586]] [[304021742976441]] [[241231115950237]] [[319494974748104]] [[346830568677550]] [[206278946125685]]
[[165619636871866]] [[327492260603305]] [[212797055468932]] [[331257773559487]] [[219749661438887]] [[298440666864927]]

SCARY FACE

[[300382333337276]] [[243309622404527]] [[159993510774694]] [[272337229485968]] [[271768612879902]] [[325908680761128]] [[217700464975574]]
[[300382333337276]] [[215129375236098]] [[210080259075655]] [[298772443492242]] [[290772554301843]] [[329147173780415]] [[316895348331542]]
[[210492875703072]] [[286212818097801]] [[207002929386788]] [[263364080392330]] [[289630174422007]] [[159951064110271]] [[286788254707247]]
[[337460916266694]] [[334726783222991]] [[267147000006924]] [[145595485550928]] [[249024281829360]] [[287206887992807]] [[266973376696677]]
[[201672933257258]] [[336219069723510]] [[332882186740415]] [[159707314133427]] [[137098749737782]] [[207886652633783]] [[224321900977413]]

MOTHER OF GOD


[[159403400834378]] [[301770873198029]] [[124123621037582]] [[165443303555885]] [[225009720907841]] [[159403400834378]]
[[143280719116554]] [[325784210773649]] [[240857172651089]] [[326582487367063]] [[243056889098166]] [[159403400834378]]
[[100126866775028]] [[344748918884490]] [[198318970262933]] [[264742153562246]] [[156223974480296]] [[199239846833770]]
[[337718332906919]] [[159071504197585]] [[159142267522981]] [[285550151496203]] [[217302108349366]] [[243642895706612]]
[[159403400834378]] [[297037847004108]] [[273779062680713]] [[206014099486621]] [[329969420355991]] [[222842284460715]]
Read More.. Read more: http://pelajaran-blog.blogspot.com/2011/04/membuat-read-more-otomatis-auto.html#ixzz1ylpGAzeY

Cara Membuat Efek Lipatan Kertas Di Blog  

Posted by: Ilmu 46 in


Mungkin sobat blogger sudah sering melihat efek lipatan kertas ketika sedang menjelajah website ataupun blogwalking, namun masih bingung tentang cara pemasangannya di blog... nah kebetulan jika ya berarti sobat telah mendarat dengan tepat karena pada postingan artikel ini akan membahas cara pemasangan efek lipatan kertas untuk digunakan di blog. Oke sob jika tertarik untuk mencoba memasang efek lipatan kertas ini monggo disimak tutorialnya...

Contoh :



Cara Pemasangan :
  • Login ke blog sobat...
  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.

  • Cari kode ]]></b:skin> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode ]]></b:skin> tersebut.

    #pageflip {
    position: relative;
    }
    #pageflip img {
    border: none;
    width: 50px; height: 52px;
    z-index: 99;
    position: absolute;
    right: 0; top: 0;
    -ms-interpolation-mode: bicubic;
    }
    #pageflip .msg_block {
    width: 50px; height: 50px;
    position: absolute;
    right: 0; top: 0;
    background: url(http://lh3.googleusercontent.com/-BFy8oqoYLgM/T048MJSYmpI/AAAAAAAABO0/RHVBBWIoeSY/s288/Facebook-logo.png)
    no-repeat right top;
    text-indent: -9999px;
    }

    - Keterangan :
    • Kode yang berwarna biru merupakan URL Link Gambar.
  • Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Head> tersebut.

    <script src='http://monozcore-project.googlecode.com/files/script%20page%20peel.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function(){
    $("#pageflip").hover(function() {
    $("#pageflip img , .msg_block").stop()
    .animate({width: '307px',height: '319px'}, 500);
    } , function() {
    $("#pageflip img").stop()
    .animate({width: '50px',height: '52px'}, 220);
    $(".msg_block").stop()
    .animate({width: '50px',height: '50px'}, 200);
    });
    });
    </script>
  • Cari kode <Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di bawah kode <Body> tersebut. 

    <div id='pageflip'>
    <a href='http://facebook.com' target='_blank'>
    <img alt='' src='http://lh4.googleusercontent.com/-E4pceRFNDIE/T047Qpmfo5I/AAAAAAAABOs/2QTA5duAUg0/s800/sc-page-peel.png'/>
    <span class='msg_block'/>
    </a>
    </div>

    - Keterangan :
    • Kode yang berwarna merah merupakan URL Link yang akan dituju.
    • Kode yang berwarna biru merupakan URL Link gambar kertas.
  • Klik "Save" dan lihat hasilnya...
Read More.. Read more: http://pelajaran-blog.blogspot.com/2011/04/membuat-read-more-otomatis-auto.html#ixzz1ylpGAzeY

Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog  

Posted by: Ilmu 46 in

Berbagi pengalaman pribadi membuat efek lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah masih pemula,, heheheheee,,,,
Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog KTB, [sedikit pamer, heheheheee,, ]
bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog KTB [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:
1. Silahkan Login ke akun blogger anda.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget
4. Kemudian cari kode berikut </body>
5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode  </body>

<script type='text/javascript'>var tujuan =&#39;http://Alamat Url Feeds Sobat&#39;</script>
<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>
6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)
Keterangan:
  • Kode warna hijau: ganti dengan URL Feeds sobat
  • Kode warna putih: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.
Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.
Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.  
1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.
2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan url gambar sobat:
http://petir-project.googlecode.com/files/fedkcl.png 
(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)
3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah url berikut dengan url gambar sobat:
http://petir-project.googlecode.com/files/feed.png
4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti URL http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.
Selamat mencoba ya sobat,,

Sumber Script: http://santaiselalu.blogspot.com
                        http://ardiyafardhanprayoga.blogspot.com
Read More.. Read more: http://pelajaran-blog.blogspot.com/2011/04/membuat-read-more-otomatis-auto.html#ixzz1ylpGAzeY

cara membuat sign up dan Login di blog  

Posted by: Ilmu 46 in

Kali ini ilmukudu memberikan tips dan trik bagaimana cara membuat form untuk meregister sekaligus login di blog untuk member terdaftar, dan sudah tentu kita akan menggunakan database MySQL untuk menyimpan data para member terdaftar. Perlu diingat source PHP yang saya tulis ini berjalan pada PHP 4.2.3 atau lebih disarankan untuk menggunakan PHP versi 4.3 atau lebih.
contoh sederhananya seperti ini :

Mari kita mulai!
Pertama-tama kita harus mempunyai web houtingnya.sekarang untuk pemula atau mencoba kamu bisa masuk webhousting geratis dihttp://www.ueuo.com/ karna di sini kamu tidak di kenakan biyaya sedikitpun.
lalu kamu bisa siapkan terlebih dulu databasenya. Silahkan jalankan mysql Client kamu. Masih bingung atau lupa menjalankan mysql client ? Ok saya coba ingat-ingatkan kembali…Mysql client yang digunakan disini adalah yang berbasis teks dan di ekskusi pada shell.
Setelah database sudah disiapkan kita akan membuat tablenya. Berikut ini adalah contoh tablenya.
CREATE TABLE `user` (
`id` int(10) NOT NULL auto_increment,
`nama` varchar(20) collate latin1_general_ci NOT NULL,
`password` varchar(100) collate latin1_general_ci NOT NULL,
`level` int(3) NOT NULL,
`realname` varchar(50) collate latin1_general_ci NOT NULL,
`email` varchar(100) collate latin1_general_ci NOT NULL,
`url` varchar(100) collate latin1_general_ci NOT NULL,
`waktu` int(20) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=6 ;
Selesai sudah persiapan database sekarang kita pindah ke bagian PHP sourcenya. Disini kita akan membuat beberapa file untuk proses pendaftaran dan login yang sudah terdaftar.
atau download software untuk database klik di sini…..
  • Buka http://www.ueuo.com/, Kemudian Login,
  • Setelah Login dianggap sah, akan muncul jendela baru “Member Area
  • Klik tombol “File Manager” sehingga akan muncul halaman seperti ini

  • lalu kita buat file baru lalu beri judul koneksi-inc.php, adalah untuk menghubungkan koneksi tepatnya.masukan code di bawah ini lalu save :
<?php
mysql_connect(“localhost”,”user”,”pass”);
mysql_select_db(“nama-database”);
?>
  • kemudian kita buat file baru lagi dengan judul script kirim.php.masukan code berikut
html> <body>
<?
include”koneksi.inc.php”;
session_start();
$passwordc=md5($_POST[password]);
$query=”SELECT * FROM user WHERE nama=’$_POST[namaid]‘ AND password=’$passwordc’”;
$hasil=@mysql_query($query);
$row=@mysql_fetch_array($hasil);
if(!empty($row[nama]) && !empty($row[password]))
{
session_register(“namauser”);
$_SESSION[namauser]=”$row[nama]“;
?>
<script>
window.location=’http://ilmukudu.blogspot.com/’;
</script>
<?
}
else
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n invalid NAMA_ID dan PASSWORD”)
window.location =”http://ilmukudu.blogspot.com/”;
</script>
<?
}
?>
</body>
</html>
Catatan : Ganti text yang berwarna merah atau link ilmukudu dengan alamat blog anda.
  • sekarang new file kembali kita akan membuat file beri judul scriptlogin.php
<?
Header(“content-type: application/x-javascript”);
include”koneksi.inc.php”;
session_start();
$form=”<form method=’POST’ action=’http://ilmukudu.freevar.com/kirim.php’>”;
$form .=”<table>”;
$form .=”<tr><td colspan=2><input type=’text’ name=’namaid’ value=’login’></td></tr>”;
$form .=”<tr><td colspan=2><input type=’password’ name=’password’ value=’******’></td></tr>”;
$form .=”<tr><td><input type=’submit’ name=’submit’ value=’sign in’></td><td><a href=’http://ilmukudu.freevar.com/daftar.php’>Sign Up</a></td></tr>”;
$form .=”</table>”;
$form .=”</form>”; if($_SESSION[namauser]==”")
{
echo “document.write(\”$form\”)”;
}
else
{
$login=”<table><tr>”;
$login .=”<td>$_SESSION[namauser]</td>”;
$login .=”<td><a href=\”http://ilmukudu.freevar.com/logout.php\”>[LOGOUT]</a></td></tr></table>”;
echo “document.write(‘$login’)”;
}
?>
Catatan : Ganti bagian yang berwarna merah dengan alamat hosting anda sendiri
  • Langkah selanjutnya buat file baru kembali dengan nama scriptdaftar.php berikut adalah contoh codenya :
<?
session_start();
function makeRandomcaptcha() {
$salt =”abch123efgABCDEFhjkm4LMNP567npqGHIJKrstuvwxyz89″;
srand((double)microtime()*1000000);
$i = 0;
while ($i <= 5) {
$num = rand() % 33;
$tmp = substr($salt, $num, 1);
$pass = $pass . $tmp;
$i++;
}
return $pass;
} $captcha_word = makeRandomcaptcha();
if($_GET[tampil]==”1″)
{
$im = imagecreate(100, 30);
$hitam = imagecolorallocate( $im,255,255,255);
$putih = imagecolorallocate( $im,0,0,0);
$ukuran_font = 5;
imageline($im, 0, 15, 99, 15, $putih);
$pos_x = (imageSX($im) – strlen($_GET[cod]) * imagefontwidth($ukuran_font))/2;
$pos_y =(imageSY($im) – imagefontheight($ukuran_font))/2;
imagestring($im, $ukuran_font, $pos_x, $pos_y, $_GET[cod], $putih);
header(“Content-Type: image/jpeg”);
imageJPEG($im);
imagedestroy($im);
}
include”koneksi.inc.php”;
?>
<fieldset style=”padding:4px;border:1px solid #bbbbbb;width:500px;font-family:verdana;font-size:11px”>
<legend align=right><b><i>SILAHKAN DAFTAR</i></b></legend>
<table border=0 width=500px cellpadding=4 cellspacing=4 style=”font-family:verdana;font-size:10px”>
<form method=post action=”daftar.php”>
<tr>
<td><b>NAMA ID</b></td>
<td><input type=text name=nama_id size=30 maxlength=”8″ value=”<? echo”$_POST[nama_id]“; ?>”></td>
</tr>
<tr>
<td><b>NAMA ANDA</b></td>
<td><input type=text name=nama_dpn size=30 maxlength=”50″ value=”<? echo”$_POST[nama_dpn]“; ?>”></td>
</tr>
<tr>
<td><b>EMAIL</b></td>
<td><input type=text name=email size=50 maxlength=”30″ value=”<? echo”$_POST[email]“; ?>”> <br> ( mis : ermi.onlinez@gmail.com )</td>
</tr>
<tr>
<td><b>URL</b></td>
<td><input type=text name=url size=50 maxlength=”40″ value=”<? echo”$_POST[url]“; ?>”> <br> ( mis : http://ilmukudu.blogspot.com/ )</td>
</tr>
<tr>
<td><b>PASSWORD</b></td>
<td><input type=password name=password size=30 maxlength=”8″></td>
</tr>
<tr>
<td><b>CONFIRM PASSWORD</b></td>
<td><input type=password name=passwordc size=30 maxlength=”8″></td>
</tr>
<tr><td colspan=2><b>MASUKKAN KODE</b> </td></tr>
<tr><td colspan=2>
<? echo”<img src=daftar.php?tampil=1&cod=$captcha_word>”; ?>
</td>
</tr>
<tr><td colspan=2><input type=text name=word id=”word”></td></tr>
<input type=hidden name=words id=”words” value=”<? echo”$captcha_word”; ?>”></td></tr>
<tr>
<td colspan=2 align=right>[ <a href="http://ilmukudu.blogspot.com">Kembali</a> ] <input type=submit name=subdaf value=’Daftar’> <input type=reset value=’Reset’></td>
</tr>
</form>
</table>
</fieldset>
<?
if($_POST[subdaf])
{
$nama_id=str_replace(” “,”_”,$_POST[nama_id]);
$urlstr=substr(“$_POST[url]“,0,7);
$check_anggota=mysql_query(“SELECT nama FROM user WHERE nama=’$nama_id’”);
$col_anggota=mysql_fetch_array($check_anggota);
if(empty($nama_id))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n NAMA ID TIDAK BOLEH KOSONG”)
</script>
<?
}
elseif(!empty($col_anggota[nama]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n NAMA ID YANG ANDA GUNAKAN SUDAH EXIST \n SILAHKAN COBA YANG LAIN”)
</script>
<?
}
elseif(empty($_POST[nama_dpn]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n NAMA ANDA TIDAK BOLEH KOSONG”)
</script>
<?
}
elseif(empty($_POST[email]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n EMAIL TIDAK BOLEH KOSONG”)
</script>
<?
}
elseif(!ereg(“^.+\..+$”,$_POST[email]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n INVALID PENULISAN EMAIL”)
</script>
<?
}
elseif(empty($_POST[url]))
{
echo”<script>alert(‘url tidak boleh kosong’)</script>”;
}
elseif($urlstr!=”http://”)
{
echo”<script>alert(‘salah penulisan url’)</script>”;
}
elseif(empty($_POST[password]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n PASSWORD TIDAK BOLEH KOSONG”)
</script>
<?
}
elseif($_POST[password]!=”$_POST[passwordc]“)
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n PASSWORD TIDAK MATCH”)
</script>
<?
}
elseif($_POST[word]!=$_POST[words])
{
echo”<script>alert(‘kode salah’)</script>”;
}
else
{
$now=time();
$passwordc=md5($_POST[password]);
$register=mysql_query(“INSERT INTO user (NAMA,PASSWORD,LEVEL,REALNAME,EMAIL,URL,WAKTU) VALUES(‘$_POST[nama_id]‘,’$passwordc’,’2′,’$_POST[nama_dpn]‘,’$_POST[email]‘,’$_POST[url]‘,’$now’)”);
if($register)
{
$welcome .=”Dear $_POST[nama_dpn]“.”,”.”\n”;
$welcome .=”Welcome, Salam Kenal dengan Anda dan Selamat bergabung dengan kami”.”\n\n”;
$welcome .=”LOGIN ID ANDA”.”:”.”$_POST[nama_id]“.”\n”;
$welcome .=”PASSWORD ANDA”.”:”.”$_POST[password]“.”\n\n”;
$welcome .=”# author:BLOGPROJECT ALIMUNANDAR\n”.
“# email: alimunandar@gmail.com\n”.
“# url :http://ilmukudu.blogspot.com”;
$kirim= mail(“$_POST[email]“,”KEANGGOTAAN ANDA”,”$welcome\n\n”, “FROM:\”BlogProject Ocim\”<alimunandar@gmail.com>\n”.”X-IP-Address: $_SERVER[REMOTE_ADDR]\n”.”X-Referer: $_SERVER[HTTP_REFERER]\n”);
}
?>
<script>alert(“Thanks, Anda Sudah Menjadi Member Kami \n ID dan PASSWORD sudah kami kirim ke EMAIL Anda \n Silahkan di Cek”);
window.location=”http://ilmukudu.blogspot.com”;
</script>
<?
}
}
?>
Keterangan : Ganti Text berwarna Merah dengan alamat anda di Blogspot
Yang Berwarna kuning, ganti dengan email , sebagai informasi, bagian yang berwarna kuning akan dikirim langsung ke Email pendaftar, jika registrasinya berhasil dieksekusi
Tahap akhir adalah menyisipkan FORM LOGIN pada Blogger.com. Masuk ke Account Blogger > layout > Add A Gadget > HTML/Javascript > Copy paste script berikut
<script src=”http://ilmukudu.freevar.com/login.php” type=”text/javascript”></script>
Keterangan : Ganti Text berwarna Merah dengan alamat hosting anda
Silahkan uji coba sendiri, masukkan nama login anda dan password
(ingat !!! bukan kode encriptnya)
Read More.. Read more: http://pelajaran-blog.blogspot.com/2011/04/membuat-read-more-otomatis-auto.html#ixzz1ylpGAzeY

Membuat Sliding Login/Register Form Panel di Blog  

Posted by: Ilmu 46 in

Selamat pagi sob, mumpung masih pagi dan masih ada waktu, pagi hari ini saya akan menepati janji saya kepada sobat @kuliksera, yang tadi malam req bagaimana cara membuat form login/register di dalam sebuah blog. berikut kutipan lewat komentar dari sobat @kuliksera "ow ya nih, sekalian bertanya. jika sobat tau,soalnya keliling2 di google udah sampe kesasar sasar + pusing tujuh keliling lebai deh :-). bikin register untuk blog kita sob,agar pengunjung dapat juga menuliskan pengetahuan mereka di blog kita. karena klo untuk login di blogger kan tidak semuanya yang memiliki akun di blogger"

Login Form yang akan saya bahas hanya Contoh dan tidak dapat digunakan layaknya Login Form seperti di Facebook, Twitter, atau yang lainnya. Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member.
Sebagai contoh sobat bisa melihat pada screenshot dibawah ini:


Sceenshot/Demo

Form tersebut berada di atas header blog/nafbar blog, dengan efek sliding.
Seperti itulah kiranya yang akan saya buat, bila sobat tertarik, langsung saja berikut langkah-langkah membuatnya:

1. Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget"
6. Lalu carilah kode: </head>
7. Bila sudah ketemu, letakan kode berikut di atas kode </head>

<script src='http://web-kreation.com/demos/Sliding_login_panel_jquery/js/jquery-1.3.2.min.js' type='text/javascript'/><script style='display:none' type='text/javascript'>$(document).ready(function() {

// Expand Panel
$(&quot;#open&quot;).click(function(){
$(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);
});

// Collapse Panel
$(&quot;#close&quot;).click(function(){
$(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);
});

// Switch buttons from &quot;Log In | Register&quot; to  &quot;Close Panel&quot; on click
$(&quot;#toggle a&quot;).click(function () {
$(&quot;#toggle a&quot;).toggle();
});

});
</script>


8. Setelah itu cari kode: ]]></b:skin> setelah ketemu copy paste-kan kode berikut tepat diAtasnya


/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}

.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}

.tab ul.login li.left {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li.right {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
color: #15ADFF;
}

.tab ul.login li a:hover {
color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}

.tab a.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/css/../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#panel {
width: 100%;
height: 270px;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}

#panel h1 {
font-size: 1.6em;
padding: 5px 0 10px;
margin: 0;
color: white;
}

#panel h2{
font-size: 1.2em;
padding: 10px 0 5px;
margin: 0;
color: white;
}

#panel p {
margin: 5px 0;
padding: 0;
}

#panel a {
text-decoration: none;
color: #15ADFF;
}

#panel a:hover {
color: white;
}

#panel a-lost-pwd {
display: block;
float: left;
}

#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}

#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}

#panel .content .right {
border-right: 1px solid #333;
}

#panel .content form {
margin: 0 0 10px 0;
}

#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}

#panel .content input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}

#panel .content input:focus.field {
background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}

#panel .content input.bt_login {
width: 74px;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
width: 94px;
color: white;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline;
}


9. Lanjut lagi sob, cari lagi kode: </body> kemudian letakan kode dibawah ini tepat diAtasnya

<!-- Login -->
<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<h1>Welcome In Kode Blogger</h1>
<h2>Contoh Sliding Login Dengan JQuery</h2>
<p class='grey'>Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member</p>
<h2>Tutorial Blog</h2>
<p class='grey'>Untuk membuatnya Silahkan : <a href='http://kode-blogger.blogspot.com/2011/05/membuat-sliding-loginregister-form.html' title='Download'>Klik Disini</a></p>
</div>

<div class='left'>
<form action='#' class='clearfix' method='post'>
<h1 class='padlock'>Member Login</h1>
<label class='grey' for='log'>Username:</label>
<input class='field' id='log' name='log' size='23' type='text' value=''/>
<label class='grey' for='pwd'>Password:</label>
<input class='field' id='pwd' name='pwd' size='23' type='password'/>
<label><input checked='checked' id='rememberme' name='rememberme' type='checkbox' value='forever'/> Remember me</label>
<div class='clear'/>
<input class='bt_login' name='submit' type='submit' value='Login'/>
<a class='lost-pwd' href='#'>Lost your password?</a>

</form>
</div>
<div class='left right'>
<form action='#' method='post'>
<h1>Not a member yet? Sign Up!</h1>
<label class='grey' for='signup'>Username:</label>
<input class='field' id='signup' name='signup' size='23' type='text' value=''/>
<label class='grey' for='email'>Email:</label>
<input class='field' id='email' name='email' size='23' type='text'/>
<label>A password will be e-mailed to you.</label>
<input class='bt_register' name='submit' type='submit' value='Register'/>
</form>
</div>

</div>
</div>
<!-- /login -->
<!-- The tab on top -->
<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Halo Semuanya</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>Masuk | Daftar</a>
<a class='close' href='#' id='close' style='display: none;'>Tutup Panel</a>
</li>

<li class='right'/>
</ul>
</div>
<!-- / top -->
</div>
<!-- panel -->

Perhatikan kode diatas yang diberi warna Kuning dan Hijau, gantilah tulisan tersebut sesuai keinginan sobat.

10. Seepp, selesai sob, jangan lupa klik Simpan/Save Template, dan lihat hasilnya.

Selamat mencoba, dan semoga bermanfaat. Salam Blogging... \m/
Sumber: http://www.maskolis.co.cc/
Read More.. Read more: http://pelajaran-blog.blogspot.com/2011/04/membuat-read-more-otomatis-auto.html#ixzz1ylpGAzeY

Cara Membuat Slide Show Foto Di Blogger /Blogspot  

Posted by: Ilmu 46 in

Singkat padat stelah share Cara Membuat Preview Gambar Di Blog langsung aja kangroni menanggapi permintaan sobat fb kangroni yang ingin tahu bagaimana caranya membuat slide show foto di blog.
Sekedar pengetahuan mengenai slide show foto yaitu gambar atau foto yang tampak berubah-ubah secara berurutan dan otomatis pada halaman blog.

Langkah-langkah Membuat Slide Show Foto Di Blogger /Blogspot

1.Login Blogger.com
2.Masuk halaman Rancangan lalu pilih Edit HTML
3.Cari kode </head>
4.Selanjutnya taruh kode dibawah ini sebelum kode </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function() {

//Execute the slideShow, set 6 seconds for each images
slideShow(3000);

});

function slideShow(speed) {


//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});

//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});

//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));

//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});

//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);

}

function gallery() {


//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));

//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);

//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});

//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}

//]]>
</script>

<style type="text/css">
ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>

5.Save/simpan.Selanjutnya sobat kembali kehalaman Rancangan lalu klik Tambah Gadget kemudian pilih HTML/JavaScript dan masukkan kode dibawah ini:

<ul class="slideshow">

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hq2JKCTG4vhyphenhyphenNrfLxUi49yX1m8d2CiP9vba2ZEtPMB2kOXWlEF1SprrqDifQpoy20uN5t_3YnBdx2dnNmNrUvEoPipo9aIS72S3m6BsaVL5BvxefFBs3wIJKd7GClxnd2fc9-hpS7_Q/s1600/1.jpg" title="This is featured post 1 title" alt="Replace This Text With Your Featured Post 1 Description." /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwO-YGzU54vh9QHzTazPAmwhTwTZ86Z9oAlZ-pk-mPVE2dSPgh254pS0qeTEEEh0cCTmbYXSXlgMAylhVmBMBJvpWFmlzq05mU6Mbw2Lxb69yQSQf1nPuF4QHlFslmb07_I-2qr7OkDz4/s1600/2.jpg" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrNvhguDPZ-OlKo4KOivAXK5jayEBw8UzP4k4GuYsPKL5k-sC18JJQEWOt67KgRBqbkL8bFDnYU6BWT-0g-aZP6EJvJk8O2nHG_j7pzV4Cabmpcv4o3c5TJmjLGW7l9oYjomLzBA5Fans/s1600/3.jpg" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4L8AVAIk90PPsCwmsw7n7PksdVYyqM-nkaCbywWXULkrXr5_NWgYHHihiERkwWAUQUAcfBr7M6JsTL1mJRTQV3RxM3wcwSprPwmkPeMzD-SboNJbF-xNvICXjoeyBphQXe02jSUEro7s/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li>

</ul>

6.Simpan dan lihat hasilnya Slide Show Foto Di Blogger /Blogspot.
Ket:Untuk kode yang diberi warna merah ganti dengan URL/link gambar sobat dan warna biru untuk judul dan deskripsi gambar agar bisa di indeks oleh mesin pencari Google dll.
Read More.. Read more: http://pelajaran-blog.blogspot.com/2011/04/membuat-read-more-otomatis-auto.html#ixzz1ylpGAzeY

Kumpulan Efek - Efek Blog: Ringan >> Berat  

Posted by: Ilmu 46 in

Share kumpulan efek blog yang telah di posting oleh sobat CHRISTIAN TATELU  kumpulan efek-efek blog baik dari yang ringan hingga yang berat, untuk diterapka pada blog sobat sekalian, singkat cerita saja silakan simak keterangan berikut.


Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

2. Efek hati bertaburan

3. Efek bintang bertaburan

4. Efek kembang api


5. Efek Gelembung


Cara pemasangan :
  1. Klik rancangan --> Edit html
  2. Letakkan script efek di atas kode </body>
  3. Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh



2. Banjir



3. Bunga Mekar



4. Bom Atom



5. Ufo



6. Graffity



7. Shaver



8. Gun



9.Bloody gun



10. Paint ball



11. Chainsaw



12. Dinosaur



13. Lebah



14. Lalat



15. Semut



16. Siput



17. Cacing



18. Mold



19. Bayi merangkak



20. Telur mata sapi



21. Kopi tumpah



22. Terbakar



23. Tomat



24. Creampie



25. Murka



26. Sapi Jorok



27. Anjing Jorok



28. Kencing Sembarangan


Cara pemasangan :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan script efek di dalam kotak yang di sediakan
  3. Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.. salam..

Sumber: http://christiantatelu.blogspot.com
Read More.. Read more: http://pelajaran-blog.blogspot.com/2011/04/membuat-read-more-otomatis-auto.html#ixzz1ylpGAzeY