GO-LINK│*Cafe Information™

7 Bahaya Makanan Pedas Bagi Kesehatan Anda

Salam sehat sobat semua. berbagai makanan bisa dinikmati di tanah air tercinta kita, Indonesia. Dari sabang sampai merauke. Semuanya sangat lezat dan sangat sesuai dengan lidah kita tentunya. Dari makanan yang berbahan pedas maupun tidak pedas. Lalu apakah makanan favorit yang anda gemari di lingkungan tempat tinggal anda….??
Bagi anda yang menyukai makanan pedas sebaiknya mulai dari sekarang, anda mengurangi makanan pedas tersebut. Ini dikarenakan, ternyata memakan makanan yang berasa pedas sangat tidak baik untuk kesehatan tubuh anda. Tapi mau bagaimana lagi kalau tidak makan yang pedes dikit kurang nikmat, kurang mantap.

Apalagi kalau kita melihat kepiting pedas yang di atas, pasti bikin perut dangdutan. hehee

Berikut ini 7 Bahaya Makanan Pedas :

Makanan pedas mengakibatkan kerusakan dinding lambung. Ini dikarenakan, jenis makanan yang pedas merupakan kombinasi asam dan terlalu banyak asam masuk keperut, maka menyebabkan kerusakan dinding lambung anda.
Makanan pedas mengakibatkan penyakit Gastritis atau maag akut. Gejala gastritis yaitu seperti muntah, mual-mual, diare.
Makanan pedas mengakibatkan penyakit Ulkus Gaster atau tukak lambung. Gejala yang Nampak, ketika anda terkena penyakit ini yaitu perut serasa terbakar, gejala mual-mual, muntah-muntah.
Makanan pedas mengakibatkan anda terkena insomnia atau susah tidur pada malam hari. Sehingga sebaiknya anda tidak memakan makanan pedas di saat malam hari. Karena istrihat anda tidak akan nyaman.
Makanan pedas mengakibatkan anda akan kehilangan nafsu makan. Jadi usahakan untuk mengurangi makanan yang berasa pedas untuk kesehatan tubuh anda.
Makanan pedas mengakibatkan berat badan anda semakin menurun. Jadi kurangi atau hilangkan dari kebiasan memakan makanan yang pedas jika anda ingin agak gemuk atau anda yang tergolong kurus.
Makanan pedas mengakibatkan anda terkena serangan sakit kepala dari dampak penyakit gastritis. Karena terlalu banyak mengkonsumsi makanan pedas tersebut.

Semoga bermanfaat bagi sahabat sekalian.

Refensi : http://yudoprasonto.wordpress.com/2012/12/21/7-bahaya-makanan-pedas-bagi-kesehatan-anda/

Mari Melupakan Masa lalu yang tak berguna

Seperti lagu "Masa lalu biarlah berlalu". Sebuah masa lalu merupakan lembaran kehidupan yang lampau,lembaran kehidupan yang sudah berahir,kadang kita memiliki masa lalu yang buruk atau tiada guna.
Masa lalu ini akan membuat kita berpikir semakin jauh kedalam dunia yang lampau,tentunya dapat menimbulkan efek pada kita.

Seperti masa lalu saya waktu masih imut, sering minta di gendong, makan di suapin. Dan sampai sekarang sudah bisa cari uang sendiri.

Lalu kenapa kita harus melupakan masalah lalu yang tak berguna ? Sesuatu hal yang membuat kita menjadi merenungi nasib pada saat kita mengingat sebuah lembaran masa lalu,ingatlah bahwa masa lalu tidak akan kembali lagi.Yang akan datang adalah masa depan bukan masa lalu.
Masa lalupun dapat dibagi menjadi masa lalu yang berguna (baik) dan masa lalu yang buruk (tidak baik).Masa lalu yang baik akan memberikan kita semangat untuk menggapai hal yang baik pula pada masa depan,tetapi masa lalu yang buruk akan membuat diri kita tertekan dan takut untuk bergerak lebih untuk masa depan.
Lalu Bagaimana cara melupakan masa lalu yang tak berguna ?

1. Jangan banyak berpikir kebelakang.
Boleh kita mengingat masa lalu yang baik tapi jangan terlalu jauh,karena akan membuat anda hanyut dan hanyut sehingga masa lalu yang buruk akan teringat kembali.
2. Sadari masa lalu buruk anda.
Anda harus dapat membagi dan mengerti masa lalu yang baik dan buruk menurut anda,karena bisa jadi masa lalu yang anda anggap baik menjadi buruk.
3. Pelajari masa lalu dan ambil pelajaran disana.
Masa lalu dapat bermanfaat apabila kita dapat mengambil pelajaran dari pengalaman masa lampau,kadang masa lalu yang burukpun menjadi bermanfaat jika kita mendapatkan sebuah pelajaran berharga.
4. Masa depan adalah masa yang akan anda lewati.
Pikirkan hal ini dalam otak anda,bahwa masa depan anda ada di tangan anda.
5. Yakin dan berharap disertai doa.
Yakinlah kalau anda adalah orang yang selalu beruntung di masa depan,syukuri segala nikmat yang diberikan oleh yang Kuasa dan terus berdoa agar diberikan keselamatan pada masa depan anda.

Sekarang sudah siapkah anda melupakan masa lalu yang tak berguna ?

Referensi : http://yudoprasonto.wordpress.com/2013/03/21/mari-melupakan-masa-lalu-yang-tak-berguna/

2 Cara Unik Mengganti Background Facebook dengan foto, Keren, Gratis

Selamat datang di GO-LINK│*Cafe Information™, maaf baru bisa posting dikarenakan sedang ada ksibukan di dunia nyata.(maklum baru test kenaikan kelas). Nah, untuk mengisi kekosongan postingan saya akan share Triks-Tips Facebook yang sepertinya udah basi buat kalian, entah ini masih work apa enggak saya belum mencobanya karena baru saya dapat dari fb teman saya. Jika nanti sobat mencoba trik ini jangan lupa komen untuk hasilnya dan paling tidak postingan ini terdeteksi oleh google dan mengisi kekosongan di blog saya, hehe. Tutorial menarik ini saya dapat dari Facebook, tapi saya akan bahas untuk yang belum tau deh.. Hehehe.. Mau Facebook kalian jadi Keren? Background nya warna biru bisa diubah ubah warnanya.. Keren kan? Penasaran... langsung aja ke TKP

CARANYA :

SAYA PERJELAS ULANG CARA UBAH BACKCGROUND FB :

VIA MOZILLA FIREFOX berikut caranya :
1. bagi anda pengguna Firefox gunakan dulu addons "Stylish", dengan cara :
Pada menu pilih Tools -> Add-Ons ->Pilih Get Add-Ons sehingga muncul jendela, lalu ketikkan Stylish -> enter
atau anda bisa lsg menuju kesini
Jika sudah terinstall, maka restart firefox Anda untuk mengaktifkan add-ons tersebut. Berikutnya perhatikan di sudut kanan bawah firefox Anda akan muncul icon stylish
2. untuk mendapatkan theme facebook, Anda klik Find Stylish for this site, maka akan menuju situs userstyles.org atau bisa lsg masuk kesini
3. pilih theme selera anda dengan klik Install With Stylish, tunggu beberapa saat lalu Klik Install dan lihat perubahan pada facebook Anda.

VIA GOOGLE CHROM berikut caranya :
1. bagi anda pengguna GOOGLE CHROM gunakan dulu addons "Stylish", dengan cara :
anda bisa lsg menuju kesini
Jika sudah terinstall, maka restart GOOGLE CHROM Anda untuk mengaktifkan add-ons tersebut. Berikutnya perhatikan di sudut kanan ATAS google chrom Anda akan muncul icon stylish
2. untuk mendapatkan theme facebook, Anda klik Find Stylish for this site, maka akan menuju situs userstyles.org atau bisa lsg masuk kesini
3. pilih theme selera anda dengan klik Install With Stylish, tunggu beberapa saat lalu Klik Install dan lihat perubahan pada facebook Anda.

Persyaratannya :
- Sudah terinstal add-ons Stylish
- Sudah terpasang layout facebook
Untuk ganti background :
1. Siapkan gambar/foto di PC anda.
2. Buka gambar/foto anda lewat browser anda. Caranya klik kanan gambar anda terus pilih Open With > Mozilla Firefox/Google chrom dll.
3. Copy URL gambar anda
4. Masuk ke profil facebook anda. Klik menu Tools > Add-ons. Terus klik User Stylish > Nama Layout yg Anda pakai > Edit.
5. Cari / temukan kode CSS yang mirip² seperti ini :
misal spt ini codenya :
body, .photo, #nonfooter, #booklet { background: url("http://media.photobucket.com/user/kawaii_06/media/bondanprakoso.jpg.html?filters[term]=BONDAN&filters[primary]=images&sort=1&o=50") #000000 fixed no-repeat center center!important; color:#ffffff !important; }
6. Paste URL gambar kamu [step 3] di kode CSS di kode yang ini http://media.photobucket.com/user/kawaii_06/media/bondanprakoso.jpg.html?filters[term]=BONDAN&filters[primary]=images&sort=1&o=50. [misalkan code-nya begini]
Kalau sudah, klik Save .
7. jrengggg hasilnya background anda udah berubah....
Have Fun Go Mad..

nb: SAYA BELUM MENCOBA TRIK INI. JIKA SOBAT MENCOBANYA TOLONG KOMEN DISINI UNTUK MENGETAHUI HASILNYA DAN AKAN SAYA PERBAIKI.

RESEP Sakit Jiwa sebuah Ikhtisar

“hendaklah kau mengambil beberapa buah akar keiklasan, daun-daunan kesabaran, dan perasaan kerendahan hati. Letakkan semua dalam wadah ketaqwaan, lalu tuangkan kedalam cairan rasa takut, kemudian aduk dengan api kesedihan. Saringlah dengan saringan kewaspadaan dan kemudian ambil ramuan itu dengan tangan kejujuran, lalu minumlah dari gelas istighfar yang telah dicampurkan dengan air kesholehan. Sesudah itu jauhkan diri dari rakus dan serakah, insyaAllah dengan izin Allah Ta’ala, engkau akan sembuh dari penyakit.”

