Kelly Clarkson - American Idol's rules, not linked a record company.

Kelly Clarkson, shortly following the completion of the 1st season of American Idol, she was accused of working with a record company.

American Idol's rules stated that a contestant (including Kelly Clarkson)was not allowed to compete on the program if they had been linked to a record company.

However, Kelly Clarkson was cleared of all allegations, as she had only had a contract in order to conduct demonstration work.

Convert WordPress Theme to Blogger (Blogspot)

Kalo jalan-jalan ke alamat2 yang menyediakan template gratis untuk Blogger (blogspot) aku sangat..sangat..iri. Yaa..dari dulu aku pengen banget bisa membuat template sendiri,baik itu aku gunakan sendiri atau mungkin digunakan oleh orang lain tapi aku sendiri gak ngerti apa-apa soal kode css, html, javascript, atau apalah itu. Sebenernya ada sih alamat bikin template online tapi aku males,hehehehe....

Selain bisa buat template sendiri, yang lebih besar lagi, aku jg pengen bisa mengkonvert WordPress Theme ke Blogger. Dan ini adalah obsesi. Obsesi?? katakanlah gitu.. Kadang aku coba bandingin kode yg ada pada Template Blog dengan kode asli pada WordPress Theme untuk mencari tau apa saja yg diubah jika mau mengkonvert WordPress Theme ke Blogger Template. Tapi semakin aku coba pahami, semakin aku gak mengerti dan bikin pusing,hahahahahaa...

Gak tau kenapa, kalo liat template2 hasil konvert dari WordPress, seneng aja dibandingin template asli untuk blogspot. Pernah kirim email ke orang2 yg biasa mengkonvert WordPress Theme ke Blogger Template untuk sekedar bertanya, sukur2 mau ngajari aku, langkah2 mengkonvert WordPress Theme ke Blogger Template tapi mpe sekarang belum ada jawaban sama sekali !! Mungkin gak penting emailku,hehehehe...

Gimana ya caranya supaya bisa mengkonvert WordPress Theme ke Blogger Template sedangkan aku gak punya dasar pengetahuan soal kode2?? Yang pasti bakalan susah to yo reng..ireng..Kw ki pie tho?? haehahahahaha... Kalo harus belajar tentang HTML dan tetek bengek, aku males.. (lha..nek males yo kapan le iso?? aneh kw ki..dasar..ireng_ajah)

Upss..lupa aku. Aku baru inget. Aku punya temen yang punya dasar soal kode2 n dia pernah buat Template sendiri untuk Website suatu Radio punya keluarganya. Bisa tanya2 neh ma dia dan yang pasti,dia harus sabarrr...bangettt...mengajari aku,hehehehee...

Semoga aja otak ku ini mampu menampung kode2 tersebut..

Year 4 Girls win Gold At Football Tournament!

The year 4 girls went to Caterham to take part in a football tournament. There were 10 other schools taking part. Glade girls one every match, with Becky Condon scoring a wopping 10 goals in one match!!!!! Great team work by all the girls. Well done to Hayley.B, Aneesa, Lauren.C, Becky, Elizabeth. Tia, Zara and Annabelle!!!!

Membuat Menu Tabview (Versi I : ShadeTabView)

Kadang, karena widget-widget pada blog banyak, blog terkesan penuh sesak. Oleh karena itu, alangkah baeknya sobat meringkasnya dalam 1 tempat dengan menggunakan Tabview. Dengan demikian, blog sobat lebih enak dipandang mata,halah...Kata pengantar urak mutu.. Karena jenis2 Tabview banyak, aku coba dengan Tabview yang ini dulu, ShadeTabview.

Langkah-langkahnya :
1. Login blog

2. Masuk ke Layout

3. Edit HTML (sobat gak perlu centang Expand Widget Templates)

4. Cari kode berikut ]]></b:skin>

5. Letakkan kode script berikut di bawah kode ]]></b:skin>


<link href='http://atozet18.googlepages.com/tabviewcontent.css' rel='stylesheet' type='text/css'/>

<script src='http://atozet18.googlepages.com/tabviewcontent.js' type='text/javascript'/>


6. Save

7. Sekarang sobat klik Page Element pada Layout

