Submit

Recent Comment

..::UPLOAD AREA::..

Rasau Hijau Menerima Donasi Ilmu Pendidikan Yang Bersifat mendidik,Donatur dapat mengirimkannya lewat Form Pengiriman di bawah ini,Terimakasih
Form Donasi Ilmu
Segala Donasi Yang Bermamfaat,Rasau Hijau Sangat berterima kasih
Name *
Email *
Website
Subject *
Message *
Unggah File Ilmu Anda
Silahkan anda Unggah File Yang Bermamfaat,File yang Memenuhi Kriteria Akan di Tampilkan di Blog
Anda Juga Bisa Mengirim Tautan Link Yang Dapat anda Terakan di Kotak Message

Recent Post

Selasa, 01 Maret 2011

Pasang Recent Post bergerak plus Thubmnail Keren

kali ini Rasau Hijau membagi tutorial wigets keren,Recent Post yang biasa dan terkesan monoton sekarang akan terasa Berbeda,lebih aktraktif dan bergaya,dengan efek marquee dan Thubmnail,seperti Preview di bawah ini.

bagaimana tertarik sobat-sobat sekalian untuk mencobanya,jika tertarik sobat bisa copypaste code berikut di pilihan Wigets  HTML/java Script.

<center><h2><b>..::Recent Post::..</b></h2></center>

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

<style media="screen" type="text/css">

<!--

#spylist {

overflow:hidden;

margin-top:5px;

margin-bottom:-20px;

padding:0px 0px -20px 0px;

height:350px;

}

#spylist ul{

width:280px;

overflow:hidden;

float:center;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#spylist li {

width:262px;

padding: 2px 2px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:70px;

overflow: hidden;

background:transparent;

border:0px solid #ddd;

}

#spylist li a {

text-decoration:none;

color:#A32929;

font-size:12px;

height:0px;

overflow:hidden;

margin: 0px 0px;

padding:0px 0px 0px 0px;

}

#spylist li img {

float:left;

margin-right:5px;

background:#EFEFEF;

border:0;

}

.spydate{

overflow:hidden;

font-size:0px;

color:#0284C2;

padding:2px 0px;

margin:1px 0px 0px 0px;

height:0px;

font-family:Tahoma,Arial,verdana, sans-serif;

}

.spycomment{

overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:0px;

color:#262B2F;

padding:0px 0px;

margin:0px 0px;

}

-->

</style>

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = " ";

showPostDate = false;

showcomments = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 20;

home_page = "http://BLOGSOBAT.blogspot.com/";

limitspy=4

intervalspy=4000

</script>

<div id="spylist">

<script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>

</div>
 NB: ganti Tulisan Berwarna Merah sesuai Nama Blog Anda. Jangan Lupa di Save..lalu Letakan sesuai keinginan,

Sekian Tutorial dari Rasau Hijau,semoga bermamfaat ...

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Rasau Hijau.com di inbox anda:


6 komentar:

  1. Wah sobat... mantab postny... ^^..
    Bikinan sendiri tuh ya??

    BalasHapus
  2. @Asal SukaAda yng sedikit di modifikasi..nggak seluruhnya Handmade..hehehehe,BTW Tanks dah mampir bro..

    BalasHapus
  3. bos script nya aku taruh di sidebar tidak bisa lo gag keluar apa apa malah kode htmlnya yg keluar mohon di cek

    BalasHapus
  4. @rifaimaaf sobat ada kesalahn teknis..udah di perbaiki..silahkan anda coba..kali ini pasti bisa..

    BalasHapus
  5. sip keren sob wah blog ku makin gendut aja nie klo ada yang bagus bagus he...tanks yah

    BalasHapus
  6. @rifaihahahah..biar mantap bagusnya di compres aja scriptnya..biar lebih ringan...

    BalasHapus

Komentar Anda Sangat berarti Bagi Rasau Hijau
Silahkan Masukan Komentar Anda,Jika Anda Tidak Memiliki Account,anda bisa memilih Anonymous- No HARAS-

 

Friends Blog

Mengenai Saya

Foto Saya
Blog Untuk berbagi Ilmu

GRATIS BLOGGER TEMPLATES