Sebuah resep yang sangat mujarap dan tiada yang menandingi dari Allah swt. Ini saya dapat dari sebuah brosur berukuran sedang dan hanya ada beberapa halaman saja karna tidak ada sampul cover dan hanya ada 4 lembar saja yang masih menenpel pada satu stepplus (kalau saya menyebutnya dan kalau tidak salah, hehe..) yang hampir lepas. Itu saya temukan tidak sengaja di sebuah tempat makan waktu saya pulang dari sekolah. Biasa masih pelajar sobat, hehe... waktu itu hujan agak lebat dan disertai petir yang menggelegar di setiap puluhan detiknya. Hatiku langsung terenyuh ketika membaca sepotong kalimat di lembaran brosur tersebut, entah kenapa saya langsung mengingat seseorang keluarga saya yang jauh disana yang terpisah jauh karena keharusan untuk memenuhi kebutuhan keluarga. Hanya terdapat tulisan Mutiara Amaly “penyejuk jiwa penyubur Iman”. Dan disana masih ada sebuah renungan betapa besarnya kasih sayang seorang IBU. Mungkin akan saya posting di kemudian hari sobat. Dengan Judul “IBU.. Seputih Iklas Kasih Abadi” yang tertera dengan jelas disana. Semoga resep diatas menjadikan kita sebagai manusia yang berperilaku lebih baik lagi di mata manusia dan di mata Allah, Aamiin...

Download Simulator Alat berat Terbaru 2013

Free Download Simulator Alat Berat untuk PC 2013. Simulator Excavator, Craine and other Full Version. Selamat datang sobat, maaf beberapa hari ini saya jarang update postingan di karenakan banyak sekali tugas dari sekolah, biasa masih ~~pel~~ajar hehe.. Untuk mengisi kekosongan saya akan share sebuah simulator untuk komputer yang pastinya bisa bermanfaat untuk kalian. Namanya adalah Bau Simulator. Ini saya dapat dari blog sobat saya Snutzpark Sebenarnya apps ini bertemakan konstruksi, namun didalamnya terdapat berbagai jenis alat berat mulai dari excavator sampai craine. Karena wahyu sendiri merupakan siswa jurusan alat berat sudah pasti saya sangat sering memainkannya, lumayan buat belajar. Namun untuk menggunakannya sahabat membutuhkana game consoles PS untuk komputer, saya sendiri membelinya seharga 50 ribu saja. Bagaimana? Dari pada penasaran, langsung saja download simulator alat berat inia secara gratis melalui link yang ada di bawah.

Software : Free Download Simaulator Alat Berat untuk PC 2013

Size : 172 MB

Download+ Bahasa

Cara Menginstal Bau Simulator:

1. Exatract file rar yang telah di download

2. Instal

3. Kemudian pindahkan bahasa inggris yang di download tadi ke folder data pada program file > Bau Simaulator dan replacea bahasanya.

Selamat mencoba dan semoga bermanfaat.

Template Blog Windows 7 Home Premium

Selamat pagi sobat. pagi-pagi udah jalan-jalan di google ehh.. nemu template blog versi Windows7 dari tempatnya sobat binkbenk.

Pagi ini GO-LINK│*Cafe Information™ akan share template versi Windows7, yang kemaren saya share Template Blog Canggih, Keren, Full Design dan Cantik WINDOWS 8 dari SM. Ini adalah Share Final Version Template Windows 7 Home Premium, kalau pada Postingan sebelumnya untuk area posting masih sederhana, untuk yang final version ini di area posting terdapat widget sidebar yang juga di lengkapi dengan tombol show/hide sidebar area, close button, dan refresh button. Waktu sidebar di hidden post entry menjadi full screen. Tampilan dari template ini ada tiga tampilan, yaitu Home page, Page/page search, Post entry.

Untuk masing-masing skin (Home, Page, Post) tidak saling terkait. Karena CSS/HTML (Home, Page, Post) dipisah-pisahkan dengan menggunakan hastag ( pemutus dan penghubung <b:if cond='data:.......'> ). Jadi untuk home hanya CSS home yang tampil, untuk Page/search hanya CSS page skin yang tampil, dan untuk posting pun hanya CSS posting, demikian pula untuk Java script hanya tampil di halaman tertentu. Untuk melihatnya silahkan dicek pada demonya dan open source pada (homepage, Page/search, dan Post) dan lihat kode-kode Css/skin nya. Mungkin dengan memisah-misahkan Css, Js bisa sedikit mengurangi loading time/berat.

Fitur:

Support Browser Mozila, Crome dll.
Untuk Browser IE kurang sempurna.
IE belum support dengan efek shadow, transisi, border.
Responsive (support dengan 1024 x 768 pixel dll).
Easy Loading, Simple Thread Comments dll.
Thread comment support dengan emo, gambar, kode, video.
Untuk Gambar ketik [img]url gambar[/img]
Untuk Kode ketik [kode]isi kode[/kode]
Atau ketik <i rel="kode">isi kode</i>
Untuk Video ketik [video]url video[/video]
Untuk Emo kodenya :), :(, ;), :D, ;;-), :ar!, =)) dll

Cara Pasang :

Masuk ke Edit HTML
Centang Expand Template Widget.
Copy Kode disamping dan pastekan ke dalam Template.
Klik preview dan Save pilih Hapus Widget.

Preview This Demo

DEMO

Template Source Code:

<!DOCTYPE html><html><head><meta charset='utf-8'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><meta content='blogger' name='generator'/><link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.title + ", " + data:blog.pageName' name='description'/><meta expr:content='data:blog.pageName + ", " + data:blog.title' name='keywords'/>
<b:else/>
<title><data:blog.pageTitle/></title>
<meta content='Kumpulan Theme Windows XP Seputar Tips Blogger dan Template' name='description'/><meta content='Game,Mediafire,Action,Rip,Sport,Windows,Thema Windows Xp,Thema Windows 7,Tips Blogger,Cara,Pasang,Widget,Template,Blogazine,Seo,Kontes' name='keywords'/>
</b:if>
<meta content='qnypGAIbBMbbCPEVCLu-sRP_8MGsEeE7FG8VS2D7WnY' name='google-site-verification'/><meta content='1NJSgtxWtQl0GOr0nL3-EpnSPAs' name='alexaVerifyID'/><meta content='index,follow' name='robots'/><meta content='follow,all' name='googlebot'/><meta content='general' name='rating'/>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:skin><![CDATA[
@import url(http://fonts.googleapis.com/css?family=Audiowide);
body{background:#0080FF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0;font:20px Audiowide;color:#000;
}
h2{display:none;
}
a:visited,a:link{color:#fff;text-decoration:none;
}
a:hover{color:#0080FF;text-decoration:line-through;
}
#badan-besar .widget ul .widget #ArchiveList ul.flat{margin:2px 0;padding:0;list-style:none;
}
#badan-besar .widget ul li .widget #ArchiveList ul.flat li{text-indent:0;
}
#badan-besar .widget #ArchiveList ul li{padding-top:.25em;padding-bottom:.25em;
}
html body{min-width:0;max-width:100%;width:100%;
}
#badan-besar{margin:0 auto;padding:15px 0 15px 0;
}
h3{background:#0080FF;width:60%;margin:0 auto;margin-top:40px;padding:10px;font:25px Audiowide;text-transform:capitalize;text-align:left;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border:4px double #fff;-moz-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0,.3),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0,0,0,.3),12px 12px 0 rgba(255, 255, 255, 1.0),13px 13px 0 rgba(0, 0, 0,.3),15px 15px 0 rgba(255, 255, 255, 1.0),16px 16px 0 rgba(0, 0, 0,.3);-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0,.3),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0,0,0,.3),12px 12px 0 rgba(255, 255, 255, 1.0),13px 13px 0 rgba(0, 0, 0,.3),15px 15px 0 rgba(255, 255, 255, 1.0),16px 16px 0 rgba(0, 0, 0,.3);box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0,.3),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0,0,0,.3),12px 12px 0 rgba(255, 255, 255, 1.0),13px 13px 0 rgba(0, 0, 0,.3),15px 15px 0 rgba(255, 255, 255, 1.0),16px 16px 0 rgba(0, 0, 0,.3);transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;
}
h3:first-letter{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFC900;font:35px Audiowide;color:#fff;padding:0 10px 0 10px;border:1px inset #fff;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;
}
h3:hover{background:#0080FF;width:60%;margin:0 auto;margin-top:50px;-moz-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3);-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3);box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3);-moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg);transform: rotate(-2deg);
}
.autor{font:12px Verdana;color:#fff;font-style:italic;float:right;right;10px;top:10px;border:6px double #0080FF;padding:4px;background:#ddd;display:inline-block;
}
.komen{font:14px Verdana;color:#fff;font-style:italic;text-align:center;margin-top:50px;border:6px double #0080FF;padding:4px;background:#ddd;
}
#blog-pager a{margin:0 0 0 5px;overflow:hidden;position:fixed;top:40%; opacity:0.3;text-indent:-9999px;width:130px;height:130px;z-index:9;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;
}
.blog-pager-older-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/nek-1.png) no-repeat;right:5px;
}
.blog-pager-newer-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bek.png) no-repeat;left:0;
}
#blog-pager a:hover{opacity:1;
}
.ndas{position:fixed;width:100%;height:35px;padding:2px;top:-5px;right:0;background:#0080FF;border-bottom:2px solid #ddd;-moz-box-shadow:0 0 20px #000,inset 0 0 10px #000;-webkit-box-shadow:0 0 20px #000,inset 0 0 10px #000;box-shadow:0 0 20px #000,inset 0 0 10px #000;font:30px Audiowide;text-transform:uppercase;text-align:center;text-shadow:-2px 0 #ddd,0 2px #ddd,2px 0 #ddd, 0 -2px #ddd;
}
.tempikmu{width:auto;margin:0 auto;font-size:14px;text-align:center;
}
.status-msg-wrap{font-size:12px;margin-top:20px;
}
]]></b:skin>
</b:if></b:if>

<b:if cond='data:blog.pageType == "item"'>