8. Add a Gadget dan pilih HTML/Javascript

9. Masukkan kode berikut


<ul id="countrytabs" class="shadetabs">
<li><a href="#" class="selected" rel="country1">Demo 1</a></li>
<li><a href="#" rel="country2">Demo 2</a></li>
<li><a href="#" rel="country3">Demo 3</a></li>
<li><a href="#" rel="country4">Demo 4</a></li>
<li><a href="http://www.dynamicdrive.com" target="_blank">Dynamic Drive</a></li>
</ul>

<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">

<div id="country1" class="tabcontent">
Just a Demo..Just a Demo
<a href="http=blogcenti.blogspot.com">Berita Basi</a>
<a href="http=blogcenti.blogspot.com">Cerita hari ini</a>
<a href="http=blogcenti.blogspot.com">Basa basi</a>

</div>

<div id="country2" class="tabcontent">
Just a Demo..Just a Demo
<a href="http://dhe-gallery.blogspot.com" target="_blank">Free Blogger Template</a>
<a href="http://dhe-gallery.blogspot.com" target="_blank">Free WordPress Theme</a>
<a href="http://dhe-gallery.blogspot.com" target="_blank">Free Site Template</a>
</div>

<div id="country3" class="tabcontent">
Just a Demo..Just a Demo
<a href="http://azthemes.blogspot.com" target="_blank">WordPress Theme</a>
<a href="http://azthemes.blogspot.com" target="_blank">Site Template</a>

</div>

<div id="country4" class="tabcontent">
Just a Demo..Just a Demo
<a href="http=moneylocker.blogspot.com">Pay per click</a>
<a href="http=moneylocker.blogspot.com">Pay per sale</a>
<a href="http=moneylocker.blogspot.com">Pay per lead</a>
</div>

</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
<a href="http://blogcenti.blogspot.com/" target="_blank">Just a Blog</a>


10. Save

Lihat demo

Keterangan :

- warna biru = judul kategori Tab
- warna hijau = lebar Tabview. Sesuaikan dengan keinginan sobat
- warna merah = Area teks atau link. Ganti dengan punya sobat
- untuk menambahkan atau mengurangi Tabs, sobat tinggal tambahkan kode seperti berikut :

<li><a href="#" rel="country4">Demo 4</a></li>

dan

<div id="country4" class="tabcontent">
Just a Demo..Just a Demo
</div>

Sumber

Kelly Clarkson - Song performances on American Idol

Songs performances of Kelly clarkson on American Idol as below table result

Original audition: "Express Yourself" (Madonna) and "At Last" (Etta James)

Round	Song Choice	Original Artist	Theme (if any)	Result
Top 121	"Respect"	Aretha Franklin	Hollywood round 1	Safe
Top 65	"I Say a Little Prayer"	Dionne Warwick	Hollywood round 2	Safe
Top 45	"Save The Best For Last"	Vanessa L. Williams	Hollywood round 3	Safe
Top 30	"Respect"	Aretha Franklin	Semi-final group 2	Safe
Top 10	"You're All I Need to Get By"	Marvin Gaye/Tammi Terrell	Motown	Safe
Top 8	"(You Make Me Feel Like) A Natural Woman"	Aretha Franklin	1960s week	Safe
Top 7	"Don't Play That Song"	Aretha Franklin	1970s week	Safe
Top 6	"Stuff Like That There"	Betty Hutton	Big Band week	Safe
Top 5	"Walk on By"	Dionne Warwick	Burt Bacharach week	Safe
Top 4	"It's Raining Men" "I Surrender"	Weather Girls Céline Dion	1980s week 1990s week	Safe
Top 3	"Think Twice" "Without You"	Céline Dion Badfinger	Judge's Week	Safe
Top 2	"Respect" "Before Your Love" "A Moment Like This"	Aretha Franklin Kelly Clarkson Kelly Clarkson	Singer's Choice Week	Safe
Finale	"A Moment Like This"	Kelly Clarkson	Winner's single	Winner

Urban Gray Accordion Menu Versi II

