Minggu, 02 Juni 2013

film cartoon tentang biologi "Once Upon a Time Life"


AO AO all, pada dah pernah nonton Once Upon a Time Life gak? Film Once Upon a Time Life ini bercerita tentang anatomy tubuh mungkin kurang lebih begitu ya, kira-kira tentang biologi lah ya, dan ini bener-bener film cartoon yang menambah ilmu banget & gak rugi buat di tonton, disajikan suatu pelajaran biologi dengan nuansa yang berbeda yaitu dengan cerita & dalam bentuk gambar cartoon yang menurut saya cocok untuk di tonton anak-anak juga ^^ sembari menambah informasi pelajaran secara gak langsung ke mereka. Yang belum pernah nonton yuk nonton film yang 1 ini, film nya film cartoon tapi 100% bukan cartoon-cartoon alay yang ngajarin anak gak bener kayak cartoon jaman sekarang T__T ... Once Upon a Time Life ini dah ada dari dulu sebetulnya dan sudah pernah tayang di saluran tivi Space Toon
mungkin banyak yang gak tau film ini ya, tapi JUJUR menurut saya bagi kalian yang dah punya anak jauh lebih baik untuk ajak anak kalian nonton film ini dibanding film-film cartoon gak mutu yang kerjaannya bertingkah laku aneh-aneh, bersifat kejam, pokoknya aneh-aneh deh ya, gak perlu saya sebutkan judulnya ya ^^ yang pasti *maaf* tapi cartoon-cartoon semacam itu sama sekali gak mendidik anak-anak kita sebagai penerus bangsa! ..

nonton gratis Once Upon a Time Life? kemarin setelah search-search googling-googling ternyata di youtube ada hahaha, nah ini link nya ya :
http://www.youtube.com/user/isgota
disana ada 26 episode, aku sendiri kurang tau asli ya ada berapa episode, hahaha tapi kalau memang nanti ada yang beda lagi dari yang dibagi di youtube, ya mungkin aku bagi lewat WALL lagi ^^

inget jangan lupa nonton ya ^^ belajar biologi dengan cara yang menyenangkan h0h0h0

Rabu, 09 Januari 2013

Cara memasukan file pdf ke blogspot


  1. Click link berikut www.scribd.com, scribd adalah fasilitas untuk menampilkan file PDF dalam format flash yang nantinya akan dimasukkan kedalam blog.
  2. Click UPLOAD yang terletak di kanan atas.
  3. Pilih data PDF yang ingin Anda tampilkan.
  4. Bila belum memiliki account biasanya setelah upload selesai dia kan diminta input email Anda.
  5. Click ▼*tanda panah kebawah* yang ada pada ujung kanan atas, lalu pilih "My Content".
  6. Pilih data tadi yang kamu sudah upload dan mau tampilkan, dengan cara di click judulnya.
  7. Click "< > Embed" yang terletak diatas tampilan PDF Anda.
  8. Copy Paste koding yang muncul ke posting-ngan blogspot atau ke halaman LAMAN juga bisa.
  9. Lalu "Publikasikan", tara maka otomatis PDF akan muncul saat ke halaman tersebut ^^.
b~O^ SELAMAT MENCOBA SEMOGA DAPAT BERMANFAAT ^O~d

Senin, 12 November 2012

Cara membuat NIVO SLIDER pada blogspot