<style>
body{background:#000 url(https://sites.google.com/site/koplaks99/Windows7.jpg) no-repeat fixed center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;margin:0;font:15px Courier New,Courier,monospace;color:#fff;
}
.date-header{display:none;
}
html body{min-width:0;max-width:100%;width:100%;
}
.menu ul{list-style-type:none;margin:0;padding:0;font:13px Courier New,Courier,monospace;float:left;text-transform:uppercase;
}
.menu li{float:left;background:#000;display:inline-block;padding:2px 4px 2px 4px;margin:0 5px 0 0;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;list-style-type:none;
}
.menu li a{color:#ddd;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;text-decoration:none;
}
.menu li:hover{background:#0080FF;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000,inset 0 0 5px #000;-webkit-box-shadow:0 0 10px #000,inset 0 0 5px #000;box-shadow:0 0 10px #000,inset 0 0 5px #000;list-style-type:none;
}
.menu a:hover{color:#ddd;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;padding-right:20px;
}
.menu li:active{background:#f00;border:1px solid #ddd;border-radius:30px;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;padding:3px;transition:all 0s ease-out;-moz-transition:all 0s ease-out;-webkit-transition:all 0s ease-out;
}
.widget .post-body ul{padding:0 1.5em;margin:.5em 0;
}
.widget .post-body ul li{margin-bottom:.2em;
}
.widget .post-body ul li{list-style-type:square;transition:all 2s ease-out;
}
.widget .post-body ul li:hover{list-style-type:disc;transition:all 0s ease-out;
}
#badan-besar{margin:0;padding:0 0 0 0;background:#000 url(https://sites.google.com/site/koplaks99/Windows7.jpg) no-repeat fixed center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
/*posting area*/
h3{text-align:center;margin-top:5px;line-height:35px;font-size:20px;color:#C4CDE0;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border-bottom:1px solid #C4CDE0;
}
a:visited,a:link{color:#ddd;text-decoration:none;ext-shadow:none;
}
a:hover{color:#fc0;text-decoration:none;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
#main .post-body{position:relative;padding:0 10px 10px 10px;
}
.post-body img{background:#ddd;padding:5px;border-radius:5px;border:1px solid #6E6E6E;box-shadow:6px 6px 3px #000;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;
}
.post-body img:hover{background:#000;border:1px solid #C4CDE0;
}
td{border:1px solid #C4CDE0;background:rgba(0,0,0,.6);box-shadow:inset 0 0 5px #ddd;
}
kode{display:block;padding:3px;margin:5px; font-size:12px ;font-style:italic; background:#ddd; color:#000;border:4px double #000;opacity:0.5;overflow:auto;
}
.big{float:left;color: #000;margin:0 5px 0 0;font-size:80px;font-style:italic;line-height:50px;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff, 0 -1px #fff;opacity:0.5;
}
/*sidebar area*/
#sidebar-wrapper {background:rgba(254,191,1,.5);border:1px solid #ddd;box-shadow:inset 0 0 10px #000;
}
.widget-content{border-radius:5px;margin:5px;border:1px solid #ddd;padding: 5px;box-shadow:inset 0 0 5px #000;overflow:auto;
}
.sidebar h2{text-align:center;margin-top:0;margin-bottom:0;color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border-top:1px solid #ddd;border-bottom:1px solid #ddd;
}
/*profil setting*/
#Profile1 .widget-content img{border-radius:5px;border:3px solid #6E6E6E;box-shadow:0 0 5px #000;
}
#Profile1 .widget-content{height:200px;width:auto;overflow:hidden;font-style:italic;
}
#Profile1 .widget-content:hover,.widget-content:hover{overflow:auto;margin:5px 0 5px 0;
}
/*bottom sidebar*/
.trade{font-style:italic;color:#000;padding-top:3px;padding-bottom:3px;border:1px solid #ddd;background:#ddd;opacity:0.7;box-shadow:inset 0 0 5px #000;margin:0;
}
/*comment area*/
#comments h4{font-size:14px;
}
#comments{margin-top:0;padding:10px 50px 0 50px;opacity:0.7;
}
.share, .comments-content .datetime a{float:right;
}
.comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments-content{background:#000;width:auto;font-size:14px;color:#ddd;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:4px double #ddd;
}
.comment-thread ol li{background:#0080FF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0 auto;font-size:14px;color:#ddd;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:4px double #000;-moz-box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px #000;box-shadow:inset 0 0 5px #000;
}
.comment .comment-block p.comment-content{background:#1c1c1c;border: 4px double #ddd;box-shadow:inset inset 0 0 5px #ddd;-moz-box-shadow:inset 0 0 5px #ddd;-webkit-box-shadow:inset 0 0 5px #ddd;margin-right:-5px;padding: 5px;z-index:-999;
}
.comments .continue a,.comment-actions a{display:inline;background:#848484;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:14px;color:#000;padding:4px;border:1px solid #000;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;
}
.comments .continue a{float:right;margin:-10px 10px;
}
.comment-actions a:hover,.comments .continue a:hover{color:#fff;background:#0080FF;padding:4px 10px 4px 10px;
}
.avatar-image-container{-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;border:4px ridge #fff;
}
/*comment kode insert image and video*/
#comment-holder kode,#comment-holder i[rel="kode"] {display:block;padding:3px;margin:5px; font-size:11px ;font-style:italic; background:#ddd; color:#000;border:4px double #000;
}
#comment-holder .gambar, #comment-holder i[rel="image"] {display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px; width:200px; height:150px;
}
#comment-holder .vidio{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px; width:400px; height:300px;
}
#comment-holder .vrame{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:2px;width:95%;height:400px;overflow:auto;
}
#comment-holder .musik{display:block;background:#2E9AFE url(https://sites.google.com/site/binkbenk77/musiks.png) no-repeat center;border:4px double #fff;margin:0 auto;width:300px;height:150px;
}
/*comment kode end*/
#comments{display:none;
}
.cocot{width:auto;font-size:20px;text-align:center;margin:0;border:1px solid #C4CDE0;-moz-box-shadow:0 0 5px #ddd,inset 0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd,inset 0 0 5px #ddd;box-shadow:0 0 5px #ddd,inset 0 0 5px #ddd;background:#000;opacity:0.5;
}
.cocot a{color: #C4CDE0;text-align:center;
}
.cocot:hover{background:#0080FF;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;
}
.cocot:active{background:#fc0;
}
#blog-pager a {overflow:hidden;position:absolute;text-indent:-9999px;width:35px;height:35px;z-index:999999;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;top:35px;opacity:0.6;
}
.blog-pager-older-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/necs.png) no-repeat;right:94%;
}
.blog-pager-newer-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bacz.png) no-repeat;left:1px;
}
#blog-pager a:hover{opacity:0.1;
}
/*buton Page off*/
.buton-page{float:right;margin:2px;z-index:9999;display:inline-block;width:20px;text-align:center;padding-top:1px;padding-bottom:1px;border-radius:3px;border:1px solid #fff;background:#f00;box-shadow:0 0 5px #ddd,inset 0 0 3px #000;font:15px Courier New,Courier,monospace;opacity:0.7;
}
.buton-page a{font:bold 12px/10px Courier New,Courier,monospace;color: #fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
.buton-page a:hover{color:#fff;text-decoration:none;
}
.buton-page:hover{box-shadow:0 0 5px #ddd, inset 0 0 5px #fff;border:1px solid #ddd;opacity:1;
}
.buton-page:active{background:#000;
}
/*buton page on*/
.logoff{width:300px;heght:auto;position:fixed;top:20px;left:20px;z-index:-9999;padding-right:100px;text-align:right;font:20px Verdana;color:#fff;
}
.buton *,.buton *:before,.buton *:after {position:absolute;
}
.buton:after{content:"";width:70px;height:70px;position:relative;margin:1px;display:inline-block;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:#f00;background-image: -moz-linear-gradient(top, #f00,#f00,#fff);background-image:-webkit-linear-gradient(top,#f00,#f00,#fff);background-image:linear-gradient(top,#f00,#f00,#fff);-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;border:2px solid #ddd;box-shadow:inset 0 0 5px #000,0 0 5px #000;
}
.shutdown span {box-shadow:inset 0 0 1px #000,0 0 1px #000;display:block;width:35px;height:35px;border:6px solid white;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;top:17px;left:15px; z-index:4;
}
.shutdown span:before {z-index:4;content:"";width:7px;height:30px;background-color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;top:-10px;left:14px;-webkit-box-shadow:0px 0px 0px 3px #f00; -moz-box-shadow:0px 0px 0px 3px #f00; box-shadow:0px 0px 0px 3px #f00,inset 0 0 2px #000;
}
/*efek hover*/
.buton:hover:after{box-shadow:inset 0 0 4px #fff,0 0 2px #000;
}
.buton:active:after{box-shadow:inset 0 0 8px #000,0 0 10px #000;
}
.shutdown span:hover{margin-top:2px;
}
.shutdown span:active{margin-top:-1px;
}
.shutdown span:active:before{box-shadow:0 0 1px #f00,0 0 5px #000;
}
/*search form*/
#search input[type='text']{background:#ddd;font:12px Arial,Helvetica,Sans-serif;font-style:italic;color:#000;margin:0 auto;margin-top:0;margin-bottom:0;width:80%;padding-top:7px ;padding-bottom:7px ;border:1px solid #ddd;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;border-radius:3px;box-shadow:inset 0 0 3px #000;opacity:0.7;
}
#search input[type='text']:focus {background:#f00;border: 1px solid #ddd;box-shadow:inset 0 0 10px #000;color:#ddd;
}
#search input[type='text']:hover{background:#fc0;border-radius:5px;border:1px solid #ddd;box-shadow:inset 0 0 20px #000;color:#fff;
}
#search-btn[type='submit']{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9t9LIY9-vqZSzvtVEiie4ERSqIaUdj39ARaakzwMTpdTCb7YquUgA1IDa4cbdO_OZJEYfWYc8zIaBRUCnvEmOkfrNgu8b7Irvx4FSTSou-YlHX_9BQHAJEOlXzGcwoGwymcefaL5cubT/s400/search.png) no-repeat center;border:0;padding:10px 15px;margin:0;
}
#search-btn[type='submit']:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9t9LIY9-vqZSzvtVEiie4ERSqIaUdj39ARaakzwMTpdTCb7YquUgA1IDa4cbdO_OZJEYfWYc8zIaBRUCnvEmOkfrNgu8b7Irvx4FSTSou-YlHX_9BQHAJEOlXzGcwoGwymcefaL5cubT/s400/search.png) no-repeat center;padding:10px 15px;cursor:pointer;opacity:0.1;
}
/*animasi*/
@-moz-keyframes myfirst{from{opacity:0;}to{opacity:10;}}
@-webkit-keyframes myfirst{from{opacity:0;}to{opacity:10;}}
@keyframes{from{transform:translate(0px, 9000px)}to{transform:translate(0px, 0px)}}
@-moz-keyframes{from{-moz-transform:translate(0px, 9000px)}to{-moz-transform:translate(0px, 0px)}}
@-webkit-keyframes{from{-webkit-transform:translate(0px, 9000px)}to{-webkit-transform:translate(0px, 0px)}}
#badan-besar, td{animation:myfirst 10s;-moz-animation:myfirst 10s;-webkit-animation:myfirst 10s;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
/*show hide sidebar*/
$(document).ready(function(){$("#show").click(function(){$(".sidebar").slideToggle("slow");$(this).toggleClass("active");return false;});});