Jika pada postingan pertama Membuat Urban Gray Accordion Menu, kita tinggal copas kode script ke Add Elemen HTML, untuk yang versi II ini, kita masuk ke edit HTML pada template. Perbedaan yang akan diperoleh adalah pada versi II ini, hasil Accordion Menu akan sesuai dengan kode script. Beda dengan copas langsung ke Elemen HTML karena hasilnya menyesuaikan dengan template yg dipakai.

Langsung aja :
1. Login blog,pilih Layout/tata letak

2. Edit HTML (sobat gak perlu mencentang Expand Widget Template)

3. Cari kode </head>

4. Masukkan script ini diatas/sebelum kode </head>


<script src='http://atozet18.googlepages.com/urbanjquery-1.2.6.pack.js' type='text/javascript'/>
<script src='http://atozet18.googlepages.com/urbanddaccordion.js' type='text/javascript'/>
<script src='http://atozet18.googlepages.com/urbanmenu.js' type='text/javascript'/>


5. Cari kode ini ]]></b:skin>

6. Kemudian copy dan paste kode berikut di atas kode ]]></b:skin>


/*accordion urban gray menu
-------------------------------*/

.urbangreymenu{
width: 180px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(http://atozet18.googlepages.com/urbanarrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

7. Save

Keterangan :

- warna merah pada kode script = lebar accordion menu. Sobat bisa ganti sesuai keinginan sobat


Setelah itu sobat masuk lagi ke Layout/tata letak lagi

1. Masuk ke Tab Add Page Element

2. Pilih Add Gadget

3. Pilih HTML/JavaScript

4. Copy dan paste kode berikut


<div class="urbangreymenu">

<h3 class="headerbar">
<a href="httpblogcenti.blogspot.com">Just a Blog</a></h3>
<ul class="submenu">
<li><a href="http=blogcenti.blogspot.com">Berita Basi</a></li>
<li><a href="http=blogcenti.blogspot.com">Cerita hari ini</a></li>
<li><a href="http=blogcenti.blogspot.com">Basa basi</a></li>

</ul>

<h3 class="headerbar">
<a href="http://dhe-gallery.blogspot.com" target="_blank">Fre Template</a></h3>
<ul class="submenu">
<li><a href="http://dhe-gallery.blogspot.com" target="_blank">Free Blogger Template</a></li>
<li><a href="http://dhe-gallery.blogspot.com" target="_blank">Free WordPress Theme</a></li>
<li><a href="http://dhe-gallery.blogspot.com" target="_blank">Free Site Template</a></li>

</ul>


<h3 class="headerbar">
<a href="http://azthemes.blogspot.com">Premium Theme</a></h3>
<ul class="submenu">
<li><a href="http://azthemes.blogspot.com" target="_blank">WordPress Theme</a></li>
<li><a href="http://azthemes.blogspot.com" target="_blank">Site Template</a></li>

</ul>

<h3 class="headerbar">
<a href="http=moneylocker.blogspot.com">Free Money</a></h3>
<ul class="submenu">
<li><a href="http=moneylocker.blogspot.com">Pay per click</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per sale</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per lead</a></li>

</ul>
</div>


5. Save

Keterangan :
- warna biru = link. Sobat ganti dengan link punya sobat.
- jika ingin menampilkan teks, hapus semua kode dibawah <ul class="submenu">, kemuadian masukkan teks
- untuk menambahkan Menu, cukup tambahkan kode seperti berikut :

<h3 class="headerbar">
<a href="http=moneylocker.blogspot.com">Free Money</a></h3>
<ul class="submenu">

dan masukkan teks atau link sobat.


Lihat demo

Membuat Urba Gray Accordion Menu lebih simple disini

Terimaksih untuk Dynamicdrive untuk script nya

Highlighter Scroller Sebagai Mini Post

Highlighter Scroller ?? Gak tau juga gimana neranginnya. Pokok nya itu lah.. Highlighter Scroller bisa dijadikan sebagai mini post, menu blog, atau mungkin sebagai blogroll. Aku dapat script ini dari Javascriptkit. Dari keterangan, script ini tinggal masukin dimana sobat mau nempatin Highlighter Scroller nya. Mudah bukan??
Sebelumnya sih aku coba utak-utik lewat Edit HTML tapi berhubung aku gak paham dengan yg namanya kode-kode, jadinya aku gak tau harus ditaruh dimana,heheheheee...

Langkah-langkah membuat Highlighter Scroller :

1. Masuk ke Page Element
2. Add elemen HTML
3. Copat kode yg ada dibawah ini, dan SAVE

Berikut ini adalah kode script nya :


<script type="text/javascript">

//CONFIGURE MESSAGES AND VARIABLES
var tickercontents=new Array()
tickercontents[0]='Looking for template?? Visit <a href="http://dhe-gallery.blogspot.com" target="_blank">Dhe-Gallery</a>!'
tickercontents[1]='You can get <a href="http://moneylocker.blogspot.com" target="_blank">Free Money</a> from many programs here !'
tickercontents[2]='Get your <a href="http://azthemes.blogspot.com" target="_blank">Professional Theme</a>,high quality and SEO Support'
tickercontents[3]='<a href="http://blogcenti.blogspot.com">Just a Blog</a>Apa ayng ku lihat, ku dengar, dan ku rasa !'

var tickerwidth="160px"
var tickerheight="80px"
var fontcss="font: bold 14px Verdana; color:black"
var tickdelay=3000 //delay btw messages
var highlightspeed=2 //2 pixels at a time.
var highlightcolor="#9ff9ff"
var backdroptextcolor="#1e0e0e"

////Do not edit pass this line////////////////

document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background- width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')
document.write('</div>')

var currentmessage=0
var clipbottom=1

function changetickercontent(){
msgheight=clipbottom=crosstick.offsetHeight
crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"
crosstickbg.innerHTML=tickercontents[currentmessage]
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
//var msgheight=crosstick.offsetHeight
if (clipbottom>0){
clipbottom-=highlightspeed
crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipbottom=msgheight
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>

<a href="http://javascriptkit.com">JavaScript Kit</a> | <a href="http://blogcenti.blogspot.com">Just a blog</a>


Hasilnya akan seperti ini. Lihatdemo

Keterangan : Ganti sesuaikan dengan selera sobat
- warna merah = ganti dengan text atau link sobat
- warna biru = lebar dan tinggi Highlighter Scroller
- warna biru tua = jenis dan ukuran font
- warna hijau = warna background dan warna link url

Jika ingin menambahkan text atau link di Highlighter Scroller, sobat tinggal tambahkan seperti contoh berikut :

tickercontents[3]='<a href="http://blogcenti.blogspot.com">Just a Blog</a>Apa ayng ku lihat, ku dengar, dan ku rasa !'

Ket : angaka yg di cetak tebal,merupakan no urut text dan link sobat. Ganti sesuai dengan no urut.

20+ Download Youtube Video Online

Download Youtube Video ?? Padahal psotingan ini gak cuma dari Youtube tetapi juga dari alamat2 yang menyediakan video2 yg bisa dinikmati langsung dan juga di download. Yupp..menurutku Youtube lebih populer dibanding yang lain.

Banyak software gratis untuk bisa mendownload video2 dari Youtube, Google video, Dailymotion dll. Di bawah ini merupakan alamat2 yang bisa sobat gunakan untuk mendownload video dari Youtube dkk tanpa software alias download langsung hanya dengan memasukkan URL video yang mau di download.

1. Clipnabber : Banyak pilihan sumber video yg ingin sobat download seperti dari Youtube, Google Video, Megavideo, Metacafe, MilkandCookies, Mojoflix, MonkeySee, MusicMaza, Myspace, MyVideo.de, Pikniktube, PokerTube, Putfile, dll. Sobat tinggal masukan URL video yg ingin sobat download. URL video disesuaikan dengan sumbernya. Ada 2 pilihan bentuk file yg bisa di download, yaitu .FLV atau .MP4. File hasil download harus sobat ganti secara manual karena file hasil download masih bentuk get_video.htm


2. Keepvid : Ada 2 pilihan hasil download yaitu bentuk FLV dan MP4

3. file2HD : Dengan file2HD,sobat bisa download mulai dari audio,movie,links,aplikasi,objek,image,dan juga stylesheet.

4. downloadyoutubevideos : sobat tinggal masukkan URL video dari Youtube dan download deh tapi sobat harus ganti file hasil download ke .FLV karena bentuknya masih get_video.htm

5. savevideodownload : sama dengan downloadyoutubevideos, sobat harus ganti file hasil download ke .FLV karna bentuknya masih get_video.htm

6. vixy : download dengan vixy, ada pilihan langsung mau di convert ke bentuk file apa. Apakah bentuk AVI, MOV, 3GP, MP4, atau MP3.

7. videodownloadx : ada pilihan apakah mau download, convert atau share. Untuk download, hasil download harus sobat haus sobat rename terlebih dahulu. Bila ingin convert, sobat tinggal pilih mau di convert ke bentuk apa dan sobat harus masukkan email sobat. Mungkin file hasil convertan di kirim ke email sobat.

8. videodl : hasil file masih bentuk get_video.php. sobat harus rename ke bentuk .FLV

9. youtubeloader : ada pilihan bentuk file ketika sobat ngesave yaitu bentuk FLV, MP4 atau 3GP tapi sobat harus rename file hasil download nya karena masih entuk .htm

10. videogetting : bisa langsung convert ke bentuk .wmv, .mp3, .mp4, .mov, .3gp, .avi, .mpg, .mpeg. Hasil download harus di rename dulu sesuai dengan pilihan convert karena masih bentuk .php

11. vconversion : sobat bisa langsung convert video ke bentuk .MPG .3GP .WMV .MP3 .MOV .WAV .MP4 .FLV. Aku coba download pake alamat ini, susah !! CONNECTION FAILED ! Mungkin membutuhkan koneksi yg bagus agar berhasil.

12. kickyoutube : lewat kickyoutube, sobat gak perlu masuk ke Youtube untuk mengetahui URl nya karena lewat kickyoutube ini sobat langsung bisa lihat dan download kalo ada video yg ingin sobat download. Sobat tinggal pilih aja hasil download dalam bentuk apa terus klik GO dan download. File hasil download juga sama seperti Judul video.

13. pwnyoutube : ada pilihan hasil file download yaitu bentuk .flv atau .mp4

14. mydownloadvideo : hasil download masih dalam bentuk .php. Sobat harus rename dulu

15. downloaduzeik : ada pilihan apakah sobat mau download video dari youtube, metacafe, ifilm, myspace atau yang lain

16. ripzor : hasil download harus di rename karena masih bentuk .htm

17. viddownloader : sobat bisa download video dari Youtube, Google, Metacafe, iFilm, Putfile, Break, Blip.tv, Bolt, Anime Episode, dan Banjojo. Hasil download dalam bentuk .flv

18. javimoya : hampir sama dengan clipnabber karena banyak pilihan sumber video yang bisa di download

19. tubeleecher : mudah digunakan karena sobat tinggal masukkan URl trus download n tinggal save

20. downloader9 : mudah digunakan karena sobat tinggal masukkan URl trus download n tinggal save

21. vidgrab : hasil download masih bentuk .htm. Sobat harus rename dulu

22. downloadyoutubepro : mudah digunakan karena sobat tinggal masukkan URl trus download n tinggal save

23. ultraget : ada 2 pilihan bentuk file yaitu .flv dan .mp4 tetapi harus di rename dulu karena masih bentuk .php

24. extractyoutube : mudah digunakan karena sobat tinggal masukkan URl trus download n tinggal save.

* Alamat2 download youtube diatas udah aku coba semua dengan youtube. Untuk yg lain seperti Google Video, Metacaf, Dailymotion dll, aku belum coba semua dgn alamat2 downloader di atas.

Cara Posting Kode HTML/Javascript

Gara2 posting cara buat menu accordion style, aku jadi tau gimana caranya posting yang ada kode html/javascript nya. Ternyata harus di parse dulu !!,hehehe..ketinggalan berita aku ini,huhh.. Tadinya aku kira memparse kode html/javascript itu hanya untuk kode iklan2 dari Adsense, Bidvertiser, Adbrite, dll supaya iklan2 itu bisa tampil dibawah judul posting atau dibawah postingan. Gak taunya...

Beberapa alamat yang bisa sobat gunakan untuk memparse kode html/javascript :

- Centricle

- Blogcrowds

- Eblogtemplates

- Accesify

- dll

Sobat tinggal copas aja kode html yang ingin di parse n klik..jadi deh. Sekarang, dengan kode html yg telah diparse, bisa sobat gunakan untuk posting blog sobat.

Membuat Urban Gray Accordion Menu

Menu dengan gaya accordion..apa ya artinya??Aku sendiri gak tau pasti tapi kalo sobat lihat langsung demonya, sobat akan tau. Script ini aku dapat dari Dynamicdrive. Mungkin langsung aja.


1. Masuk ke Tab Add Page Element
2. Pilih Add Gadget
3. Pilik Edit HTML/JavaScript
4. Terus..copy n paste kode di bawah ini
5. Tempatkan Menu Accordion ini mau di bagian mana
6. Simpan
7. Liat hasilnya
8. no 5, 6, dan 7 gak penting,hhehehehe....

Berikut ini adalah kode Urban Gray Accordion Menu :


<!doctype 1.0 strict//en http://www.w3.org/tr/xhtml2/dtd/xhtml1-strict.dtd -//w3c//dtd public html xhtml>


<script src="http://atozet18.googlepages.com/jquery-1.2.6.pack.js" type="text/javascript"></script>

<script src="http://atozet18.googlepages.com/ddaccordion.js" type="text/javascript">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<script type="text/javascript">

ddaccordion.init({
headerclass: "headerbar", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

</script>

<style type="text/css">

.urbangreymenu{
width: 140px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #c1c1c1 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: black;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>



<div class="urbangreymenu">

<h3 class="headerbar">
<a href="httpblogcenti.blogspot.com">Just a Blog</a></h3>
<ul class="submenu">
<li><a href="http=blogcenti.blogspot.com">Berita Basi</a></li>
<li><a href="http=blogcenti.blogspot.com">Cerita hari ini</a></li>
<li><a href="http=blogcenti.blogspot.com">Basa basi</a></li>

</ul>

<h3 class="headerbar">
<a href="http://dhe-gallery.blogspot.com" target="_blank">Template Gallery</a></h3>
<ul class="submenu">
<li><a href="http://dhe-gallery.blogspot.com" target="_blank">Free Blogger Template</a></li>
<li><a href="http://dhe-gallery.blogspot.com" target="_blank">Free WordPress Theme</a></li>
<li><a href="http://dhe-gallery.blogspot.com" target="_blank">Free Site Template</a></li>

</ul>


<h3 class="headerbar">
<a href="http://azthemes.blogspot.com">Premium Template</a></h3>
<ul class="submenu">
<li><a href="http://azthemes.blogspot.com" target="_blank">WordPress Theme</a></li>
<li><a href="http://azthemes.blogspot.com" target="_blank">Site Template</a></li>

</ul>

<h3 class="headerbar">
<a href="http=moneylocker.blogspot.com">Free Money</a></h3>
<ul class="submenu">
<li><a href="http=moneylocker.blogspot.com">Pay per click</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per sale</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per lead</a></li>

</ul>
</div>


</!doctype>



Keterangan :
- warna biru : lebar Accordion Menu. Sobat bisa ganti sesuai keinginan sobat
- warna merah : ganti link n judul link dengan link sobat
- sobat bisa sesuaikan sendiri color,background,jenis font,ukuran font dll
- jika ingin menambahkan Menu, tinggal tambahin kode serti contoh di bawah ini

<h3 class="headerbar">
<a href="http=moneylocker.blogspot.com">Free Money</a></h3>
<ul class="submenu">
<li><a href="http=moneylocker.blogspot.com">Pay per click</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per sale</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per lead</a></li>

</ul>

Akan kurang sreg kalo tanpa demo langsung. Untuk demo, sobat bisa liat di dhe-gallery.blogspot, azthemes.blogspot atau di blogfordemo.blogspot

* hhehehe..sekalian titip link..

ILLUMINATED WEEK

This week in year four we have been looking at illuminated letters. We designed our letters and we have designed our initials. Illuminated letters are letters that are bright and colourful that have vines around it. An illumination is an EMBELLISHMENT,or additional decoration that enhances the pages of a written, or manuscript page. The term, illumination comes from the term illuminate,or to fill with light. This effect is achieved with the application of gold leaf to the letters and images, which reflect light and appear to glow. This is and example of an illuminated letter.

On Friday 13th March we showed the t-mobile dance to all our parents. We did a competition about red nose day. The competition was designing our own red nose and the winner gets a prize. We had a special treat because some Caterham students came and did some acting and we learned some acting to.

By Birkan and Neil class 4M

Kelly Clarkson - Debut album, Thankful

When Kelly Clarkson released her debut album, Thankful as a single in October 2002, it set a record on the United States Billboard Hot 100 chart when it rose from #52 to #1.

Kelly Clarkson debut album, Thankful 's achievement was largely due to the impact from Idol as the CD single managed to sell 236,000 copies in its 1st week of sales in the United States it spent 5 weeks at #1 in Canada.

WOW.

:)

Matilda and Mothersday

This week in year 4 we have been very busy doing some some stuff for mothersday but were not aloud to tell you.In literacy we have been writing about Matilda she is 5 years old and 3 months and shes very intelligent .She has started school and her lovely teacher is called Miss Honey Matilda likes her a lot. Matilda is the cleverest in the class Matilda is so clever that Miss Honey has to give her text books to read because she all of her times tables ,also Matildas parents are so mean to her they just want to peel her (like a scab) and just flick her away.Thats all for this week BYE!!!!!.

This week for year 4

This week in year 4 we have been making comic strips and it has been based on Matilda. Also in art we have been doing illumanatedted letters.The illuminated letters are like drop caps but much bigger.In the past they had to use a sheeps skin for paper and a birds feather, they had to use the end of the feather after each word and they had to dip it in ink as well.It also will take lots of hours to write a big book.In our comic strips it was based on Matilda and we had to include speech bubbles , thought bubbles and light bulbs.

Postingan baru setelah vakum

lama neh gak posting blog ku ini. Di bilang males..gak juga tapi mau posting..males.. halah..itu mah namanya males,heheheee... Posting gak tapi ngutak-ngutik template iya. Gak tau napa,seneng banget ngutak-ngutik template. Lebih persis nya ngrusak template yang menurut aku bagus n bikin ngiri. Kapan ya..aku bisa buat template sendiri n aku gunakan untuk blog ku n mungkin bisa digunakan jg nti ma sobat2,hehee..

Lanjutt..Sebelum ganti (lagi) pake template ini, aku sempet ganti ma template Dreamwork Redux n aku tambai widget Tabview untuk kategori2 dll (biar jdi 1 tempat). Bagus sih hasilnya (menurut aku..) tapi aku gak puas karena Tabview nya berubah,tidak sesuai dengan contoh. Mungkin hal tsb dikarenakan karena template Dreamwork Redux code nya udah fixed,halah..opooo...kuiii... Di samping itu juga, lama2 aku ngrasa gak cocok dengan template itu,halah... Dan akhirnya..aku ganti lagi deh ma template ini, Arthemia template tapi versi yg modified karena ada tambahan menu Browse Categories dan juga Menu Headline di atas nya.

Apa lagi ya??? tau deh mau coret2 apa lagi..

A comical week

This week in year 4 we have been looking at comics, and learnt how to use speech bubbles.We have been designing our own comics with our own characters .Also we have learnt how to say diffrent kinds of sport in french.In maths we have been looking at diffrent types of charts and tallys.In p.e we have been learning a new dance. In our journals we have planned the story Matilda by Roald Dahl.
We had a comical week!!!!!

Kelly Clarkson - The First Season of American Idol

On September 4, 2002 Kelly Clarkson won the first season of American Idol. She was earning 58% of the vote to 42% for Justin Guarini.

Choking back tears, Kelly Clarkson performed the ballad "A Moment Like This", the song written for the winner of American Idol, which would subsequently appear on her debut album, Thankful.

The song's music video was filmed at Pantages Theater in Hollywood, and incorporated short scenes of Kelly Clarkson performing on American Idol.

Kelly Clarkson - Prefer Music than Scholarships

Upon high school graduation, Kelly Clarkson was offered full scholarships to The University of Texas at Austin, University of North Texas, and Berklee.

But Kelly Clarkson decided against college b/cuz Clarkson had "already written so much music and wanted to try on [Clarkson] own. And [Clarkson] figured you're never too old to go to college."