STEP 1 : Letakan coding CSS dibawah ini, diatas </b:skin>
  • Pilih "Template" ~> "Edit HTML"
  • Tekan Ctrl+F lalu ketikkan "</b:skin>"
  • Letak coding yang ada dalam kotak dibawah ini, tepat diatas tulisan "</b:skin>"
  • Lalu SAVE.
 /*  
 * jQuery Nivo Slider v2.5.1  
 * http://nivo.dev7studios.com  
 *  
 * Copyright 2011, Gilbert Pellegrom  
 * Free to use and abuse under the MIT license.  
 * http://www.opensource.org/licenses/mit-license.php  
 *  
 * March 2010  
 */  
   
 #slider-wrapper {  
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZDYNMiOfwz9ZE1S2TZxn9bn0BqfAkROnBK0InwUS6IQm329nuty4XyD5VBO9J21I8QyoD5AFHhJI5BGpluw2FwZj1acxEOM3BmxmmPwpSYgNcZ6jxiu_OKIkknYY56qDmLzIxeaQZLwE/s1600/slider.png) no-repeat;  
 width:998px;  
 height:392px;  
 margin:0 auto;  
 padding-top:74px;  
 margin-top:50px;  
 }  
 #slider {  
 position:relative;  
 width:618px;  
 height:246px;  
 margin-left:190px;  
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_PEIa4aV_PtY-cfbuiAJE6ALNw3rBqSvAxxHW4jAN_enaQD7NzSFxsozUCDYpmAexW-kOpVw3go2WeubButrzjrD4bzHCJK3-ELg9ZlkH7yUeruC2mT-CvMQHq4e6x5vvff6cwweiB2E/s1600/loading.gif) no-repeat 50% 50%;  
 }  
 #slider img {  
 position:absolute;  
 top:0px;  
 left:0px;  
 display:none;  
 }  
 #slider a {  
 border:0;  
 display:block;  
 }  
 .nivo-controlNav {  
 position:absolute;  
 left:260px;  
 bottom:-42px;  
 }  
 .nivo-controlNav a {  
 display:block;  
 width:22px;  
 height:22px;  
 background:url(ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYsI67esPY5QNtsoVgvMmh39UUVDzIQRbrs49g-gp7Tw0xocyXbG4_nSQecs7Vr3S48bNWT6JnPreq6JJf3L6BobaQU-dEZWM-u3SBXQV9Sn0-272XS5xsNBlivsI0XA-Rb3geKpnp6ow/s1600/bullets.png) no-repeat;  
 text-indent:-9999px;  
 border:0;  
 margin-right:3px;  
 float:left;  
 }  
 .nivo-controlNav a.active {  
 background-position:0 -22px;  
 }  
 .nivo-directionNav a {  
 display:block;  
 width:30px;  
 height:30px;  
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr9QL_p2LXA8dioKWy47-MGsTlEdHyHJUxfSgT0uFWEgHAdn7u7vuv-_AFEFO3G5Ues7T1mztJ9dzICQs1oEdh7uL4JLVXLGWmfupAjaZy0oJ-TsdHyQ_tjjGXm6-7aLuRy4g0nxfKP8c/s1600/arrows.png) no-repeat;  
 text-indent:-9999px;  
 border:0;  
 }  
 a.nivo-nextNav {  
 background-position:-30px 0;  
 right:15px;  
 }  
 a.nivo-prevNav {  
 left:15px;  
 }  
 .nivo-caption {  
 text-shadow:none;  
 font-family: Helvetica, Arial, sans-serif;  
 }  
 .nivo-caption a {  
 color:#efe9d1;  
 text-decoration:underline;  
 }  
 /* The Nivo Slider styles */  
 .nivoSlider {  
 position:relative;  
 }  
 .nivoSlider img {  
 position:absolute;  
 top:0px;  
 left:0px;  
 }  
 /* If an image is wrapped in a link */  
 .nivoSlider a.nivo-imageLink {  
 position:absolute;  
 top:0px;  
 left:0px;  
 width:100%;  
 height:100%;  
 border:0;  
 padding:0;  
 margin:0;  
 z-index:6;  
 display:none;  
 }  
 /* The slices and boxes in the Slider */  
 .nivo-slice {  
 display:block;  
 position:absolute;  
 z-index:5;  
 height:100%;  
 }  
 .nivo-box {  
 display:block;  
 position:absolute;  
 z-index:5;  
 }  
 /* Caption styles */  
 .nivo-caption {  
 position:absolute;  
 left:0px;  
 bottom:0px;  
 background:#000;  
 color:#fff;  
 opacity:0.8; /* Overridden by captionOpacity setting */  
 width:100%;  
 z-index:8;  
 }  
 .nivo-caption p {  
 padding:5px;  
 margin:0;  
 }  
 .nivo-caption a {  
 display:inline !important;  
 }  
 .nivo-html-caption {  
 display:none;  
 }  
 /* Direction nav styles (e.g. Next & Prev) */  
 .nivo-directionNav a {  
 position:absolute;  
 top:45%;  
 z-index:9;  
 cursor:pointer;  
 }  
 .nivo-prevNav {  
 left:0px;  
 }  
 .nivo-nextNav {  
 right:0px;  
 }  
 .nivo-directionNav a {  
 display:block;  
 width:30px;  
 height:30px;  
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr9QL_p2LXA8dioKWy47-MGsTlEdHyHJUxfSgT0uFWEgHAdn7u7vuv-_AFEFO3G5Ues7T1mztJ9dzICQs1oEdh7uL4JLVXLGWmfupAjaZy0oJ-TsdHyQ_tjjGXm6-7aLuRy4g0nxfKP8c/s1600/arrows.png) no-repeat;  
 text-indent:-9999px;  
 border:0;  
 }  
 a.nivo-nextNav {  
 background-position:-30px 0;  
 right:15px;  
 }  
 a.nivo-prevNav {  
 left:15px;  
 }  
 /* Control nav styles (e.g. 1,2,3…) */  
 .nivo-controlNav a {  
 position:relative;  
 z-index:9;  
 cursor:pointer;  
 }  
 .nivo-controlNav a.active {  
 font-weight:bold;  
 }  
 .nivo-controlNav a {  
 display:block;  
 width:22px;  
 height:22px;  
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYsI67esPY5QNtsoVgvMmh39UUVDzIQRbrs49g-gp7Tw0xocyXbG4_nSQecs7Vr3S48bNWT6JnPreq6JJf3L6BobaQU-dEZWM-u3SBXQV9Sn0-272XS5xsNBlivsI0XA-Rb3geKpnp6ow/s1600/bullets.png) no-repeat;  
 text-indent:-9999px;  
 border:0;  
 margin-right:3px;  
 float:left;  
 }  