/*Show hide Komentar*/
$(document).ready(function(){$(".tombol").click(function(){$("#comments").slideToggle("slow");$(this).toggleClass("active");return false;});});

/*Show Hide Entry*/
$(document).ready(function() {
    $('.jendela, #jendela').append().before('');
    $('.jendela, #jendela').append('');
    $('a#open-jendela').click(function() {
        $('.jendela, #jendela').slideDown(2500);
        $('#open-jendela').fadeOut(2500);
        return false;
    });
    $('a#close-jendela').click(function() {
        $('.jendela, #jendela').slideUp(2500);
        $('#open-jendela').fadeIn(2500)
        return false;
    });
});
</script>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<style>
a:visited,a:link{color:#fff;text-decoration:none;
}
body{background:#000 url(https://sites.google.com/site/koplaks99/Windows--7.jpg) no-repeat fixed center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;overflow:hidden;cursor:help;
}
#windows{width:100%;height:100%;position:fixed;bottom:0;left:0;background:#088A08 url(https://sites.google.com/site/koplaks99/Windows-----7.jpg) no-repeat fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;cursor:help;
}
.windows{width:100%;position:absolute;bottom:10%;left:0;cursor:move;
}
#windows-eight{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 auto;width:570px; height:384px;background: rgba(0,0,0,0.6);text-align:right;border:solid 3px;border-color:rgba(0,0,0,0.0);box-shadow:0 0 5px #000,inset 0 0 2px #000;
}
.windowsLeft{display:none;background:url(https://sites.google.com/site/koplaks99/left.png);width:40px;height:40px;background-position:0px 0px;
}
.windowsLeft:hover{width:40px;height:40px;background-position:0px 40px;cursor:pointer;
}
.windowsRight{display:none;background:url(https://sites.google.com/site/koplaks99/right.png);width:40px;height:40px;background-position:0px 0px;
}
.windowsRight:hover{width:40px;height:40px;background-position:0px 40px;cursor:pointer;
}
#windows-title{display:none;color:#f90;font-family:Broadway;text-decoration:underline;font-size:17px;font-weight:bold;margin:20px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;width:80%;
}
#windows-alt{display:none;color:#ddd;margin:20px;margin-top:0px;font:italic 12px Georgia,Times New Roman,serif;
}
#windows-eight img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
}
#windows-eight img:hover{-moz-transform:rotate(5deg);-webkit-transform: rotate(350deg);transform: rotate(5deg);opacity:0.8;
}
/*animasi*/
@-webkit-keyframes kentu{from{-webkit-transform:translate(0px,1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}@-moz-keyframes kentu{from{-moz-transform:translate(0px,1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}@-ms-keyframes kentu{from{-ms-transform:translate(0px,1000px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}@keyframes kentu{from{transform:translate(0px,1000px);opacity:0}to{transform:translate(0px,0px);opacity:1}
}
@-webkit-keyframes kontol{from{-webkit-transform:translate(0px,-1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}@-moz-keyframes kontol{from{-moz-transform:translate(0px,-1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}@-ms-keyframes kontol{from{-ms-transform:translate(0px,-1000px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}@keyframes kontol{from{transform:translate(0px,-1000px);opacity:0}to{transform:translate(0px,0px);opacity:1}
}
@keyframes earn { from{opacity:0;} to{opacity:10;}}
@-moz-keyframes earn { from{opacity:0;} to{opacity:10;}}
@-webkit-keyframes earn { from{opacity:0;} to{opacity:10;}}
#startbar, #windows-eight{-webkit-animation:kentu 3s;-moz-animation:kentu 3s;animation:kentu 3s;}
#windows-eight img, .windowsRight, .windowsLeft{-webkit-animation:kontol 6s;-moz-animation:kontol 6s;animation:kontol 6s;}

/*Start Menu*/
a{text-decoration:none;color:#444;}
a:hover{text-decoration:underline;cursor:pointer;}
/* Horizontal Bar */
#startbar{ position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:30px; background:rgba(0,0,0,.5);border-bottom:1px solid #A4A4A4;box-shadow:0 0 5px #000;font:normal 12px Calibri,Arial,Sans-Serif;
}
/* Windows Logo */
#win{ width:35px; height:35px; background:-webkit-radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); background:-moz-radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); background:-ms-radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); background:-o-radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); background:radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); border:1px solid #4A676F; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; -webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.9),inset 0px 2px 1px rgba(255,255,255,0.8),inset 0px 5px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); -moz-box-shadow:0 1px 1px rgba(255, 255, 255, 0.9),inset 0px 2px 1px rgba(255,255,255,0.8),inset 0px 5px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); box-shadow:0 1px 1px rgba(255, 255, 255, 0.9),inset 0px 2px 1px rgba(255,255,255,0.8),inset 0px 5px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); margin-top:2px; margin-left:10px; margin-right:20px; display:block; position:relative; float:left; cursor:pointer; webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;
}
#cont-win{ position:relative; left:7px; top:9px; -webkit-transform:skew(-4deg, -7deg) rotate(17deg); -moz-transform:skew(-4deg, -7deg) rotate(17deg); -ms-transform:skew(-4deg, -7deg) rotate(17deg); -o-transform:skew(-4deg, -7deg) rotate(17deg); transform:skew(-4deg, -7deg) rotate(17deg); display:block;
}
.w1,.w2,.w3,.w4{ width:8px;height:8px; float:left; margin:1px; background:#000; -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transform:skew(-4deg, -7deg); -moz-transform:skew(-4deg, -7deg); -ms-transform:skew(-4deg, -7deg); -o-transform:skew(-4deg, -7deg); transform:skew(-4deg, -7deg); }
.w1{ background:#BF321C; background:-webkit-radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C); background:-moz-radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C); background:-ms-radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C); background:-o-radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C); background:radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C);
}
.w2{ background:#74A647; background:-webkit-radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647); background:-moz-radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647); background:-ms-radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647); background:-o-radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647); background:radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647);
}
.w3{ background:#399FD3; background:-webkit-radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3); background:-moz-radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3); background:-ms-radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3); background:-o-radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3); background:radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3);
}
.w4{ background:#FCCC2E; background:-webkit-radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E); background:-moz-radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E); background:-ms-radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E); background:-o-radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E); background:radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E);
}
/* Menus */
#menu{ position:absolute; left:-11px; z-index:-1; width:400px; height:auto; padding:6px; background:-webkit-linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background:-moz-linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background:-ms-linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background:-o-linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background:linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); border:1px solid rgba(0, 0, 0, 0.6); border-bottom-width:2px; -webkit-box-shadow:inset 0px 0px 1px rgba(255,255,255,2.5); moz-box-shadow:inset 0px 0px 1px rgba(255,255,255,2.5); box-shadow:inset 0px 0px 1px rgba(255,255,255,2.5); border-radius:7px; visibility:hidden; opacity:0;top:31px; -webkit-transition:all 0.2s ease-out 0.2s; -moz-transition:all 0.2s ease-out 0.2s; -ms-transition:all 0.2s ease-out 0.2s; -o-transition:all 0.2s ease-out 0.2s; transition:all 0.2s ease-out 0.2s; cursor:default;
}
#win:hover{ -webkit-box-shadow:0 1px 7px rgba(255, 255, 255, 0.9),inset 0px 2px 1px #fff,inset 0px 2px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); -moz-box-shadow:0 1px 7px rgba(255, 255, 255, 0.9),inset 0px 2px 1px #fff,inset 0px 2px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); box-shadow:0 1px 7px rgba(255, 255, 255, 0.9),inset 0px 2px 1px #fff,inset 0px 2px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8);
}
#menu{visibility:visible;opacity:1;margin-top:2px;
}
#menu, .recent,.screensht{display:none;
}
#menu .left-menu{ float:left; display:inline; background:#E0ECF8; width:250px; height:350px; border:1px solid rgba(0, 0, 0, 0.6); -webkit-box-shadow:0px 0px 1px rgba(255,255,255,0.5); -moz-box-shadow:0px 0px 1px rgba(255,255,255,0.5); box-shadow:0px 0px 1px rgba(255,255,255,0.5); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative;
}
/* Search Form */
#menu .left-menu form#search{ width:250px; background:#E4F4FC; border-top:2px solid #BEE6FD; padding:10px 0; position:absolute; bottom:0px; left:0px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;
}
#menu .left-menu form#search input{ border-radius:3px;background:#fff; border:1px solid #aaa; padding:3px 5px; margin:0 14px; font:italic 12px Calibri,Arial,Sans-Serif; color:#999; width:202px; position:relative;
}
/* Loupe */
#menu .left-menu form#search:after{ content:""; width:5px; height:5px; border:1px solid #666; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:absolute; left:100%; margin-left:-37px; top:16px; }
#menu .left-menu form#search:before{ content:""; width:3px; height:0px;border:1px solid #666; position:absolute; z-index:3; left:100%; margin-left:-41px; top:23px; -webkit-transform:rotate(-41deg); -moz-transform:rotate(-41deg); -ms-transform:rotate(-41deg); -o-transform:rotate(-41deg); transform:rotate(-41deg);
}
#menu .left-menu ul{padding:2px;margin:0px;
}
#menu .left-menu li{ margin:0px; padding:0px; list-style:none; width:246px; text-align:left; }
#menu .left-menu li a{ color:#222; text-decoration:none; line-height:27px; margin-bottom:1px; padding:0px 12px; border:1px solid transparent; display:block; position:relative;
}
/* Making Arrow with CSS Pseudo Element */
#menu .left-menu li a.arrow:after{ content:""; width:0px; height:0px; position:absolute; left:100%; top:9px; margin-left:-16px; border-width:5px; border-style:solid; border-color:transparent transparent transparent #222;
}
/* Sliding Menu To Show the Recent Documents */
#menu .left-menu .recent{ width:142px; height:275px; position:absolute; z-index:1000; top:35px; left:245px;overflo:auto; padding:3px; background:#F4F7FB; -webkit-box-shadow:inset 1px 0px 1px rgba(0,0,0,0.2); -moz-box-shadow:inset 1px 0px 1px rgba(0,0,0,0.2); box-shadow:inset 1px 0px 1px rgba(0,0,0,0.2); visibility:hidden; opacity:0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; -webkit-transition:all 0.2s ease-out 0.2s; -moz-transition:all 0.2s ease-out 0.2s; -ms-transition:all 0.2s ease-out 0.2s; -o-transition:all 0.2s ease-out 0.2s; transition:all 0.2s ease-out 0.2s;
}
#menu .left-menu .recent hr{ border:none !important; height:1px; overflow:visible; background:#e6e6e6; position:relative; margin:10px 2px;
}
#menu .left-menu .recent hr:before{ content:"Recent"; padding:0 5px 0 2px; font-size:12px; color:#045182; position:absolute; left:0px; top:-8px; margin-right:-50px; background:#F4F7FB;
}
#menu .left-menu li:hover .recent{ left:249px; visibility:visible; opacity:1;
}
#menu .left-menu li li{ width:138px !important;
}
#menu .left-menu li li a{ padding:0 5px; line-height:16px !important; margin-bottom:2px;
}
#menu .left-menu li a:hover{ background:-webkit-linear-gradient(top, #E4F4FC, #ACDCF7); background:-moz-linear-gradient(top, #E4F4FC, #ACDCF7); background:-ms-linear-gradient(top, #E4F4FC, #ACDCF7); background:-o-linear-gradient(top, #E4F4FC, #ACDCF7); background:linear-gradient(top, #E4F4FC, #ACDCF7); border-color:#0CC0E1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 3px #fff; -moz-box-shadow:inset 0 0 3px #fff; box-shadow:inset 0 0 3px #fff;
}
#menu .left-menu li.all-prog{ position:absolute; bottom:48px; left:2px; border-top:2px solid #BEE6FD; padding-top:5px;
}
#menu .left-menu li.all-prog a{ line-height:22px; padding:0 0 0 34px;
}
/* My Words */
#menu .left-menu li.all-prog .recent.all{ width:240px; height:265px;overflow:auto;background:#E0ECF8; padding:5px; font-size:11px;position:absolute;top:0px; left:0px; margin-left:-2px; margin-top:-273px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5); box-shadow:inset 0 0 1px rgba(0,0,0,0.5);
}
#menu .left-menu li.all-prog a:before{ content:""; position:absolute; right:100%; top:7px; margin-right:-15px; border-width:4px 5px; border-style:solid; border-color:transparent transparent transparent #111; display:block;
}
.fleft{ float:left; margin:3px 10px 0px -10px; position:relative;
}
/* Creating Folders with CSS Gradients and Pseudo Elements */
.foldr{ width:20px; height:15px; margin-top:6px; background:#F6EEAB; background:-webkit-linear-gradient(top, #ECDE8C, #F6EEAB); background:-moz-linear-gradient(top, #ECDE8C, #F6EEAB); background:-ms-linear-gradient(top, #ECDE8C, #F6EEAB); background:-o-linear-gradient(top, #ECDE8C, #F6EEAB); background:linear-gradient(top, #ECDE8C, #F6EEAB); border:1px solid #DCC56C; -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 0px rgba(0,0,0,0.2); box-shadow:0 1px 0px rgba(0,0,0,0.2); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
}
.foldr:before{ content:""; width:8px; height:0px; border-top:3px solid #DCC56C; display:block; position:absolute; bottom:100%; left:0px;
}
/* Microsoft Word */
.mw{ width:12px; height:10px; margin-left:-4px; border:2px solid #fff; background:-webkit-linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); background:-moz-linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); background:-ms-linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); background:-o-linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); background:linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); color:#023B62; -webkit-box-shadow:1px 1px 0px #bbb, -2px 4px 0px #0E70A9; -moz-box-shadow:1px 1px 0px #bbb, -2px 4px 0px #0E70A9; box-shadow:1px 1px 0px #bbb, -2px 4px 0px #0E70A9; position:relative;
}
.mw:before{ content:"w"; position:absolute; top:0px; left:0px; background:#fff; border:2px solid #fff; font-size:8px; line-height:6px;
}
/* Opera Web Browser */
.op{ font:bold 22px Cambaria,Georgia,Times,Serif; color:#B73941; line-height:normal; margin-top:0px; margin-left:-8px; text-shadow:0 1px 1px #ddd; position:relative;
}
/* Create Opera Shadow */
.op:after{ content:""; width:10px; height:1px; background:#666; -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; box-shadow:0 0 3px #000; display:block; position:absolute; top:86%; left:4px; }
/* Ugly Internet Explorer.. */ .ie{ font:bold 30px Georgia,Serif; color:#066298; line-height:normal; margin-top:-6px; margin-left:-8px; position:relative;
}
.ie:after{ content:""; width:18px; height:2px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 3px 0px #FAD149,0px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow:0px 3px 0px #FAD149,0px 1px 1px rgba(0, 0, 0, 0.6); box-shadow:0px 3px 0px #FAD149,0px 1px 1px rgba(0, 0, 0, 0.6); position:absolute; top:42%; left:-4px; -webkit-transform:rotate(-36deg); -moz-transform:rotate(-36deg); -ms-transform:rotate(-36deg); -o-transform:rotate(-36deg); transform:rotate(-36deg);
}
/* Notepad */
.np{ width:16px; height:20px; background:-webkit-linear-gradient(-45deg, #fff 0%, #71CCE0 100%); background:-moz-linear-gradient(-45deg, #fff 0%, #71CCE0 100%); background:-ms-linear-gradient(-45deg, #fff 0%, #71CCE0 100%); background:-o-linear-gradient(-45deg, #fff 0%, #71CCE0 100%); background:linear-gradient(-45deg, #fff 0%, #71CCE0 100%); position:relative; -webkit-transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); -moz-transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); -ms-transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); -o-transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); margin-right:15px; -webkit-box-shadow:-2px 1px 0px #4A9BCD; -moz-box-shadow:-2px 1px 0px #4A9BCD; box-shadow:-2px 1px 0px #4A9BCD;
}
/* Adobe Fl (what is this?) */
.ai{ width:6px; height:6px; line-height:normal; color:#fff; font:bold 8px Verdana,Arial,Sans-Serif; padding:6px; margin-left:-10px; margin-right:15px; left:0px; background:-webkit-linear-gradient(45deg, #EA6E56, #A71D07, #fff); background:-moz-linear-gradient(45deg, #EA6E56, #A71D07, #fff); background:-ms-linear-gradient(45deg, #EA6E56, #A71D07, #fff); background:-o-linear-gradient(45deg, #EA6E56, #A71D07, #fff); background:linear-gradient(45deg, #EA6E56, #A71D07, #fff); -webkit-box-shadow:0 0 1px rgba(0,0,0,0.8); -moz-box-shadow:0 0 1px rgba(0,0,0,0.8); box-shadow:0 0 1px rgba(0,0,0,0.8);
}
/* Right Menu */
#menu .right-menu{ width:140px; float:right; display:inline;padding-top:40px;
}
#menu .right-menu ul,#menu .right-menu li{ margin:0;padding:0; list-style:none; display:block;
}
#menu .right-menu ul{ margin-bottom:5px;
}
#menu .right-menu li a{ padding:8px 7px 7px; display:block; font:normal 12px Calibri,Arial,Sans-Serif; color:#fff; text-decoration:none; margin-bottom:3px; width:124px; border:1px solid transparent; display:block;
}
#menu .right-menu li a:hover{ background:#222; background:-webkit-linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); background:-moz-linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); background:-ms-linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); background:-o-linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); background:linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); border-color: #111; -webkit-box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 1px rgba(255,255,255,0.8); -moz-box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 1px rgba(255,255,255,0.8); box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 1px rgba(255,255,255,0.8); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
/* Shut Down Button */
.shutdown{ width:84px; font:bold 12px Calibri,Arial,Sans-Serif; text-shadow:0 1px 2px #000; color:#fff; background:#222; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); background:-moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); background:-ms-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); background:-o-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); background:linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); border:1px solid #111; margin-bottom:12px; -webkit-box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 2px rgba(255,255,255,0.8); -moz-box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 2px rgba(255,255,255,0.8); box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 2px rgba(255,255,255,0.8); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;
}
.shutdown a:hover{color:#fff;text-decoration:none;
}
.shutdown:hover{-webkit-box-shadow:inset 0 0 15px #f00; -moz-box-shadow:inset 0 0 15px #f00; box-shadow:inset 0 0 15px #f00;
}
.shutdown div.lf{ padding:4px 5px; position:relative;
}
.shutdown div.lf:after{ content:""; padding:0px 6px; margin-left:7px; border-left:1px solid #111; -webkit-box-shadow:-1px 0px 0px rgba(255,255,255,0.3); -moz-box-shadow:-1px 0px 0px rgba(255,255,255,0.3); box-shadow:-1px 0px 0px rgba(255,255,255,0.3);
}
/* Create Arrow */
.shutdown div.lf:before{ content:""; width:0px; height:0px; position:absolute; left:100%; top:7px; margin-left:-13px; border-width:4px 4px; border-style:solid; border-color:transparent transparent transparent #fff;
}
/* Admin */ #menu #kontener{ position:absolute; top:0px; right:48px; margin-top:-20px; z-index:10; background:-webkit-linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); background:-moz-linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); background:-ms-linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); background:-o-linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); background:linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); padding:3px; border:1px solid #444; -webkit-box-shadow:inset 1px 0px 1px rgba(255,255,255,0.4), 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 1px 0px 1px rgba(255,255,255,0.4), 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow:inset 1px 0px 1px rgba(255,255,255,0.4), 0 1px 1px rgba(0, 0, 0, 0.5); border-radius:5px;
}
#menu #kontener .admin{ width:50px; height:48px; border:1px solid rgba(0,0,0,0.5); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:-webkit-radial-gradient(bottom, circle, #FACF0C, #4BB648); background:-moz-radial-gradient(bottom, circle, #FACF0C, #4BB648); background:-ms-radial-gradient(bottom, circle, #FACF0C, #4BB648); background:-o-radial-gradient(bottom, circle, #FACF0C, #4BB648); background:radial-gradient(bottom, circle, #FACF0C, #4BB648); -webkit-box-shadow:inset 0 -1px 7px #fff; -moz-box-shadow:inset 0 -1px 7px #fff; box-shadow:inset 0 -1px 7px #fff; position:relative;
}
/* Minimized Windows */ #list{float:left;display:inline;
}
.opened{ width:38px; height:25px; text-align:center; background:#222; background:-webkit-linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); background:-moz-linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); background:-ms-linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); background:-o-linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); background:linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); border:1px solid rgba(255,255,255,0.4); -webkit-box-shadow:0 0 1px rgba(0,0,0,0.9); -moz-box-shadow:0 0 1px rgba(0,0,0,0.9); box-shadow:0 0 1px rgba(0,0,0,0.9); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:left; margin:2px 2px 0; cursor:pointer;
}
.opened{ position:relative; }
.opened .np{ border:none; width:12px !important; height:12px; -webkit-transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px); -moz-transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px); -ms-transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px); -o-transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px); transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px);
}
.opened .foldr.small{margin:4px auto 0;width:20px;height:15px;
}
.opened .foldr.small:before{display:none;
}
/* Preview of Minimized Windows */
.opened .screensht{ position:absolute;top:-250px; width:399px;height:auto;padding:10px; z-index:-7; border:1px solid #A4A4A4; background:rgba(0,0,0,.7);box-shadow:0 0 10px #000;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.5s ease-out 0.35s; -moz-transition:all 0.5s ease-out 0.35s; -ms-transition:all 0.5s ease-out 0.35s; -o-transition:all 0.5s ease-out 0.35s; transition:all 0.5s ease-out 0.35s; cursor:default;
}
/* Close Button */
.opened .screensht .close{ position:absolute; top:7px; right:7px; color:#fff; line-height:12px; padding:0px 0px; text-align:center; width:12px; border:1px solid rgba(0,0,0,0.5); background:#AE3110; background:-webkit-linear-gradient(90deg, #EA6E56, #A71D07, #fff); background:-moz-linear-gradient(90deg, #EA6E56, #A71D07, #fff); background:-ms-linear-gradient(90deg, #EA6E56, #A71D07, #fff); background:-o-linear-gradient(90deg, #EA6E56, #A71D07, #fff); background:linear-gradient(90deg, #EA6E56, #A71D07, #fff); -webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.7); -moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.7); box-shadow:inset 0 0 1px rgba(255,255,255,0.7); text-shadow:0 0 1px #000; font:bold Arial,Sans-Serif; opacity:0.2; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; cursor:pointer;
}
.opened:hover .screensht{ opacity:1;top:30px;
}
.opened .screensht .col1:hover .close{ visibility:visible; opacity:1;
}
.opened .screensht .col1{width:174px; height:116px; padding:5px; color:#fff; float:left; margin-left:9px; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.2);opacity:0.5; position:relative;overflow:hidden;
}
.opened .screensht .kotak{ width:170px; height:90px;overflow:hidden;color:#000; margin:24px auto 1px; border:1px solid #000; background:#fafafa;box-shadow:0 0 1px rgba(255,255,255,0.8);padding:0;overflow:hidden;
}
.opened.tunggal .screensht{ width:204px; padding:10px 0;
}
.opened.tunggal .screensht .col1{ width:174px; padding:5px; margin-left:9px; float:none !important; display:block; position:relative;overflow:hidden;
}
.opened .screensht .kotak{width:auto;height:95%;overflow:hidden;
}
.opened .screensht .col1:hover{opacity:1;width:auto;height:99%;margin:2px;
}
.opened.tunggal .screensht:hover{width:100%;height:92%;padding:0px;position:fixed;left:0;top:35px;border:0px solid;
}
.opened.tunggal .screensht .col1.fold:before{content:"My New Documents"; position:absolute; display:block; top:7px; left:35px;
}
.opened.tunggal .screensht .col1.ntpad:before{content:"pera Browser"; position:absolute; display:block; top:5px; margin-left:20px;
}
.opened:hover{ -webkit-box-shadow:inset 0px 1px 1px #fff; -moz-box-shadow:inset 0px 1px 1px #fff; box-shadow:inset 0px 1px 1px #fff;
}
/* Show Desktop (see the right bottom of Windows) */
.opened.hide{ float:right;width:12px;height:25px;color:#fff;font:bold 10px/25px Verdana;
}
#fright{ float:right; width:140px; padding-top:8px; color:#fff;
}
#fright div{ float:left; display:inline; cursor:pointer;
}
/* Connection Status */
.connection{ width:10px; height:7px; border-width:1px; border-style:solid; border-color:#fff; position:relative; margin-top:2px; margin-left:5px;
}
.connection:before{ content:""; width:0px; height:0px; border:2px solid #fff; position:absolute; top:100%; left:3px; margin-top:0px;
}
.connection:after{ content:""; width:6px; height:0px; border-bottom:1px solid #fff; position:absolute; top:100%; left:2px; margin-top:3px;
}
/* Up Arrows to Show Hidden Icons in Windows */
.plus{ border:1px solid transparent; margin-bottom:12px; width:18px; height:15px; margin-right:5px; position:relative;
}
.plus .screensht1{ position:absolute;overflow:hidden;opacity:0;bottom:-100px; left:-25px;top:-250px;width:auto;height:105px; padding:10px 5px;z-index:-7; border:1px solid rgba(255,255,255,0.4); background:rgba(0,0,0,0.7);-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; -moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.5s ease-out 0.2s; -moz-transition:all 0.5s ease-out 0.2s; -ms-transition:all 0.5s ease-out 0.2s; -o-transition:all 0.5s ease-out 0.2s; transition:all 0.5s ease-out 0.2s;
}
.plus .screensht1 .grup{border:1px solid #rgba(0,0,0,0.6);width:100px;padding:5px;height:100px;background:#fff;margin:0 auto;box-shadow:0 0 1px rgba(255,255,255,0.4);text-align:center;
}
.plus:hover{border:1px solid #848484;box-shadow:inset 0 0 5px #fff;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}
.plus:hover .screensht1{ visibility:visible; top:25px; opacity:1;color:#000;
}
.plus:after{ content:""; width:0px; height:0px; border-width:5px 4px; border-style:solid; border-color:#fff transparent transparent transparent; position:absolute;top:6px;left:100%; margin-left:-13px;
}
/* Speaker */
.speker{ width:0px; height:6px; margin-top:2px; margin-left:10px; border-width:3px 4px; border-style:solid; border-color:transparent #fff transparent transparent; position:relative;
}
.speker .screensht2{position:absolute;top:-250px;width:auto; height:50px; overflow:hidden; opacity:0; bottom:-100px; left:-25px;padding:5px; z-index:-7; border:1px solid rgba(255,255,255,0.4); background:rgba(0,0,0,0.7);-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; -moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.5s ease-out 0.2s; -moz-transition:all 0.5s ease-out 0.2s; -ms-transition:all 0.5s ease-out 0.2s; -o-transition:all 0.5s ease-out 0.2s; transition:all 0.5s ease-out 0.2s;
}
.speker .screensht2 .grup{border:1px solid #rgba(0,0,0,0.6);width:auto;margin:0 auto;padding:5px;height:40px;background:#fff;box-shadow:0 0 1px rgba(255,255,255,0.4);text-align:center;
}
.speker:hover .screensht2{ visibility:visible;top:21px;opacity:1;color:#000;
}
.speker:before{ content:""; width:0px; height:4px; border-left:2px solid #fff; position:absolute; right:100%; top:1px;
}
/*logon buton*/
#off{background:rgba(0,0,0,.5);margin:0 auto;margin-top:10%;width:150px;padding:10px;border-radius:5px;border:3px solid #151515;text-align:center;font:bold 14px/10px Verdana;color:#151515;text-shadow:-1px 0 #58ACFA,0 1px #fff,1px 0 #58ACFA, 0 -1px #58ACFA,0 0 3px #fff,0 0 6px #fff;;box-shadow:0 0 5px #fff,0 0 20px #58ACFA,inset 0 0 2px #fff,inset 0 0 5px #58ACFA;
}
.logon{z-index:9;display:inline-block;padding:8px;background:#201A1A;border-radius:100px;border:1px solid #ddd;box-shadow:0 0 5px #58ACFA,inset 0 0 6px #58ACFA;transition:all 0.1s ease-out 0.1s;
}
.logon:hover{background:#000;border:1px solid #fff;box-shadow:0 0 20px #58ACFA,inset 0 0 3px #58ACFA;
}
/*Clock Position*/
.jam{margin-left:10px;}
.clear{clear:both;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script>
$(document).ready(function() {
    $('.jendela').append().before('');
    $('.jendela').append('');
    $('a#open-jendela').click(function() {
        $('.jendela').slideDown(2500);
        $('#open-jendela').fadeOut(2500);
        return false;
    });
    $('a#close-jendela').click(function() {
        $('.jendela').slideUp(2500);
        $('#open-jendela').fadeIn(2500)
        return false;
    });
});
/*show hide start menu*/
$(document).ready(function(){$(".tombol").click(function(){$("#menu").slideToggle(0);$(this).toggleClass("active");return false;});});
/*document label*/
$(document).ready(function(){$("#pencet,#pencets,#klik").click(function(){$(".recent").slideToggle(0);$(this).toggleClass("active");return false;});});
/*explore and Opere*/
$(document).ready(function(){$("#explore, #explored").click(function(){$(".screensht").slideToggle(0);$(this).toggleClass("active");return false;});});
/*show hiden icon*/
$(document).ready(function(){$("#lihat,#lihats").click(function(){$("#fright").slideToggle(0);$(this).toggleClass("active");return false;});});
/*jam tembok*/
window.setTimeout("jam()",1000);function jam() {var tanggal = new Date();setTimeout("jam()",1000);document.getElementById("waktu").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds()+" WIB"; }
</script>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/koplaks99/windows8.js' type='text/JavaScript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#windows-eight").CloudCarousel( {
reflHeight: 56,
reflGap:2,
titleBox: $('#windows-title'),
altBox: $('#windows-alt'),
buttonLeft: $('#but1'),
buttonRight: $('#but2'),
yRadius:40,
xPos: 285,
yPos: 120,
speed:0.15,
mouseWheel:true
});
});
</script>
</b:if>
</head><body>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='off'><a class='logon' href='javascript:void(0)' id='open-jendela' title='Start this Windows Again'><div class='w1'/>
<div class='w2'/>
<div class='clear'/>
<div class='w3'/>
<div class='w4'/></a><p>❖ Log Off by User</p></div>


<div class='jendela' id='windows'>
<div class='windows'>
<div class='jendela' id='windows-eight'>
<div id='windows-title'>
</div>
<div id='windows-alt'>
</div>
<a href='/search/label/max-result=2'><img alt='Read My New entry.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/post.png' title='Show Post' width='128'/></a>
<a href='#'><img alt='Become be my friend' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/twitter.png' title='My Twiter' width='128'/></a>
<a href='#'><img alt='U can find me here.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/facebook.png' title='My Facebook' width='128'/></a>
<a href='http://cuerosbhelatos.blogspot.com/p/about-me.html'><img alt='About me on blogger.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/Profile.png' title='My Profil' width='128'/></a>
<a href='http://cuerosbhelatos.blogspot.com/p/buku-tamu-sahabat.html'><img alt='Leave U comment here.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/tamu.png' title='My Guest Book' width='128'/></a>
<a href='http://cuerosbhelatos.blogspot.com/p/my-friends.html'><img alt='Please follow me.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/follow.png' title='Follow My Blog' width='128'/></a>
<a href='#'><img alt='This is my photo album.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/picture.png' title='My picture' width='128'/></a>
<a href='http://cuerosbhelatos.blogspot.com/p/daftar-isi-blogku.html'><img alt='All off content this blog.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/isi.png' title='Sitemap' width='128'/></a>
<div class='windowsLeft' id='but1' style='bottom: 20px; left: 64px; position: absolute;'/>
<div class='windowsRight' id='but2' style='bottom: 20px; position: absolute; right: 64px;'/>
</div>
</div></div>