STEP 2 : Letakan coding JavaScript dibawah ini, diatas </head>
  • Pilih "Template" ~> "Edit HTML"
  • Tekan Ctrl+F lalu ketikkan "</head>"
  • Letak coding yang ada dalam kotak dibawah ini, tepat diatas tulisan "</head>"
  • Lalu SAVE.
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>  
 <script src='http://yourjavascript.com/1611641113/jquery.nivo.slider.pack.js' type='text/javascript'/>  
 <script type='text/javascript'>  
 $(window).load(function() {  
 $(&#39;#slider&#39;).nivoSlider();  
 });  
 </script>  

STEP 3 : Cara memanggil Nivo Slider
  • Pilih "Page Element" atau "Tata letak"
  • Pilih "Add A Gadget" atau "Tambah Gadget"
  • Masukan coding dibawah ini, kedalam kolom "HTML/JavaScript"
  • Lalu Save dan lihat hasilnya ^^
 <div id="slider">  
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgidV217KX2LN6JLVymU_dXE4D66GqjUhMblkIbQJxAR2QI-L0D5TZxQLt58N2Y_1KuxkPNVqSXUbWaVdmdf-9t7j-MD2qDHsmvarpKzTy-A0I4vZGw621QwRpfW89XKFx9m9QzIOpRjQQ/s1600/toystory.jpg" alt="" />  
 <a href="http://dev7studios.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4-_PQnzk4k2m8tRi5JAHnf08PDqTxmFGdoYTdG4oZ-zOjRT7AuyZywb7EMlwqG5PsGNCv7Bkgc0pfJdTpcsu0gqwH2wjDwU0J2jBrnbrtf1mcncS6rQpqFyXBZzvLDWzVdECR_u4Y0Ag/s1600/up.jpg" alt="" title="#htmlcaption" /></a>  
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8J8gKz9BaMRnP012XkbpQ9XNgQJRPR9Ifl3BceaG6b2nqr7-GKqB6FteECrX644kuw2qHzBSs1SsEtzX2BAMy9DbuhfSKP0FMJCtNeFw9Ex5PaKRqvJuv6LwTTMmMl87rbbQOsqo1AZc/s1600/walle.jpg" alt="" title="This is an example of a caption" />  
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH7RYnEDS3sj9JAaDNY34y26288spjZVWBuxbjoJn_UCNP4nNLD5rcp34YaB7e6NCxjYO34phxH3jQFdn64VgbrWQUyrmhC-HekOv8ez7D7jHF-3I_S5mqsX2rFf4-R42bWc-JraEDoAI/s1600/nemo.jpg" alt="" />  
 </div>  
 <div id="htmlcaption" class="nivo-html-caption">  
 <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.  
 </div>  

Informasi bermanfaat ini Saya dapatkan dari :
http://bloggerbin.com/add-nivo-slider-in-bloggerblogspot/

Sabtu, 10 November 2012

Cara membuat "Buku Tamu" tersembunyi

1. Click "Tata Letak" atau "Design"
2. Buat gadget baru dengan click "Tambah Gadget" atau "Add a Gadget" pilih yang "HTML/Javascript"
3. Tidak perlu mengisikan kolom "Judul" atau "Tittle", biarkan dalam kondisi kosong
4. Copy dan Paste kode berikut Di Kolom HTML/JavaScript :

1:  <style type="text/css">  
2:  #gb{  
3:  position:fixed;  
4:  top:50px;  
5:  z-index:+1000;  
6:  }  
7:  * html #gb{position:relative;}  
8:  .gbtab{  
9:  height:100px;  
10:  width:30px;  
11:  float:left;  
12:  cursor:pointer;  
13:  background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;  
14:    
15:  }  
16:  .gbcontent{  
17:  float:left;  
18:  border:2px solid #A5BD51;  
19:  background:#F5F5F5;  
20:  padding:10px;  
21:  }  
22:  </style>  
23:  <script type="text/javascript">  
24:  function showHideGB(){  
25:  var gb = document.getElementById("gb");  
26:  var w = gb.offsetWidth;  
27:  gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);  
28:  gb.opened = !gb.opened;  
29:  }  
30:  function moveGB(x0, xf){  
31:  var gb = document.getElementById("gb");  
32:  var dx = Math.abs(x0-xf) > 10 ? 5 : 1;  
33:  var dir = xf>x0 ? 1 : -1;  
34:  var x = x0 + dx * dir;  
35:  gb.style.right = x.toString() + "px";  
36:  if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}  
37:  }  
38:  </script>  
39:  <div id="gb">  
40:  <div class="gbtab" onclick="showHideGB()"> </div>  
41:  <div class="gbcontent">  
42:  <!-- Letakkan kode buku tamu anda di bawah ini -->  
43:  <div style="text-align:right">  
44:  <a href="javascript:showHideGB()">  
45:  [close]  
46:  </a>  
47:  </div>  
48:  </div>  
49:  </div>  
50:  <small>Widget by: <a href="http://rezdown7.blogspot.com/" target="_blank">Rezdown7</a></small>  
51:  <script type="text/javascript">  
52:  var gb = document.getElementById("gb");  
53:  gb.style.right = (30-gb.offsetWidth).toString() + "px";  
54:  </script>  