<div class='jendela' id='startbar'>
<div id='win'>
<div id='menu'>
<div class='left-menu'>
<ul>
<li><a class='arrow' id='pencet' title='Click to Open this Documents'><div class='fleft foldr'/>
My Documents Label</a> <div class='recent'>
<hr/>
<ul>
<li><a href='/'>Blogazine Template</a></li>
<li><a href='/'>Blogspot Template</a></li>
<li><a href='/'>Football Lover</a></li>
<li><a href='/'>Healthy Live</a></li>
<li><a href='/'>Info ands News</a></li>
<li><a href='/'>Mp3 and Lyrik</a></li>
<li><a href='/'>Petuah Bijak</a></li>
<li><a href='/'>Seo Kontes</a></li>
<li><a href='/'>Software</a></li>
<li><a href='/'>Tool Blogger</a></li>
<li><a href='/'>Tips Blogger</a></li>
<li><a href='/'>Tips Komputer</a></li>
</ul>
</div>
</li>
<li><a href='http://cuerosbhelatos.blogspot.com/p/my-friends.html' title='My Friends in Blogspot'><div class='fleft foldr'/>
My Blogger Friends</a></li>
<li><a href='http://cuerosbhelatos.blogspot.com/p/new-entry.html' title='New Documents Entry'><div class='fleft foldr'/>
My New Documents</a></li>
<li><a class='arrow' id='pencets' title='Click to Open Microsof Write'><div class='fleft mw'/>
Microsoft Office Word 2010</a> <div class='recent'>
<hr/>
<ul>
<li><a href='/'>hidup sederhana</a></li>
<li><a href='/'>senja yang indah</a></li>
<li><a href='/'>seperti sepatu</a></li>
<li><a href='/'>seperti petir</a></li>
<li><a href='/'>Pelangi</a></li>
<li><a href='/'>no drug</a></li>
<li><a href='/'>kerasnya hidup</a></li>
<li><a href='/'>keep you spirit</a></li>
</ul>
</div>
</li>
<li><a href='/'><div class='fleft op'>O</div>Opera Web Browser</a></li>
<li><a href='/'><div class='fleft ie'>e</div>Internet Explorer</a></li>
<li><a href='/'><div class='fleft np'/>Notepad</a></li>
<li><a href='/'><div class='fleft ai'>Fl</div>Adobe Flash Player</a></li>
<li class='all-prog'><a class='arrow' id='klik' title='Click to Open All Program'>All My Programs File</a> <div class='recent all'>
<script src='https://sites.google.com/site/cuerosbhelatos/site-map.js'/>
<script src='/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc'/><script type='text/javascript'>var accToc=true;</script>
</div>
</li>
</ul>
<form action='/search' id='search' method='get'><input name='q' onblur='if (this.value == "") {this.value = "✔ search something...";}' onfocus='if (this.value == "✔ search something...") {this.value = ""}' type='text' value='✔ search something...'/></form>
</div>
<div class='right-menu'>
<ul>
<li><a href='http://cuerosbhelatos.blogspot.com/p/daftar-isi-blogku.html' title='My All Documents'>My Documents</a></li>
<li><a href='http://binkbenk.nazuka.net/' title='My Gallery Image'>Pictures</a></li>
<li><a href='http://cuerosbhelatos.blogspot.com/search/label/Mp3%20And%20Song%20Lyrik' title='Collection Music'>Music</a></li>
<li style='border-top: 1px solid rgba(255,255,255,0.1); padding-top: 2px;'><a href='http://cuerosbhelatos.blogspot.com/2012/03/flash-game-angry-birds.html' title='Play Game'>Games</a></li>
<li style='border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 2px; padding-top: 5px;'><a href='http://cuerosbhelatos.blogspot.com/search/label/Tips%20Komputer' title='Computer Repair'>Computer</a></li>
<li><a href='http://draft.blogger.com/home' title='Setting My Viewer'>Control Panel</a></li>

<li><a href='/?m=1'>Default Programs</a></li>
<li><a href='http://draft.blogger.com/go/helpcenter' title='Help U Trouble'>Help and Support</a></li>
</ul>
<div class='shutdown'>
<div class='lf'><a href='javascript:void(0)' id='close-jendela' title='CLose this Windows'>Shut down</a></div>
<div class='clear'/>
</div>
<div id='kontener'>
<div class='admin'/>
</div>
</div>
<div class='clear'/>
</div>
<a class='tombol'><div id='cont-win' title='Click Here to Start'>
<div class='w1'/>
<div class='w2'/>
<div class='clear'/>
<div class='w3'/>
<div class='w4'/>
<div class='clear'/>
</div></a>
</div>
<div id='list'>
<div class='opened tunggal'>
<div class='foldr small' id='explore' title='Click Here to Explore Libraries'/>
<div class='screensht'>
<div class='col1 fold'><div class='fleft foldr' style='line-height:10px;margin:2px;'/>
<div class='close' id='explored' title='Close this Library'>
×</div>
<div class='kotak'>
<iframe border='0' height='100%' src='/search/label/max-result=5' width='100%'/>
</div>
</div>
</div>
</div>
<div class='opened tunggal'>
<div class='fleft op' id='explored' style='float:right;' title='Click to Open Opera Browser'>O</div>
<div class='screensht'>
<div class='col1 ntpad'><div class='fleft op' style='line-height:12px;margin-left:2px;'>O</div>
<div class='close' id='explored' title='Close this Page'>
×</div>
<div class='kotak'>
<iframe border='0' height='100%' src='http://www.opera.com/products/?m=1' width='100%'/>
</div>
</div>
</div>
</div>
<div class='clear'/>
</div>
<div class='opened hide' id='lihat' title='Show Hidden Icon'>◄</div>
<div id='fright'>
<div class='plus' id='lihats' title='Hide Icon'>
<div class='screensht1'>
<div class='grup' title='Active Menu'>
<p style='border-bottom:1px solid #000;text-align:center;color:#088A08'>
Customize</p>
<p title='Opera Browser'><a class='fleft op' style='line-height:12px;margin:1px;' title='Opera Browser'>O</a>pera Browser</p>
<p title='My Documents'><a class='fleft foldr' style='line-height:10px;margin:1px;' title='My Documents'/>Documents</p>
</div>
</div>
</div>
<div class='connection' title='Wireless Network Connection Avaible'/>
<div class='speker' title='Music Volume'>
<div class='screensht2'>
<div class='grup'>
<embed height='40' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='https://sites.google.com/site/binkbenk22/player1.swf' title='Stop/Play Music ' type='application/x-shockwave-flash' width='100' wmode='transparent'/>
</div>
</div>
</div>
<div class='jam' id='waktu'/>
<div class='clear'/>
</div>
</div>

<b:else/>
<b:if cond='data:blog.pageType != "item"'><div class='ndas'>* <data:blog.title/> *</div></b:if>
<div class='logoff'><a class='buton shutdown' href='javascript:void(0)' id='open-jendela' title='Log On'><span/></a>
Start Windows Again</div>
<div class='jendela' id='badan-besar'>