Catatan :

  • Pada Line 13, ubah "http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png" adalah gambar tombol, bila ingin merubahnya dengan tombol bentuk sendiri, silahkan diubah dengan URL gambar yang Anda miliki, bila tidak juga tidak masalah.
  • Kode warna pada Line 18 & Line 19 adalah warna garis pinggir & warna latar belakang, bilamana warna nya mau dirubah, silahkan diubah #A5BD51#F5F5F5 menjadi warna pilihan Anda sendiri. Panduan mengenai pilihan warna-warna HTML bisa dilihat disini.
  • Pada Line 42 terdapat tulisan "<!-- Letakkan kode buku tamu anda di bawah ini -->", silahkan sisipkan kode Shoutmix / Buku Tamu atau kode yang lain yang ingin Anda tampilkan pada buku tamu Anda.
5. Setelah selesai, tekan SAVE lalu lihat hasilnya ^^.

informasi yang bermanfaat ini saya dapatkan dari :

Minggu, 15 Juli 2012

Coding HTML Javascript untuk REDIRECT

<script type="text/javascript">  
 if (top != self) top.window.location = 'http://dogsyshop.com/';  
</script>

ubah "http://dogsyshop.com/" dengan URL yang Anda miliki ^^

informasi bermanfaat ini aku dapat dari sini ^^ :
http://www.hyperarts.com/blog/facebook-iframe-tabs-redirect-fans-to-a-different-tab-reveal/