<table style='width:100%;margin: 0 auto;'><tbody>
<b:if cond='data:blog.pageType == "item"'>
<tr><td colspan='2' style='background:#000;height:12px;'><div class='menu' id='jendela'><ul><li><a href='/'>✪ beranda</a></li>
<li><a href='/search/label/max-result=2'>☶ new post</a></li>
<li><a href='/p/daftar-isi-blogku.html'>❖ archieve</a></li>
<li><a href='/p/about-me.html'>✆ contact'us</a></li>
<li><a href='javascript:void(0)' onclick='window.print();'>✔ print page</a></li>
</ul></div>
<div class='buton-page' id='jendela'><a href='javascript:void(0)' id='close-jendela' title='Close Page'>✖</a></div>
<div class='buton-page jendela' style='background:#2E2EFE;color:#ddd'><a href='javascript:void(0)' id='show' title='Show Hide Sidebar'>❏</a></div>
<div class='buton-page' id='jendela' style='background:#2E2EFE;'><a href='' title='Refresh'>➲</a></div>
</td></tr>
</b:if>
<tr rowspan='2'><td rowspan='3'><b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'><div class='blog-pager' id='blog-pager' style='font-size:0px'><b:if cond='data:newerPageUrl'><span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a></span></b:if>
<b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><b:if cond='data:mobileLinkUrl'><div class='blog-mobile-link'><a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div></b:if></div></b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showFacebookButton'/><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if></b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
<b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4></b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';}}}
return entry.content.$t;}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)};}}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];}}}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;}}}
comments.push(comment);}}
return comments;};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);}};
var hasMore = function() {
return !!cursor;};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;}
return '';};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '200px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');}}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;}};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);}};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);}})();// ]]>
</script>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'><b:include data='top' name='status-message'/></div>
<b:include name='mobile-nextprev'/></b:includable>
<b:includable id='post' var='post'><div class='post hentry'>
<b:if cond='data:post.title'><h3 class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><b:if cond='data:blog.url != data:post.url'>
<span class='autor'>writed by : <data:post.author/></span><a expr:href='data:post.url'>✔ <data:post.title/></a><div class='komen'><data:post.commentLabelFull/> ®</div><b:else/>❞<data:post.title/>❞</b:if><b:else/><data:post.title/></b:if></b:if></h3></b:if>
<div class='post-body entry-content' expr:id='"post-body"'>
<b:if cond='data:blog.pageType == "static_page"'>
    <data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
        <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
            <div class='jump-link'> </div>
        </b:if>
<b:else/>
    <data:post.body/>
<div class='tempikmu' style='margin:0;font-size:10px;text-align:right;padding:0;'>|| <a href='http://cuerosbhelatos.blogspot.com/'><font size='4'>❖</font></a> | Copy Right By : <a href='/'> <data:blog.title/></a> | Design By : <a href='http://cuerosbhelatos.blogspot.com'>Cuerosbhelatos</a> ||</div>
</b:if>
</b:if>
<div style='clear: both;'/>
</div></div>
</b:includable>
<b:includable id='comment_picker' var='post'><b:if cond='data:post.commentSource == 1'><b:include data='post' name='iframe_comments'/><b:else/>
<b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/>
<b:include data='post' name='comments'/></b:if></b:if>
</b:includable>
<b:includable id='status-message'><b:if cond='data:navMessage'><div class='status-msg-wrap'><div class='status-msg-body'><data:navMessage/></div><div class='status-msg-border'><div class='status-msg-bg'/></div></div><div style='clear: both;'/> </b:if></b:includable>
<b:includable id='comment-form' var='post'><div class='comment-form'><a name='comment-form'/><b:if cond='data:mobile'><b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='margin-left:10px;border-radius:5px;border:2px ridge;box-shadow:0 0 30px #fff,inset 0 0 30px #fff;padding:2%' width='650'/></b:if>
<data:post.friendConnectJs/><data:post.cmtfpIframe/>
<script type='text/javascript'>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');</script>
</div></b:includable>
<b:includable id='threaded_comments' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='cocot'><a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>✪ || Tinggalkan Komentarmu || ✪</a></div>
<div class='comments' id='comments'>
<div class='share'><div class='addthis_toolbox addthis_default_style'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_counter addthis_pill_style'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabd3f366f7a719' type='text/javascript'/></div>

<div class='comments-content'><b:if cond='data:post.embedCommentForm'><b:include data='post' name='threaded_comment_js'/></b:if><div id='comment-holder'><data:post.commentHtml/></div></div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'><b:include data='post' name='threaded-comment-form'/><b:else/>
<data:post.noNewCommentsText/></b:if></p></div></b:if></b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'>
<b:if cond='data:post.title'><h3 class='post-title entry-title' itemprop='name'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/>
<data:post.title/></b:if></b:if></h3></b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'><data:post.body/><div style='clear: both;'/></div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/></b:if></b:if></b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>

<div class='blog-posts hfeed'><b:include data='top' name='status-message'/>
<data:defaultAdStart/><b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'><h2 class='date-header'><span><data:post.dateHeader/></span></h2></b:if><b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if><b:if cond='data:post.includeAd'><b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/><b:else/><data:adEnd/></b:if><div class='inline-ad'><data:adCode/></div><data:adStart/></b:if></b:loop>
<b:if cond='data:numPosts != 0'></div></div></b:if><data:adEnd/></div>
<b:include name='nextprev'/>
<b:include name='feedLinks'/><b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if><b:else/><b:include name='mobile-main'/></b:if>
<b:if cond='data:top.showDummy'><data:top.dummyBootstrap/></b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<b:else/></b:if></b:includable>
<b:includable id='threaded-comment-form' var='post'><div class='comment-form'><a name='comment-form'/><b:if cond='data:mobile'><b:else/><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='400' id='comment-editor' name='comment-editor' src='' style='border-radius:5px;border:2px ridge;box-shadow:inset 0 0 30px #fff;padding:1%' width='97%'/></b:if><data:post.friendConnectJs/><data:post.cmtfpIframe/>
<script type='text/javascript'>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script></div></b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'><b:if cond='data:post.dateHeader'><div class='date-header'><span><data:post.dateHeader/></span></div></b:if>
<div class='mobile-post-outer'><a expr:href='data:post.url'><h3 class='mobile-index-title entry-title' itemprop='name'><data:post.title/></h3><div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'><b:if cond='data:post.thumbnailUrl'><div class='mobile-index-thumbnail'>
<div class='Image'><img expr:src='data:post.thumbnailUrl'/></div></div></b:if>
<div class='post-body'><b:if cond='data:post.snippet'><data:post.snippet/></b:if></div></div>
<div style='clear: both;'/></a><div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:post.allowComments'><b:if cond='data:post.numComments != 0'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b:if></b:if></b:if></div></div></div></b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowComments'><script expr:src='data:post.commentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/><b:if cond='data:post.embedCommentForm == "false"'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>data:postCommentMsg/></a></b:if></b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'><b:if cond='data:blog.pageType == "item"'>
<div class='cocot'><a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>✪ || Tinggalkan Komentarmu || ✪</a></div>
<div class='comments' id='comments'><b:if cond='data:post.allowComments'><b:if cond='data:post.commentPagingRequired'><span class='paging-control-container'><b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> </b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a></b:if></span></b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'><dl expr:class='data:post.avatarIndentClass' id='comments-block'><b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'><img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/></b:if>
<a expr:name='data:comment.anchorName'/><b:if cond='data:blog.enabledCommentProfileImages'><data:comment.authorAvatarImage/></b:if>
<b:if cond='data:comment.authorUrl'><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><b:else/><data:comment.author/></b:if><data:commentPostedByMsg/></dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'/>
<dd class='comment-footer'><span class='comment-timestamp'><a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/></a></span></dd></b:loop></dl></div>
<b:if cond='data:post.commentPagingRequired'><span class='paging-control-container'><a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> <data:post.commentRangeText/> 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a></span></b:if>
<p class='comment-footer'><b:if cond='data:post.embedCommentForm'><b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/><b:else/><data:post.noNewCommentsText/></b:if><b:else/>
<b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if></b:if></p></b:if></div></b:if></b:includable>
</b:widget>
</b:section></td><b:if cond='data:blog.pageType == "item"'>
<td class='sidebar' style='height:30px;width:25%;text-align:center;'>
<div class='sidebar' id='search'><form action='/search/' method='get'><input maxlength='255' name='q' onblur='if (this.value == "") {this.value = "✔ search something...";}' onfocus='if (this.value == "✔ search something...") {this.value = ""}' type='text' value='✔ search something...'/><input id='search-btn' title='goleki' type='submit' value=''/></form></div>
</td></b:if></tr>
<b:if cond='data:blog.pageType == "item"'>
<tr>
<td class='sidebar' style='padding:0;width:25%;height:auto;'>
<div class='sidebar' id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archives' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>▼ </span>
    </a>
<b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == "rtl"'>
          ◄ 
        <b:else/>
          ► 
        </b:if>
      </span>
    </a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2>✔ <data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2>☻ <data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> 
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> 

      <b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'>
          <a class='profile-name-link' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
            <data:displayname/>
          </a>
        </dt>

        <b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
</b:includable>
</b:widget>
</b:section> </div>
</td></tr>
<tr>
<td class='sidebar' style='height:25px;width:25%;text-align:center;'>
<div class='trade'>Windows 7 Blog <a href=''>▶</a></div>
</td></tr>
</b:if>
</tbody></table>

<div class='clear'/>
</div>
<b:if cond='data:blog.pageType != "item"'><div class='tempikmu'>|| <a href='http://cuerosbhelatos.blogspot.com/'><img border='0' height='20' src='http://i1206.photobucket.com/albums/bb455/binkbenk/homes.png' width='20'/></a> | Copy Right By : <a href='/'> <data:blog.title/></a> | Design By : <a href='http://cuerosbhelatos.blogspot.com'> <data:blog.title/></a> ||</div></b:if>
<script src='https://sites.google.com/site/koplaks99/emo-comments.js' type='text/javascript'/></b:if></body></html>

Sekian dulu sobat share template yang sangat sederhana ini,  maaf masih banyak sekali kekurangannya.

SUMBER: http://cuerosbhelatos.blogspot.com/2013/01/souce-template-windows-7-home-premium.html 

GO-LINK│*Cafe Information™

7 Bahaya Makanan Pedas Bagi Kesehatan Anda

Mari Melupakan Masa lalu yang tak berguna

2 Cara Unik Mengganti Background Facebook dengan foto, Keren, Gratis

RESEP Sakit Jiwa sebuah Ikhtisar

Download Simulator Alat berat Terbaru 2013

Template Blog Windows 7 Home Premium

Popular post

Anda Pengunjung ke

Translate

Blog Archive

Mengenai Saya

Page Info

Labels

Followers