Membuat Foto KTP Menggunakan Jas Dg 22 Template Jas

Selamat siang sobat, tips kali ini berhubungan dengan photo editor, atau mengedit foto. Mengedit foto yang seperti apa? Disini akan saya berikan tips photoshop membuat foto KTP kita menggunakan jas. Apabila  foto KTP/Pelajar sobat ingin diedit menggunakan jas, disinilah caranya.

Oke sobat, langsung saja ini adalah contoh foto saya yang sudah saya edit menggunakan jas.

Gimana sob? Keren kan? wkwkwk... Sebetulnya tidak ada fungsi atau maksud mengedit foto menggunakan jas ini, hanya saja membuat foto kita kemakin keren, alias kece apabila dipublikasikan lewat Facebook atau Twitter.

Oke, lalu bagaimana cara mengeditnya? Berikut langkah-langkahnya.

1. Pertama, siapkan dulu foto yang akan sobat edit menggunakan jas.

2. Download dulu Template jasnya, ada 22 Template jas yang saya sediakan disini.

3. Jika sudah, silahkan buka aplikasi Photoshop sobat. Disini saya contohkan dengan menggunakan Photoshop Cs3.

4. Masukan Foto yang akan diedit bersama dengan salah satu template jas yang sobat pilih. Cara memasukkannya tekan tombol File » Open atau tekan Ctrl+O.

5. lalu masukkan template jas pada foto yang akan diedit menggunakan Move Tools, drag n drop template jas ke foto yang akan diedit.

6. Selanjutnya kita Maximize foto kita agar bisa lebih focus mengedit. Selanjutnya kita sesuaikan ukuran jas dengan foto kita, dengan mereisize layer jas. Gunakan tombol Shift agar ukuran jas proporsional, caranya tekan tombol Shift kemudian kita sesuaikan ukuran jasnya.

7. Jika sudah, atur posisi jas agar berada tepat diposisi baju kita.

8. Jika sudah pas, selanjutnya kita rapikan bagian yang masih belum menyatu, misalnya pada bagian leher. Caranya, pada saat reseize klik kanan mouse lalu pilih Warp. Kemudian seret titik pada warp dan sesuaikan pada bagian leher foto.

klik gambar untuk memperbesar

9. Dan apabila hasilnya sudah bagus, tekan Enter. Lalu simpan hasil editan sobat dengan menggunakan tombol Save As atau tekan Ctrl+Shift+S. Mengapa harus dengan Save As? Karena apabila sobat langsung menyimpan, foto asli sobat akan tergantikan dengan foto yang baru diedit ini.

Fiiiuuh, selesai juga bikin tutorial cara membuat Foto KTP menggunakan Jas. Nah dari hasil edit diatas, inilah hasilnya sobat.

Gak kalah keren sama yang diatas kan? he..he..

Oke, saya rasa cukup sampai disini dulu tips Photoshopnya, bila ada kesempatan insyalloh saya akan menuliskan lagi tips-tips editor dengan Photoshop. Semoga bermanfaat dan Terima kasih ^_^

 

Sumber : Rietzu

Cek Berat Blog Sobat Disini - DUNIA TRANSPARANT

Saya sedang berjalan-jalan di blog teman, dan menemukan sebuah script cek. "Cek" disini adalah merupakan pengecekan berat blog, nah seberapa besar sih berat blog sobat? dan seberapa cepat loading saat blog sobat dibuka? nah maka dari itu... silakan cek disini sob.

Metode pengecekkan cukup sederhana, sobat hanya cukup memasukan url blog sobat ke dalam kotak dibawah, lalu klik "Check!". Maka nilai blog sobat akan muncul secara otomatis di tab baru.

Bgaimana? ingin mencoba? ouke silakan sob di Check.

Masukkan Alamat Blog/Web Max 10 Url:        (http://rieztoshare.blogspot.com)

Membuat Karakter Animasi Burung Terbang Twitter

Semakin menarik memang widget yang satu ini seakan - akan ga ada habis - habisnya untuk dibahas... mungkin sobat blogger dah pernah baca postingan saya yang berjudul Blog Widget Burung Terbang Twitter... Nah postingan artikel kali ini kurang lebih sama... eits tunggu dulu... ada tapi-nya nich...hehehe :) :) artikel kali ini bukan tentang cara pemasangannya tetapi tentang cara membuat / mengganti karakter burung twitter-nya, gimana ??? serukan...

Animasi terbang burung twitter menggunakan CSS3 PNG sprites yaitu kumpulan beberapa gambar yang dijadikan satu menjadi satu file gambar PNG yang fungsinya untuk mempercepat proses download gambar keseluruhan. Format gambar yang digunakan adalah PNG (Portable Network Graphics) yang telah disetujui konsorsium WWW (W3C) sebagai format gambar untuk CSS3 Image Sprites. Lho...kalo pake jpeg bisa ga ??? bisa tenang aja...yang penting hasil akhirnya tetap berbentuk PNG.
Oke tanpa banyak cincong kita langsung aja ke TKP...

Langkah 1

• Oke sebelum kita mulai kita download dulu softwarenya [AfterShots - Image Editor].
• Silakan sobat install dulu di komputer sobat.
• Oke...berhubung pada saat pertama kali install software tersebut masih versi trial maka kita aktifkan dulu versi penuhnya (catatan: software image editor ini bersifat gratis alias ga perlu bayar cuma untuk mengaktifkannya sobat perlu mengirimkan email kode referensi sobat)...Setelah selesai instalasi software AfterShots - Image Editor Silakan sobat buka softwarenya kemudian klik help >> register.
• Catat Application Name dan Customer Reference sobat kemudian kirimkan lewat email [klik disini untuk mengirimkan email]
• Setelah mendapatkan balasan email silakan sobat isikan serial numbernya.
• Sekarang software AfterShots - Image Editor sudah menjadi Full Version....
• Gampang-kan ...!!!

Langkah 2

• Siapkan gambar sebanyak 20 gambar, boleh gambar foto sobat maupun gambar lain yang sobat suka. Untuk format gambar boleh jpeg, gif, png, icon, bmp ataupun wmf.
• Copy gambar-gambar tersebut dalam satu folder. Supaya gambarnya sesuai urutan silakan diberikan angka pada awal penamaan seperti 01gambar.jpg, 02gambar.jpg dan seterusnya sampai gambar ke 20. Urutan gambar boleh diurutkan boleh juga tidak.
• Sobat bebas menggunakan format gambar apa saja asalkan format tersebut telah didukung di AfterShots - Image Editor

Langkah 3

• Buka software AfterShots - Image Editor.
  
• Klik Format >> Sprites Combiner.
  
• Klik Browse untuk memilih folder gambar yang telah dipersiapkan.
  
  
• Klik save untuk menyimpan sprites tersebut...pastikan sobat menyimpannya dalam format PNG.
• Setelah selesai sobat tinggal meng-upload gambar sprites tersebut ke picasa ataupun hosting-an server gambar lainnya yang sobat suka... Gampangkan..!!!.

Untuk cara pemasangan sprites tersebut silakan sobat baca artikel saya Blog Widget Burung Terbang Twitter. Jika masih ada kesulitan silakan sobat tanyakan di kolom komentar... Demikian postingan artikel saya kali ini...Semoga bermanfaat.

 

Sumber : Monozcore

Haunted Decoration For Blog

Haunted Decoration For Blog - merupakan dekorasi blog dengan tema halloween sedikit seram sich tapi cukup unik dan menarik. Dekorasi widget ini dilengkapi fitur animasi karakter halloween dan efek petir serta fitur tambahan random post blog sobat. Selain itu ada unsur-unsur kejutan dari masing-masing karakter apabila di klik atau mouse hover.... untuk contoh seperti yang terlihat pada postingan artikel ini. Apabila tidak terlihat berarti browser anda tidak support dengan JavaScript.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".


• Cari kode </Head> kemudian letakan kode berikut ini tepat diatas kode </Head>.
  
  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script></script>


• Cari kode </Body> kemudian letakan kode berikut ini tepat diatas kode </Body>.
  
  
  
  

  <script> var blog_url = "http://monozcore.blogspot.com"; </script> <script type="text/javascript" src="http://dl.dropboxusercontent.com/u/74044634/Javascript/lightning.js"></script> <script src="http://dl.dropboxusercontent.com/u/74044634/Javascript/haunted_blog.js" type="text/javascript"></script>
  
  
  Keterangan :
  
  • Ganti http://monozcore.blogspot.com dengan URL link blog anda.


• Klik "Save" dan lihat hasilnya...

Oke sobat monozcore jangan lupa meninggalkan jejak dan komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.

Sumber : Monozcore

Widget TV Online

Ngeliat blog tetangga punya postingan artikel tentang widget TV Online jadi pengen... cuma gimana biar beda dengan postingan-postingan artikel dari tetangga blog yaa... hhmmm... "(.)(.)" binggo, akhirnya nemu ide juga... nah seperti yang terlihat pada contoh yang ada di postingan artikel ini ta-ra... gimana sobat monozcore ?!? kerenkan... hehehe... pastinya beda banget dech...

Widget TV Online ini dilengkapi dengan beberapa settingan yang bisa sobat modifikasi, jadi misalkan sobat pengen pasang dari sumber TV Online lain tinggal ganti variabel sumber dan juga tinggal sesuaikan dimensi layar TV Online... simple kan, oke dech biar ga ribet langsung aja ke TKP.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".


• Apabila sobat belum menggunakan kode JQuery silakan copy kode JQuery berikut dan taruh di atas kode </Head> pada template blog. Jika sudah ada kode JQuery di blognya silakan lewati langkah ini.
  
  
  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>


• Cari kode </Body> kemudian letakan kode berikut ini tepat diatas kode </Body>.
  
  
  

  <script> var tvSource="http://widget3.gudang.tv/2013/09/welcome-to-gudangtv.html? format=embed&player_autoplay=true"; var tvWidth=620; var tvHeight=550; </script> <script src="http://dl.dropboxusercontent.com/u/74044634/HTML/TVOnline/tvOnline.js"></script>
  
  
  Keterangan :
  
  • tvSource="http://widget3.gudang.tv/2013/09/welcome-to-gudangtv.html? format=embed&player_autoplay=true"; // merupakan link url widget TV Online.
  • var tvWidth=620; // merupakan lebar layar TV Online.
  • var tvHeight=550; // merupakan tinggi layar TV Online.


• Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :. 

 

Sumber :  Monozcore

Efek Animasi Semut Di Blog

Pernah melihat halaman blog / website yang ada semutnya muter-muter di layar monitor atau semut yang jalan-jalan di layar monitor dan kita mencoba untuk membersihkannya namun gak hilang, nah ternyata semut tersebut bersal dari penggunaan Efek Animasi Semut Di Blog... Contoh seperti yang terlihat pada postingan artikel ini. Oke sob barangkali tertarik silakan disimak cara pemasangannya...

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Layout" setelah itu pilih "Add a Gadget" kemudian pilih "HTML/JavaScript", seperti gambar dibawah ini.
  
  
  

  
  

  

  
  

  

  
  

  


• Copy-paste kode berikut ini di kotak postingan gadget.
  
  
  

  <div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://lh5.googleusercontent.com/-blzmgUV5K1U/UPwaIWwTAHI/AAAAAAAADMM/_wkFCTAIBPE/s800/semut.gif"/></div>

  
  
  Catatan :
  • not available.


• Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

 

Sumber : monozcore

Cara Pasang Blog Taskbar

Blog Taskbar - merupakan widget yang menampilkan taskbar di blog. Tampilan taskbar ini hampir mirip dengan taskbar Windows7... By the way sebelumnya saya sudah pernah memposting artikel taskbar blog, yaitu pada postingan artikel Membuat TaskBar Navigation Menu, cuma waktu itu hanya merupakan konsep widget sederhana mengenai cara memasang taskbar di blog yang mudah dipasang. Pada postingan artikel ini merupakan versi penuh dari Widget Taskbar Navigation Menu, memang kali ini kodenya lebih banyak tapi jangan khawatir sudah buat keterangan dan warna teks dari setiap fungsi dan kegunaan dari masing-masing kode tersebut.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".


• Cari kode </Head> kemudian letakan kode berikut ini tepat diatas kode </Head>.
  
  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
  Keterangan :
  • Jika anda sudah memasang kode JQuery silakan anda lewati pemasangan kode JQuery ini. Apabila anda memasang lebih dari satu JQuery biasanya script tidak akan berfungsi.


• Cari kode <Body> kemudian letakan kode Script dan kode CSS berikut ini tepat dibawah kode <Body>.
  
  <script type='text/javascript'>
  $(document).ready(function(){
  $('body').click(function(){
   $(".vstart").hide("fast");
   $(".bstart").hide("fast");
  });
  });
  $(document).ready(function(){
  $("#imgstartmenu").click(function(){
   $(".vstart").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".bsclick").click(function(){
   $(".bstart").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".bsclose").click(function(){
   $(".bstart").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".contacttriger").click(function(){
   $(".contactbox").toggle("fast");
   $(this).toggleClass("active");
   $(".vstart").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".contactclose").click(function(){
   $(".contactbox").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".downloadtriger").click(function(){
   $(".downloadbox").toggle("fast");
   $(this).toggleClass("active");
   $(".vstart").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".downloadclose").click(function(){
   $(".downloadbox").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".musictriger").click(function(){
   $(".musicbox").toggle("fast");
   $(this).toggleClass("active");
   $(".vstart").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".musicclose").click(function(){
   $(".musicbox").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".brwclick").click(function(){
   $(".brwbox").toggle("fast");
   $(this).toggleClass("active");
   $(".vstart").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  $(document).ready(function(){
  $(".brwclose").click(function(){
   $(".brwbox").toggle("fast");
   $(this).toggleClass("active");
   return false;
  });
  });
  </script>
  
  <!-- Google Office -->
  <script language="javascript" type="text/javascript">
  var win=null;
  function NewWindow(mypage,myname,w,h,scroll,pos){
  if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
  if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
  else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
  settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=yes,menubar=no,toolbar=no,resizable=no';
  win=window.open(mypage,myname,settings);}
  // -->
  </script>
  <script src='http://monozcore-project.googlecode.com/files/WindowExpander.js' type='text/javaScript'></script>
  <!-- End Google Office -->
  
  <script language='javascript' type='text/javascript'>
  function popitup(url) {
  newwindow=window.open(url,'name','height=380,width=270');
  if (window.focus) {newwindow.focus()}
  return false;
  }
  function smspopup(url) {
  newwindow=window.open(url,'name','height=300,width=270');
  if (window.focus) {newwindow.focus()}
  return false;
  }
  function blogtools(url) {
  newwindow=window.open(url,'name','height=380,width=500');
  if (window.focus) {newwindow.focus()}
  return false;
  }
  </script>
  
  <script language='javascript' type='text/javascript'>
  function chatrollbox(url) {
      newwindow=window.open(url,'name','height=500,width=490');
      if (window.focus) {newwindow.focus()}
      return false;
  }
  </script>
  
  <!-- Menu List 2 -->
  <script type='text/javascript'>
  $(document).ready(function(){
  $(".brwclick").mouseover(function(){
   $(".bstart").hide("fast");
   });
  });
  $(document).ready(function(){
  $(".contacttriger").mouseover(function(){
   $(".bstart").hide("fast");
   });
  });
  $(document).ready(function(){
  $(".bsclick").hover(function(){
   $(".bstart").show("fast");
  });
  });
  </script>
  <!-- End Menu List 2 -->
  
  <!-- Bookmark Script -->
  <script type='text/javascript'>
  function bookmarksite(title,url){
  if (window.sidebar) // firefox
      window.sidebar.addPanel(title, url, "");
  else if(window.opera && window.print){ // opera
      var elem = document.createElement('a');
      elem.setAttribute('href',url);
      elem.setAttribute('title',title);
      elem.setAttribute('rel','sidebar');
      elem.click();
  }
  else if(document.all)// ie
  window.external.AddFavorite(url, title);
  }
  </script>
  <!-- End Bookmark Script -->
  <style type="text/css">
  #taskbar {
  /*Background*/
  background: rgb(0,0,0); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjMjUyNjFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMTMxNjBmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA1MDAwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(252,252,252,1) 1%, rgba(37,38,29,1) 65%, rgba(19,22,15,1) 66%, rgba(5,0,1,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(1%,rgba(252,252,252,1)), color-stop(65%,rgba(37,38,29,1)), color-stop(66%,rgba(19,22,15,1)), color-stop(100%,rgba(5,0,1,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(252,252,252,1) 1%,rgba(37,38,29,1) 65%,rgba(19,22,15,1) 66%,rgba(5,0,1,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(252,252,252,1) 1%,rgba(37,38,29,1) 65%,rgba(19,22,15,1) 66%,rgba(5,0,1,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(252,252,252,1) 1%,rgba(37,38,29,1) 65%,rgba(19,22,15,1) 66%,rgba(5,0,1,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(252,252,252,1) 1%,rgba(37,38,29,1) 65%,rgba(19,22,15,1) 66%,rgba(5,0,1,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#050001',GradientType=0 ); /* IE6-8 */
  
  /*Parameter*/
  width: 100%;
  height: 34px;
  left: 0px;
  bottom: 0px;
  margin: 0px;
  padding: 0px;
  position: fixed;
  z-index: 99999;
  }
  
  /*BlogScript Parameter*/
  .vstart {
  position:fixed;
  bottom:30px;
  left:0px;
  z-index:999;
  border:0px solid #444;
  display:none;
  padding:5px 0px 5px 0px;}
  .vstart p {
  color:#ccc;
  margin:0 0 0px;
  padding:0;}
  .vstart a, .vstart a:visited {
  color:#9FC54E;
  text-decoration:none;
  border-bottom:1px solid #9FC54E;
  margin:0;
  padding:0;}
  .vstart a:hover, .vstart a:visited:hover {
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid #fff;
  margin:0;
  padding:0;}
  .bstart {
  position:fixed;
  bottom:30px;
  left:250px;
  z-index:999;
  border:0px solid #444;
  display:none;
  padding:5px 0px 5px 0px;}
  
  .downloadbox, .contactbox {
  position:fixed;
  top:0px;
  right:0px;
  z-index:999;
  border:0px solid #444;
  display:none;
  padding:5px 5px 5px 5px;}
  
  .musicbox, .brwbox {
  position:fixed;
  top:10px;
  left:10px;
  z-index:999;
  border:0px solid #444;
  display:none;
  padding:5px 5px 5px 5px;}
  
  /*Button Parameter*/
  a.brwclick, a.brwclose, a.bsclick, a.bsclose, a.musictriger, a.musicclose, a.downloadtriger, a.downloadclose, a.contacttriger, a.contactclose:hover{}
  
  a:focus {outline:none;}
  
  /*Box BScript Parameter*/
  #startmenu {border:solid 1px #102a3e; overflow:visible; display:inline-block; margin:60px 0 0 20px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position:relative; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0); background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));}
  #programs, #links {float:left; display:block; padding:0; list-style:none;}
  #programs {background:#fff; border:solid 1px #365167; margin:7px 0 7px 7px;            box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
  #programs a { border:solid 1px transparent; display:block; padding:3px; margin:3px;
  color:#4b4b4b; text-decoration:none; min-width:220px;}
  #programs a:hover {border:solid 1px #7da2ce;border-radius:3px;
  -moz-border-radius:3px; -webkit-border-radius:3px;
  box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#cfe3fd; background: -moz-linear-gradient(top, #dcebfd, #c2dcfd); background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));}
  #programs a img {border:0; vertical-align:middle; margin:0 5px 0 0;}
  #links {margin:7px; margin-top:-30px;}
  #links li.icon {text-align:center;}
  #links a {border:solid 1px transparent; display:block; margin:5px 0; position:relative;
  color:#fff; text-decoration:none; min-width:120px;}
  #links a:hover {border:solid 1px #000; border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;
  box-shadow: 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#658da0; background: -moz-linear-gradient(center left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55)); background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384));}
  #links a span { padding:5px; display:block; }
  #links a:hover span  { background: -moz-linear-gradient(center top, transparent, transparent 49%, rgba(2,37,58,0.5) 50%, rgba(63,111,135,0.5));
  background: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(49%, transparent),
  color-stop(50%, rgba(2,37,58,0.5)), to(rgba(63,111,135,0.5))); }
  #bspanel2, #bslinks2 {float:right; display:block; padding:0; list-style:none;}
  #bspanel2 { border:solid 1px #102a3e; overflow:visible; display:inline-block; margin:30px 10px 10px 10px;border-radius:5px;
  -moz-border-radius:5px;-webkit-border-radius:5px; position:relative;
  box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0);
  background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));
  background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));}
  #bspropanel2 { background:#fff; overflow:auto; height:350px; width:300px; border:solid 1px #365167; margin:7px 7px 7px 7px;
  box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff;border-radius:3px;
  -moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 5px 5px 5px;}
  #bspropanel2 a { border:solid 1px transparent; display:block; padding:3px; margin:3px;
  color:#4b4b4b; text-decoration:none; min-width:220px;}
  #bspropanel2 a:hover {border:solid 1px #7da2ce;border-radius:3px;
  -moz-border-radius:3px; -webkit-border-radius:3px;
  box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
  background-color:#cfe3fd;
  background: -moz-linear-gradient(top, #dcebfd, #c2dcfd);
  background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));}
  #bspropanel2 a img {border:0; vertical-align:middle; margin:0 5px 0 0;}
  #bslinks2 {margin:7px; margin-top:4px;}
  #bspanel, #bslinks {float:right; display:block; padding:0; list-style:none;}
  #bspanel { border:solid 1px #102a3e; overflow:visible; display:inline-block; margin:30px 10px 10px 10px;border-radius:5px;
  -moz-border-radius:5px;-webkit-border-radius:5px; position:relative;
  box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0);
  background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));
  background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));}
  #bspropanel { background:#fff; overflow:auto; height:480px; width:300px; border:solid 1px #365167; margin:7px 7px 7px 7px;
  box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff;border-radius:3px;
  -moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 5px 5px 5px;}
  #bspropanel a { border:solid 1px transparent; display:block; padding:3px; margin:3px;
  color:#4b4b4b; text-decoration:none; min-width:220px;}
  #bspropanel a:hover {border:solid 1px #7da2ce;border-radius:3px;
  -moz-border-radius:3px; -webkit-border-radius:3px;
  box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
  background-color:#cfe3fd;
  background: -moz-linear-gradient(top, #dcebfd, #c2dcfd);
  background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));}
  #bspropanel a img {border:0; vertical-align:middle; margin:0 5px 0 0;}
  #bslinks {margin:7px; margin-top:4px;}
  #bsmenu { border:solid 1px #102a3e; overflow:visible; display:inline-block; margin:10px 10px 10px 10px;border-radius:5px;
  -moz-border-radius:5px;-webkit-border-radius:5px; position:relative;
  box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0);
  background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));
  background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
  background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));}
  #bsprograms { background:#fff; overflow:auto; height:480px; width:300px; border:solid 1px #365167; margin:7px 7px 7px 7px;
  box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff;border-radius:3px;
  -moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 5px 5px 5px;}
  #bsprograms a { border:solid 1px transparent; display:block; padding:3px; margin:3px;
  color:#4b4b4b; text-decoration:none; min-width:220px;}
  #bsprograms a:hover {border:solid 1px #7da2ce;border-radius:3px;
  -moz-border-radius:3px; -webkit-border-radius:3px;
  box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
  background-color:#cfe3fd;
  background: -moz-linear-gradient(top, #dcebfd, #c2dcfd);
  background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));}
  #bsprograms a img {border:0; vertical-align:middle; margin:0 5px 0 0;}
  
  /*Taskbar Parameter*/
  #imgstartmenu {
  background: url(http://dl.dropboxusercontent.com/u/74044634/Image/mozmenu.png)  no-repeat;
  display: block;
  width: 48px;
  height: 48px;
  position: fixed;
  bottom: 0px;
  left: 10px;
  opacity: 0.5;
  vertical-align:bottom;
  }
  #imgstartmenu:hover {
  opacity: 1;
  }
  #qlaunch {
  text-align: left;
  position:fixed;
  padding: 0px;
  margin: 0px;
  left: 65px;
  bottom: 5px;
  }
  .qlaunch_ico {
      vertical-align:middle;
      filter:alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5;
      -khtml-opacity: 0.5;
      }
  .qlaunch_ico:hover {
      filter:alpha(opacity=100);
      -moz-opacity: 1;
      opacity: 1;
      -khtml-opacity: 1;
      }
  
  #clock {
  position: fixed;
  right: 2px;
  bottom: 5px;
  }
  
  #active_ico {
  text-align: right;
  color:#000000;
  position: fixed;
  right: 105px;
  bottom: 5px;
  }
  .active_ico {
      vertical-align:middle;
      filter:alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5;
      -khtml-opacity: 0.5;
      }
  .active_ico:hover {
      filter:alpha(opacity=100);
      -moz-opacity: 1;
      opacity: 1;
      -khtml-opacity: 1;
      }
  </style>
  
  <!-- Fulscreen -->
  <script type="text/javascript">
  function toggleFullScreen() {
      if ((document.fullScreenElement && document.fullScreenElement !== null) ||  
         (!document.mozFullScreen && !document.webkitIsFullScreen)) {
      if (document.documentElement.requestFullScreen) {
        document.documentElement.requestFullScreen();
      } else if (document.documentElement.mozRequestFullScreen) {
        document.documentElement.mozRequestFullScreen();
      } else if (document.documentElement.webkitRequestFullScreen) {
        document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
      }
    } else {
      if (document.cancelFullScreen) {
        document.cancelFullScreen();
      } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
      }
    }
  }
  </script>
  <!-- /Fulscreen -->
  Keterangan :
  • Kode diatas sudah diberi keterangan untuk fungsi dan kegunaannya, jadi anda dapat dengan mudah untuk mengkonfigurasi kode-kode tersebut untuk menyesuaikan dengan tema template blog anda.
  • Pada kode yang berwarna biru [ http://dl.dropboxusercontent.com/u/74044634/Image/mozmenu.png ] merupakan URL gambar start menu. Anda bisa mengganti URL gambar tersebut dengan yang sobat suka. Ukuran gambar menggunakan 45 x 45 pixel.


• Kemudian pasang kode HTML berikut ini untuk menampilkan menu program pada start menu.
  
  <!-- Startmenu List 2 -->
  <div class='vstart'>
  <div id='startmenu'>
  <ul id='programs'>
  <li><a href='#' target='_blank' title='Buka jendela browser baru'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8bI55ZLzm5rIp8iXhr-X12K-dFpFuNngewSfnh3yPNtEYyVFRxxrmclOYIpnsYCUn8k3XOUBMd46vgfAzjtHcOnFJI5_4R9ywBilviwO0l9zSED1qvcZTOo8maqOC3KCUAWPrrI0PmzM/s800/firefox-32.png'/>Blog Internet</a></li>
  <li class='brwclick'><a href='#' title='Informasi browser yang anda gunakan'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGsbqs5vWjpxXg0CQ6qBwmp5Snt7pZ_GcPY85yIfa7Sdms1o6bRHciXnZ1AIcOrWo4WtAHJ1BFh6qdukRLjUGvEbiKXWW8e88SkCGgdhGX8Kj1Ooth2e6oGrctgfBIfpdpdabMYoAG1U/s800/brwinfo.png'/>Browser Information</a></li>
  <li><hr/></li>
  <li class='bsclick'><a href='#' title='Pilih blog script yang ingin anda jalankan'><img alt='B' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6d1UDBYixlmC-1co-HEgc1eQzvB8fVIm4m0BVBXuTYnLCCoTVuVi1zL-1QJGTj-1RGMLpKzmv3ui4RDCrdHSVQAGhZJQlucVXGqwtL78EfC17l9bwNmZOlv0ra6dHXLE_whiLN4IkqAc/s800/IconDeveloper.png'/>Blog Script <span style='text-align:right;padding:4px 4px 4px 0px;width:120px;position: absolute;'><img alt='>' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrr8UWfNtaDfa6lctas1ly3LBQbvEyPyPnRQLPc90Nz-JbP2gYEpM5j9LYB5qqWil9CxFDF-mC4nuqwBxS1rCgzBkFhBbjzhiTH8hgavsis1W7jIn3mlmlzJckLKgk1C0zWf3PJj2uCeI/s800/play.png'/></span></a></li>
  <li class='contacttriger'><a OnClick="javascript:animatedcollapse.toggle('jason4')" href='#' title='Hubungi kami'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwOZBoqIfmmezRK86gCQrRq6e7JlDy3RiXc1_lF6C2QNLMIO528xeEuPnOL01k0qt5AwdcwOmwWPCNxR0LHqB1VdY1cS6f3pTNe2sbmZxS6QSQszEBmtKwpZMeG0MEb7Kuy9SmZ31nvUI/s800/cs.png'/>Contact</a></li>
  <li><a href='http://monozcore.blogspot.com/2011/07/pay-to-click-ptc.html' target='_blank' title='Program Paid to Click, cara mudah mendapatkan penghasilan tambahan'><img alt='M' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHKt10GxGkdjJLp4zGOu9hyX7-zGZD2EwYQi-RkXXFOlSdWkXqI20mz3iyALWno9-ur_ztQ5NbtTCys_pQRE6d-FacNUzEoqLkFENcD8pa2gAmnC-mStDxtXDxLyyyiZwIVuBV-XtLZJg/s800/dollar.png'/>Paid to Click</a></li>
  <li><a href='http://feeds.feedburner.com/Monozcore?format=xml' target='_blank' title='Baca postingan blog lewat RSS Feed'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5VuWZ5dQFWdkMWbAJ-bchgeGgM_33O1yBEtFVFECFFJlc3yO1EsStC9UByAdx5fZUpiTCSN1UevgZA7V1SfBOl88HL6XUgRhz6uIAScJXocuFtOC2WTiJWQVmsswDGJBAvkAKoWjXgQ8/s800/rss_logo.png'/>RSS Feeds</a></li>
  <li><a href='http://monozcore.blogspot.com/p/horoscope.html' target='_blank' title='Lihat horoskop anda'><img alt='Horoscope' src='http://lh6.googleusercontent.com/-TcNKriFOFHo/ToxvBFS1WkI/AAAAAAAAAWo/0YBn7AIpAsw/s800/horoscopes-icon.png'/>Horoscope</a></li>
  <li><hr/></li>
  <li><!--[if gte IE 5]>
  <a class="chlnk" title="Akses cepat ke MonozCore" style="cursor:hand;font-weight:bold;color:#004080;font-family:Verdana" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.monozcore.blogspot.com');"><img alt='' height='32px' src='https://lh3.googleusercontent.com/-Hnmv1GAop8g/TkYSJF_8s6I/AAAAAAAAAIs/KXChGPc-V0A/s800/monoz.png' width='32px'/>Set as Homepage</a>
  <![endif]-->
  <!--[if !IE]><!-->
  <a title="Akses cepat ke MonozCore" style="cursor:hand;font-weight:bold;color:#004080;font-family:Verdana" href="javascript:bookmarksite('MonozCore', 'http://monozcore.blogspot.com')"><img alt='' height='32px' src='https://lh3.googleusercontent.com/-Hnmv1GAop8g/TkYSJF_8s6I/AAAAAAAAAIs/KXChGPc-V0A/s800/monoz.png' width='32px'/>Set as Homepage</a>
  <!--<![endif]-->
  </li>
  </ul>
  <ul id='links'>
  <li class='icon'><img alt='monozcore' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPqRhKDduwg0k3GTJeuI_nCVX9xZ8eQwgZmPERQktbAGpUHAAkr4B1c8co1-YR8D5omMv5fQIYvQLPYVbbvoBffNfavqBbP22LezFficLoQq2YEeRzJgt4o8Z3a7tNCVB89_JR23_OJTo/s800/blogger-logo-blue.png'/></li>
  <li><a href="#" onClick="expandingWindow('http://monozcore.blogspot.com/p/post-list.html');return false" onfocus="this.blur()"><span>Documents</span></a></li>
  <li class='downloadtriger'><a href='#'><span>Download</span></a></li>
  <li><a href='http://monozcore.blogspot.com/search/label/Flash%20Games?&max-results=7' target='blank'><span>Games</span></a></li>
  <li class='musictriger'><a href='#'><span>Music</span></a></li>
  <li><a href='http://monozcore.blogspot.com/p/project-files.html'><span>Project</span></a></li>
  <li><a href='http://monozcore.blogspot.com/search/label/Widget?&max-results=7' target='blank'><span>Widget</span></a></li>
  <li><a href='https://accounts.google.com' onclick="NewWindow(this.href,'Google Login','925','700','yes','center');return false" onfocus="this.blur()" title='Google Login'><span>Google Login</span></a></li>
  </ul>
  </div>
  </div>
  <a class='triger' href='#'></a>
  <!-- /Startmenu List 2 -->
  
  <!-- BScript Menu -->
  <div class='bstart'>
  <div id='bsmenu'>
  <ul id='bsprograms'>
  <li><a class='bsclose' href="http://www.google.co.id/language_tools" onclick="NewWindow(this.href,'Online Games','925','700','yes','center');return false" onfocus="this.blur()"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb02ZvhIaq7ynJ8k8T0ntqnt8K-8-iz39xLj8eKPwajxfNADhH-L2rsHRjaVzseUvPbLfFEZMEp6rD8T7dXYqrZAIMaP7PvHRCEodKKCfSLoJ1lhf8bjQue5bLq19wXYCLFt2jBr9SuXk/s800/Google-Translate.png'/>Google Translator</a></li>
  <li><a class='bsclose' href="http://picasaweb.google.com" onclick="NewWindow(this.href,'Online Games','925','700','yes','center');return false" onfocus="this.blur()"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga5zFyIqD9ei32KcglyBBb_o9ff6JagzwA_dmsdwVCTL4fbLz3k0MxWLQ18DLe1617n545Kr10jrl2eYM9qYgSbrnNQ1eTkVuyNl1ziZixCoV4sF4hRzBr0r-gMLTATwshtDmhbCxgv3Q/s800/Picasa-Logo.png'/>Picasa Web Album</a></li>
  <li><a href='http://monozcore.freetzi.com/free_sms.html' onclick="return smspopup('http://monozcore.freetzi.com/free_sms.html')" onfocus="this.blur()" title='Kirim SMS gratis via internet'><span><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxNZPxO553HakRiSkYfsmS8P7HiuUeESebhJIz7ZKnUhkK-vWqBF49Ua6Kkvqn61cF4V5KZL5er-WOntqiFz9TCHseV0sFGqfZdDusEidIyL1I4IPc-FFODkO9GLBVKJz2-7FN1_LMc5w/s800/google-phone.png'/>SMS Gratis</span></a></li>
  <li><a title='Informasi tagihan telepon' href="http://infobill.telkom.co.id" onclick="NewWindow(this.href,'Informasi tagihan telepon','925','700','yes','center');return false" onfocus="this.blur()"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim1PEZ5ia4Wb2VVVTFmLzJxb_NQGjXriW3ub8gXVgHWGMJYroUQdMmuPliOxPW5Nu4ZMdZU1EASrrS10ixAOTPjTOLB2wCk2MmJDa_rjOZjbQp4LC4UpyaQEHoa9d2R-Az9Ba6uWKn5zo/s800/Logo-Telkom.png'/>Info Telepon</a></li>
  <li><a title='Informasi tagihan listrik' href="http://dl.dropbox.com/u/74044634/HTML/Tagihan_PLN.html" onclick="NewWindow(this.href,'Informasi tagihan listrik','300','150','yes','center');return false" onfocus="this.blur()"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieE_8m5JGDRLkwSnx86olRzesSVoKrdPvL58ustXvD-geRFtan4qBZ37Y0DFCZfld7_aRhwh7tWQAVTp5V8pnaAz1kAMQO-87WvgXQuhVGf7Una4guQpZWk2RrJk34iPZJms-QkfjqQhk/s800/logo-PLN.png'/>Info Listrik</a></li>
  <li><a href='http://monozcore.freetzi.com/weather.html' onclick="return popitup('http://monozcore.freetzi.com/weather.html')" onfocus="this.blur()" title='Laporan Cuaca Jakarta'><span><img alt='' src='https://lh6.googleusercontent.com/-W7cy8XRQmlk/To_XB_GjpqI/AAAAAAAAAXQ/UVc6eq0E-f8/s800/clouds_thunder_rain.png'/>Laporan Cuaca</span></a></li>
  <li><a href='http://monozcore.blogspot.com/p/exchange-rate.html' target='blank' title='Nilai tukar rupiah (IDR)'><span><img alt='' src='https://lh6.googleusercontent.com/-IjdCaiGs9dY/TpHGseBbBxI/AAAAAAAAAXg/LnGAneBU5Nc/s800/money_32.png'/>IDR Exchange Rate</span></a></li>
  <li><a href='http://monozcore.freetzi.com/Info_Lalulintas.html' onclick="return popitup('http://monozcore.freetzi.com/Info_Lalulintas.html')" onfocus="this.blur()" title='Info Lalu Lintas'><span><img alt='' src='https://lh5.googleusercontent.com/-hedZYhQDluw/Tse31AnlxvI/AAAAAAAAAc4/kySd13taKk4/s800/traffic_light_green.png'/>Info Lalu Lintas</span></a></li>
  <li><a href="#" onClick="expandingWindow('http://monozcore.blogspot.com/p/seo-pagerank-tools.html');return false" onfocus="this.blur()" title='SEO + PageRank Tools'><span><img alt='' src='https://lh4.googleusercontent.com/-73us8wgJizg/TuAZbyCIvNI/AAAAAAAAAls/r55E4ZSyJWM/s800/Win.png'/>SEO + PageRank Tools</span></a></li>
  </ul>
  </div>
  </div>
  <!-- /BScript Menu -->
  
  <!-- Browser Information -->
  <div class='brwbox'>
  <div id='bspanel2'>
  <ul id='bslinks2'>
  <li><a class='brwclose' href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Hg8PYNpFyUohWt7wRdFx-PWHadJQuMIOBZcAt6JF7C_sHUCyHutwfu2ceHMZtIkln7hs9wxWD96-JD2HfsSyljU3n_zMcARRasLhskyGKlIVmaRrYEikNDS_UwykksLpaqFgvITLMUE/s800/closeX.png" alt="Close Script" title='Close Script'
        onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBjRWBerbmf_00VejTIivhreHenBtrtQdaXKhF6iyy1vsUNTetSP0o8jir4rh2_HwI7NQHEs8wHnZn3txtDJXleMFiT-wnAmg6Q66LklGorhwblhL6_cf2MU0DRnznNQSzY4hcYKmChZM/s800/closeX2.png';"
        onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Hg8PYNpFyUohWt7wRdFx-PWHadJQuMIOBZcAt6JF7C_sHUCyHutwfu2ceHMZtIkln7hs9wxWD96-JD2HfsSyljU3n_zMcARRasLhskyGKlIVmaRrYEikNDS_UwykksLpaqFgvITLMUE/s800/closeX.png';"/></a></li>
  </ul>
  <div id='bspropanel2'>
  <!-- Code Here -->
  <script type='text/javascript'>
  var fifteenth=0; var sixteenth=0;
  if (self.screen) {     sixteenth = screen.width;fifteenth = screen.height}
  else if (self.java) {   var jkit = java.awt.Toolkit.getDefaultToolkit();var scrsize = jkit.getScreenSize();sixteenth = scrsize.width;fifteenth = scrsize.height; }
  document.write("Browser CodeName: " + navigator.appCodeName);
  document.write("<br /><br />");
  document.write("Browser Name: " + navigator.appName);
  document.write("<br /><br />");
  document.write("Browser Version: " + navigator.appVersion);
  document.write("<br /><br />");
  document.write("Cookies Enabled: " + navigator.cookieEnabled);
  document.write("<br /><br />");
  document.write("Platform: " + navigator.platform);
  document.write("<br /><br />");
  if (document.all){document.write("Language: " + navigator.browserLanguage);}
  else{document.write("Language: " + navigator.language)}
  document.write("<br /><br />");
  document.write("User-agent Header: ");
  document.write("<br /><br />");
  document.write(navigator.userAgent);
  document.write("<br /><br />");
  if (sixteenth > 0 && fifteenth > 0) {document.writeln('Screen Resolution: ',sixteenth,' x ',fifteenth + " Pixel"); }
  else {document.writeln('Your screen resolution cannot be determined');}
  document.write("<br /><br />");
  function twentieth() {return (screen.colorDepth);}document.write('Color Depth: ' + twentieth() + ' bit color');
  document.write("<br /><br />");
  document.write("Plugin Installed:");
  document.write("<ul>");
  var plugin=navigator.plugins.length;
  if (plugin==0){document.write('<li><b>There is no plugins installed!</b></li>');}
  else{
  for(i=0; i<plugin; i++){document.write('<li><B>'+navigator.plugins[i].name+'</B></li>');}}
  document.write("</ul>");
  </script>
  <!-- End Code Here -->
  </div>
  </div>
  </div>
  <!-- /Browser Information -->
  
  <!-- Contact -->
  <div class='contactbox'>
  <div id='startmenu'>
  <div id='programs'>
  <!-- Begin Contact -->
  <script>
  function imghover(tmp){
  var idimghov=tmp;
  if (idimghov=="blogico1"){document.getElementById("defnoteid1").value="http://monozcore.blogspot.com";}
  if (idimghov=="emailico1"){document.getElementById("defnoteid1").value="nozeup@gmail.com";}
  if (idimghov=="fbico1"){document.getElementById("defnoteid1").value="http://facebook.com/monozcore";}
  if (idimghov=="twitterico1"){document.getElementById("defnoteid1").value="http://twitter.com/monozcore";}
  if (idimghov=="g1ico1"){document.getElementById("defnoteid1").value="http://plus.google.com/110307523421514782253";}
  }
  </script>
  <style>
  .descnote1{background-color:rgba(255, 255, 255, 0.5); border-radius:8px;-moz-border-radius: 8px; -webkit-border-radius: 8px; padding:5px; margin-bottom:5px; border:1px #666 solid; text-align:justify;}
  .textnote1{margin-bottom:5px;background-color:rgba(255, 255, 255, 0.5); border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:5px; border:1px #666 solid;}
  .defnote1{text-align: center; padding:2px 5px; font-size:60%;}
  .imgstylenote1{width:24px; height: 24px;}
  </style>
  <div style='background-image:url(http://4.bp.blogspot.com/-BY77_bwD3zk/T9N808I1yQI/AAAAAAAAB3A/E5ea22QlDQc/s800/info-girl.png);background-repeat:no-repeat;background-position:right bottom;background-size:100% 100%; width: 250px;overflow: hidden; padding: 10px 10px 5px 10px;font-size:14px; font-family:Arial, Geneva, sans-serif;'>
  <div class='descnote1'><b style='color:#03F; font-size:16px'>MonozCore</b><br/>This blog contain information about monozcore software product, free software, blog information and blog widget code.</div>
  <div align='left' class='textnote1' id='bdimgnote1'>
  <a href='mailto:nozeup@gmail.com' id='emailico1' onmouseover='javascript:imghover(&#39;emailico1&#39;);' title='Email'><img class='imgstylenote1' src='https://lh6.googleusercontent.com/-GcYlAHHfwTY/T9JQLfIKNAI/AAAAAAAAB2Y/ryvYSDrc5IY/s800/Email-icon-yellow.png'/> Email</a>
  <a href='http://facebook.com/monozcore' id='fbico1' onmouseover='javascript:imghover(&#39;fbico1&#39;);' target='_blank' title='Facebook'><img class='imgstylenote1' src='https://lh5.googleusercontent.com/-R5d8snvjVmo/T9JQLTiBEDI/AAAAAAAAB2U/FeJfwnKIh-k/s800/facebook-box-blue-icon.png'/> Facebook</a>
  <a href='http://twitter.com/monozcore' id='twitterico1' onmouseover='javascript:imghover(&#39;twitterico1&#39;);' target='_blank' title='Twitter'><img class='imgstylenote1' src='https://lh5.googleusercontent.com/-ZFmMxf3tg5M/T9JQMLXm2DI/AAAAAAAAB2g/Ihb2y1p_GKU/s800/twitter-box-blue-icon.png'/> Twitter</a>
  <a href='http://plus.google.com/110307523421514782253' id='g1ico1' onmouseover='javascript:imghover(&#39;g1ico1&#39;);' target='_blank' title='Google+1'><img class='imgstylenote1' src='https://lh3.googleusercontent.com/-d6ZaVG18afI/T9JQbp1iDKI/AAAAAAAAB20/IKwOQ47T-Lg/s800/Google-Plus-1-icon.png'/> Google+1</a>
  </div>
  <div align='center' class='textnote1' id='bddefnote1'>
  <textarea id='defnoteid1' onclick='select();' readonly='readonly' style=' width:96%; height:12px; font-size:10px; overflow:hidden;'>My Profile</textarea>
  </div>
  </div>
  <!-- End Contact -->
  </div>
  <ul id='links'>
  <li class='icon'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSxIX-hSZBo9R4e_i36H5aHRCH3mLjzvTEZLone7pR3JsqqVnzA7fYDc5K_DjzSDeVmoX4CuRQ7ZU1h2O6i1pcP0zjZ280jVg5XXx-fgao3CxbyDznTlzcUk9_S2_ZRLliTlsAqD8RbNs/s800/sexy.png'/></li>
  <li class='contactclose'>
  <span><a OnClick="javascript:animatedcollapse.toggle('jason4')" href='#' title='Exit'><img alt='close' border='0px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyphenhyphenNaFzFUY-BjP3mu06G-dm4GEzATD_qI9-kh8DnJFOmutXvU8BIClQ_ppCvHc8s6_olTCUntkxAtyuvPZ_wrQgN1p7cCfD4mCwfpYvqCSDGQcGcQSOYxDirU1CmtbrN28AMR5rP3zVuM/s800/Shutdown.png'/></a></span>
  </li>
  </ul>
  </div>
  </div>
  <!-- /Contact -->
  
  <!-- Download -->
  <div class='downloadbox'>
  <div id='startmenu'>
  <ul id='programs'>
  <!-- Code Here -->
  <li><a href='http://download.mozilla.org/?product=firefox-3.6.12&os=win&lang=en-US'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8bI55ZLzm5rIp8iXhr-X12K-dFpFuNngewSfnh3yPNtEYyVFRxxrmclOYIpnsYCUn8k3XOUBMd46vgfAzjtHcOnFJI5_4R9ywBilviwO0l9zSED1qvcZTOo8maqOC3KCUAWPrrI0PmzM/s800/firefox-32.png'/>Mozilla Firefox</a></li>
  <li><a href='http://www.google.com/chrome/eula.html?hl=id&platform=win&brand=CHMB' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzYGjlD3oEvJo6Vgcudn_6_8z_gM6VsH92tuI3vLBCeJuZvPpJ5nZIHnQyleFdqS170Q5XWlK0xHfxqJ2RNfCgseiMTmYLOkjjs1ski1827CjrVgnYjTQNqLVazfuntID4DHavOLq1jc8/s800/chrome.png'/>Google Chrome</a></li>
  <li><a href='http://appldnld.apple.com/Safari5/061-9343.20100916.Bhy7K/SafariSetup.exe'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMEN0z897s1MEaFXsw7HXWcpxoab35D3Jtcec891UuUOomqqF1FKD__SpU9DuHYaFLEX1JcyjSjeXZvCSMPiDCXcwcaFlmcLrMb-nP_VdJx3i5XExZhTtTUQiLg4eG_Dv6iNdMCH0WVeM/s800/safari.png'/>Safari</a></li>
  <li><a href='http://get12.opera.com/pub/opera/win/1063/en/Opera_1063_en_Setup.exe'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDAhixoaUEfKd-m2ThJZ59DdMYfBbzRPF3ACXab4OcTfFRKU-SVujMOmc0M8KHl1eQQfmR0suV1TBb655t7S12bKKZFWaqU9IAII2DX2xdDyObB3MKlRpbPMQdQTw2RFAWKAqTNXJ4g54/s800/opera.png'/>Opera</a></li>
  <li><a href='http://www.microsoft.com/windows/internet-explorer/default.aspx' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYwk90G3qEVzra9B33QAu_Gk3zhPuLQ0YnADUx8VhQVRLNnATMvTCxjPd_TJdpHDwZw__tWEeNB-n02XqoamY_r_z9W2PCcMzg_Uho-qiu6Px3Bj_snzAr5rhoIyiwxA75yN6exxQT4Hk/s800/ie.png'/>Internet Explorer</a></li>
  </ul>
  <ul id='links'>
  <li class='icon'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KWXI9tKIohXwwWep5P72ex7JjxSGed8H7B-ofmR8JRRNvH3k_xmXLi0pyON0nRJa_FViZb5f-vDNePz5euFXWxuVHUrtj_AXDNFC_LEKMeHz9LbTSVMuQbNV9v8_F0kQbz0nCohtFrY/s800/Download.png'/></li>
  <li class='downloadclose'>
  <span><a href='#'><img alt='close' border='0px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyphenhyphenNaFzFUY-BjP3mu06G-dm4GEzATD_qI9-kh8DnJFOmutXvU8BIClQ_ppCvHc8s6_olTCUntkxAtyuvPZ_wrQgN1p7cCfD4mCwfpYvqCSDGQcGcQSOYxDirU1CmtbrN28AMR5rP3zVuM/s800/Shutdown.png'/></a></span>
  </li>
  <!-- End Code Here -->
  </ul>
  </div>
  </div>
  <!-- /Download -->
  
  <!-- Music -->
  <div class='musicbox'>
  <div class="dhtmlgoodies_window">
      <div class="dhtmlgoodies_window_top">
          <img src="http://lh6.ggpht.com/_mFe4nvV0PXc/TOszMCeiaxI/AAAAAAAAAXw/8TMo2pU0SwU/s800/top_left.png" align="left">
          <img src="http://lh5.ggpht.com/_mFe4nvV0PXc/TOszMPrdKyI/AAAAAAAAAXs/OAaaBGb6eoE/s800/top_center.png" class="topCenterImage">
          <div class="top_buttons">
              <img class="minimizeButton" src="http://lh5.ggpht.com/_mFe4nvV0PXc/TOnvFVLOBkI/AAAAAAAAAWM/4IMdLGnEFrs/s800/minimize.png">
              <img class="musicclose" src="http://lh4.ggpht.com/_mFe4nvV0PXc/TOnvEzfHvSI/AAAAAAAAAWI/E1w8Oyava1o/s800/close.png">
              <img src="http://lh5.ggpht.com/_mFe4nvV0PXc/TOszMSM4odI/AAAAAAAAAX0/FWgqzLvC6W8/s800/top_right.png">
          </div>
      </div>
      <div class="dhtmlgoodies_windowMiddle">
          <div class="dhtmlgoodies_windowContent">
  <!-- Code Here -->
  <script src='http://7startmenu.googlecode.com/files/ajax-floating.js' type='text/javascript'></script>
  <script src='http://7startmenu.googlecode.com/files/floating-window.js' type='text/javascript'></script>
  <style>
  /* Window */
  .dhtmlgoodies_window{
  width:370px;
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  font-size:0.9em;
  position:absolute;
  overflow:hidden;
  z-index:10000;
  }
  .dhtmlgoodies_window div{
  position:relative;
  }
  .dhtmlgoodies_window .dhtmlgoodies_window_top{
  width:100%;
  height:17px;
  position:relative;
  background-color: #707070;
  }
  .dhtmlgoodies_window .top_buttons{
  float:right;
  z-index:10;
  position:absolute;
  right:0px;
  width:35px;
  }
  .top_buttons img{
  float:left;
  padding-left:2px;
  }
  .dhtmlgoodies_windowMiddle{
  border-left:3px solid #253354;
  }
  .dhtmlgoodies_windowContent{
  border-right:3px solid #253354;
  padding-left:5px;
  padding-right:2px;
  height:190px;
  overflow:hidden;
  background-color:#FFF;
  }
  .dhtmlgoodies_window_bottom{
  border-left: 3px solid #253354;
  border-right:3px solid #253354;
  border-bottom: 3px solid #253354;
  position:relative;
  height:0px;
  background-color:#FFFFFF;
  }
  }
  .dhtmlgoodies_window_bottom img{
  float:right;
  }
  .topCenterImage{
  position:absolute;
  left:3px;
  width:5000px;
  height:17px;
  }
  .resizeImage{
  position:absolute;
  right:1px;
  bottom:1px;
  }
  </style>
  <div align='center'>
  <img src='http://lh4.googleusercontent.com/-DRCaykPMF0I/UPAItci2mcI/AAAAAAAADEE/gE2AStRKLuc/s288/GEN%2520FM.jpg'/><br/>
  <iframe frameborder='0' height='210' src='http://dl.dropbox.com/u/74044634/HTML/987genfm.html' width='420'></iframe>
  </div>
  <!-- End Code Here -->
  </div>
      </div>  
      <div class="dhtmlgoodies_window_bottom">
          <img class="resizeImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHBIcUVxs2gEyWS09RqfmLS4pAZXVeVyZdMpBwWcckQcggmSCcAlO41ZUgJRFUHjcq8XxupGW5lXeTjZSp0_0Ca48qtKohZW_saX6qd00GbzjxgWHoXCX4sfpZRNaCdG4r05HOkJHCaYb_/s800/bottom_right.gif">
  </div>
  </div>
  </div>
  <!-- /Music -->
  Keterangan :
  • Jika anda sudah memasang kode JQuery silakan anda lewati pemasangan kode JQuery ini. Apabila anda memasang lebih dari satu JQuery biasanya script tidak akan berfungsi.


• Setelah itu pasang kode HTML berikut ini untuk menampilkan taskbar, icon quick launch, jam dan icon taskbar.
  <!-- Begin Taskbar -->
  <div id="taskbar">
  <div id="imgstartmenu" title="Click to start"></div>
  <div id="qlaunch">
  <a href='#' title='Back to top'><img class="qlaunch_ico" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSey7RdUrK7Ahav8u-Lcld8sLS1gxTuBo1e_UMvK0V-oZaLDMI9V9QlQDStLoibXmPwZ8RRZp9HxGLytWbHJhAcLcarsHHbhAZ7xloA3rzBpHu1KSr5fzewpLUVVttwsbrZOPoYPPMkI/s800/backtotop.png'/></a>
  <a class='musicclose' href='#' title='MP3 Player'><img class="qlaunch_ico" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr-fC8r96MZWQE_bWN77NlshvoWLWLrGdjKfPkDz2t1xp-dQyz6jrSiktO3gaxGpvFWXhiLtl5R7dX-G5OB2j3U_DpfcgwFZ8HkKJ4sLKjAOA2MV_IGPM1sy0dlWLlLHT9sti-zB3iY9Y/s800/Winamp-1.png'/></a>
  
  <a href='http://monozcore.freetzi.com/chatroll.html' title='ChatRoll Box' onclick="return chatrollbox('http://monozcore.freetzi.com/chatroll.html')" onfocus="this.blur()"><img class="qlaunch_ico" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBA1G_OpBFlrKKq6BMEfEiiHlbvkYhvUSi7KpErs9WCw9QODySFguf7OZGVMQ_kyD4vU8d6aB94K-5AgeAnhOQWlgyhyphenhyphenvIJkk3dfzAX1Hdj3QvoQCHICOixXQzXR9SsIuYjliPEJe2hIs/s800/chat24.png'/></a>
  
  <a class='fblivestream' href='http://dl.dropbox.com/u/74044634/HTML/MonozCore_Facebook_Live_Chat.html' title='MonozCore Live Stream'><img class="qlaunch_ico" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKL-7mKhdmSB3Wx9LkTe9-ZgXHQaLzPKbXyGUM-gAJXqXmYZn3yAXTrifZICpGjJJD8vXSa7nwakdls8yn9gDga1kVYotgNIHBbytAn5R0o752m4-HADfbrv9zZiXAorz7wYfjWaviSCA/s800/fb_logo24.png'/></a>
  
  <a href="#" onClick="expandingWindow('http://www.docs.google.com');return false" onfocus="this.blur()" title='Google Office'><img class="qlaunch_ico" src='http://lh5.ggpht.com/_mFe4nvV0PXc/TOteuTF4SuI/AAAAAAAAAYI/4q8zN7mGn-k/s800/google_docs.png'/></a>
  </div>
  
  <div id="clock">
  <!-- Begin of localTimes.info script -->
  <div align="center" style="margin:15px 0px 0px 0px">
  <noscript>
  <div align="center" style="width:140px; border:1px solid #ccc; color: #FFFCFC; font-weight:bold;">
  <a style="font-size:13px; line-height:16px; padding:2px 0px; font-family:arial; text-decoration: none; color: #FFFCFC;" href="http://localtimes.info/Asia/Indonesia/Jakarta/"><img src="http://localtimes.info/images/countries/id.png" border=0 style="border:0;margin:0;padding:0"/>Jakarta Time</a>
  </div>
  </noscript>
  <script type="text/javascript" src="http://localtimes.info/clock.php?cp3_Hex=FFB200&cp2_Hex=000000&cp1_Hex=FFFCFC&fwdt=96&ham=0&hbg=1&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&continent=Asia&country=Indonesia&city=Jakarta&widget_number=1000"></script>
  </div>
  <!-- End of localTimes.info script -->
  </div>
  <div id="active_ico">
  <!-- Start Active Icon -->
  <a href="http://plus.google.com/" title='Google+ Dashboard'><img class="active_ico" src='https://plus.google.com/s2/photos/profile/me'/></a>
  
  <a href="#" onclick="toggleFullScreen()" onfocus="this.blur()" title='Full Screen'><img class="active_ico" src="http://dl.dropboxusercontent.com/u/74044634/Image/fullscreen.png"/></a>
  <!-- End Active Icon -->
  </div>
  </div>
  <!-- End Taskbar -->
  Keterangan :
  • Untuk menambahkan icon quick launch beserta link silakan taruh dibawah tag <div id="qlaunch">.
  • Untuk menambahkan icon taskbar beserta link silakan taruh dibawah tag <div id="active_ico">.


• Klik "Save" dan lihat hasilnya...

Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter... happy blogging...

Sumber : monozcore

Kumpulan Textarea Super Keren

Ollaaa... Kumpulan Textarea Super Keren - kumpulan beberapa style textarea hasil ujicoba dan blogwalking. Textarea supercool ini hanya menggunakan kode CSS sederhana namun bisa memberikan style yang elegan dan eye catching... textarea-textarea ini juga sudah cross browser compatible. Oke maz bro seperti biasa langsung aja menuju ke TKP... apabila maz bro punya style textarea yang lebih keren silakan share disini.

Cara Pemasangan :

• Login ke blog sobat...


• Klik textarea yang ingin dipilih kemudian copy (Ctrl+C) setelah itu paste (Ctrl+V) di halaman postingan atau halaman yang ingin anda pasang textarea tersebut.


• Pilihan style textarea :
  
  
  <style type="text/css"> .codetextblue{ padding-left: 5px; border-radius: 8px; /*border curve*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -o-transition:height 1s ease-out; -moz-transition:height 1s ease-out; -webkit-transition:height 1s ease-out; border: 2px outset #1EBDD6; /* border type */ color: black; font-family: "Arial",Verdana,Serif; font-size: 12px; height: 150px; line-height: 1.5em; overflow-x: hidden; overflow: auto; resize: none; text-align: left; width: 500px; background: rgb(207,231,250); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZTdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzkzYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-8 */ } .codetextblue:hover{ box-shadow: 0px 0px 10px rgb(6, 12, 90); -moz-box-shadow: 0px 0px 10px rgb(6, 12, 90); -webkit-box-shadow: 0px 0px 10px rgb(6, 12, 90); -o-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; height: 300px; background: rgb(135,224,253); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWFiZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-8 */ } </style>
  
  <style type="text/css"> .codetextblueridge{ padding-left: 5px; border-radius: 8px; /*border curve*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -o-transition:height 1s ease-out; -moz-transition:height 1s ease-out; -webkit-transition:height 1s ease-out; border: 2px ridge #1EBDD6; /* border type */ color: black; font-family: "Arial",Verdana,Serif; font-size: 12px; height: 150px; line-height: 1.5em; overflow-x: hidden; overflow: auto; resize: none; text-align: left; width: 500px; background: rgb(207,231,250); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZTdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzkzYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-8 */ } .codetextblueridge:hover{ box-shadow: 0px 0px 10px rgb(6, 12, 90); -moz-box-shadow: 0px 0px 10px rgb(6, 12, 90); -webkit-box-shadow: 0px 0px 10px rgb(6, 12, 90); -o-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; height: 300px; background: rgb(135,224,253); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWFiZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-8 */ } </style>
  
  <style type="text/css"> .codetextbluedot{ padding-left: 5px; border-radius: 8px; /*border curve*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -o-transition:height 1s ease-out; -moz-transition:height 1s ease-out; -webkit-transition:height 1s ease-out; border: 2px dotted #1EBDD6; /* border type */ color: black; font-family: "Arial",Verdana,Serif; font-size: 12px; height: 150px; line-height: 1.5em; overflow-x: hidden; overflow: auto; resize: none; text-align: left; width: 500px; background: rgb(207,231,250); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZTdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzkzYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-8 */ } .codetextbluedot:hover{ box-shadow: 0px 0px 10px rgb(6, 12, 90); -moz-box-shadow: 0px 0px 10px rgb(6, 12, 90); -webkit-box-shadow: 0px 0px 10px rgb(6, 12, 90); -o-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; height: 300px; background: rgb(135,224,253); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWFiZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-8 */ } </style>
  
  <style type="text/css"> .codetextblueinset{ padding-left: 5px; border-radius: 8px; /*border curve*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -o-transition:height 1s ease-out; -moz-transition:height 1s ease-out; -webkit-transition:height 1s ease-out; border: 2px inset #1EBDD6; /* border type */ color: black; font-family: "Arial",Verdana,Serif; font-size: 12px; height: 150px; line-height: 1.5em; overflow-x: hidden; overflow: auto; resize: none; text-align: left; width: 500px; background: rgb(207,231,250); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZTdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzkzYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-8 */ } .codetextblueinset:hover{ box-shadow: 0px 0px 10px rgb(6, 12, 90); -moz-box-shadow: 0px 0px 10px rgb(6, 12, 90); -webkit-box-shadow: 0px 0px 10px rgb(6, 12, 90); -o-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; height: 300px; background: rgb(135,224,253); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWFiZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-8 */ } </style>
  
  <style type="text/css"> .codetextpinkoutset{ padding-left: 5px; border-radius: 8px; /*border curve*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -o-transition:height 1s ease-out; -moz-transition:height 1s ease-out; -webkit-transition:height 1s ease-out; border: 2px outset #D425A8; /* border type */ color: black; font-family: "Arial",Verdana,Serif; font-size: 12px; height: 150px; line-height: 1.5em; overflow-x: hidden; overflow: auto; resize: none; text-align: left; width: 500px; background: rgb(255,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjAxN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */ } .codetextpinkoutset:hover{ box-shadow: 0px 0px 10px rgb(212, 37, 63); -moz-box-shadow: 0px 0px 10px rgb(212, 37, 63); -webkit-box-shadow: 0px 0px 10px rgb(212, 37, 63); -o-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; height: 300px; background: rgb(251,131,250); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiODNmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTNjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(251,131,250,1) 0%, rgba(233,60,236,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,131,250,1)), color-stop(100%,rgba(233,60,236,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(251,131,250,1) 0%,rgba(233,60,236,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(251,131,250,1) 0%,rgba(233,60,236,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(251,131,250,1) 0%,rgba(233,60,236,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(251,131,250,1) 0%,rgba(233,60,236,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb83fa', endColorstr='#e93cec',GradientType=0 ); /* IE6-8 */ } </style>
  
  <style type="text/css"> .codetextyellowoutset{ padding-left: 5px; border-radius: 8px; /*border curve*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -o-transition:height 1s ease-out; -moz-transition:height 1s ease-out; -webkit-transition:height 1s ease-out; border: 2px outset #FFCC00; /* border type */ color: black; font-family: "Arial",Verdana,Serif; font-size: 12px; height: 150px; line-height: 1.5em; overflow-x: hidden; overflow: auto; resize: none; text-align: left; width: 500px; background: rgb(252,234,187); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-8 */ } .codetextyellowoutset:hover{ box-shadow: 0px 0px 10px rgb(253, 237, 6); -moz-box-shadow: 0px 0px 10px rgb(253, 237, 6); -webkit-box-shadow: 0px 0px 10px rgb(253, 237, 6); -o-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; height: 300px; background: rgb(255,183,107); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYTczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmN2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(50%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(255,127,4,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-8 */ } </style>
  
  <style type="text/css"> .codetextgreenoutset{ padding-left: 5px; border-radius: 8px; /*border curve*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -o-transition:height 1s ease-out; -moz-transition:height 1s ease-out; -webkit-transition:height 1s ease-out; border: 2px outset #125D03; /* border type */ color: black; font-family: "Arial",Verdana,Serif; font-size: 12px; height: 150px; line-height: 1.5em; overflow-x: hidden; overflow: auto; resize: none; text-align: left; width: 500px; background: rgb(191,210,85); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-8 */ } .codetextgreenoutset:hover{ box-shadow: 0px 0px 10px rgb(51, 255, 0); -moz-box-shadow: 0px 0px 10px rgb(51, 255, 0); -webkit-box-shadow: 0px 0px 10px rgb(51, 255, 0); -o-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; height: 300px; background: rgb(157,213,58); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-8 */ } </style>
  
  <style type="text/css"> .codetextpurpleoutset{ padding-left: 5px; border-radius: 8px; /*border curve*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -o-transition:height 1s ease-out; -moz-transition:height 1s ease-out; -webkit-transition:height 1s ease-out; border: 2px outset #900789; /* border type */ color: black; font-family: "Arial",Verdana,Serif; font-size: 12px; height: 150px; line-height: 1.5em; overflow-x: hidden; overflow: auto; resize: none; text-align: left; width: 500px; background: rgb(229,112,231); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1NzBlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2M4NWVjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhODQ5YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,112,231,1)), color-stop(47%,rgba(200,94,199,1)), color-stop(100%,rgba(168,73,163,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-8 */ } .codetextpurpleoutset:hover{ box-shadow: 0px 0px 10px rgb(237, 80, 229); -moz-box-shadow: 0px 0px 10px rgb(237, 80, 229); -webkit-box-shadow: 0px 0px 10px rgb(237, 80, 229); -o-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; height: 300px; background: rgb(203,96,179); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiNjBiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FkMTI4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTQ3YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(173,18,131,1) 50%, rgba(222,71,172,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(173,18,131,1)), color-stop(100%,rgba(222,71,172,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-8 */ } </style>
  
  

  <style type="text/css"> .codetextblackoutset{ padding-left: 5px; border-radius: 8px; /*border curve*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -o-transition:height 1s ease-out; -moz-transition:height 1s ease-out; -webkit-transition:height 1s ease-out; border: 2px outset #030303; /* border type */ color: black; font-family: "Arial",Verdana,Serif; font-size: 12px; height: 150px; line-height: 1.5em; overflow-x: hidden; overflow: auto; resize: none; text-align: left; width: 500px; background: rgb(69,72,77); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */ } .codetextblackoutset:hover{ box-shadow: 0px 0px 10px rgb(15, 15, 14); -moz-box-shadow: 0px 0px 10px rgb(15, 15, 14); -webkit-box-shadow: 0px 0px 10px rgb(15, 15, 14); -o-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; height: 300px; background: rgb(96,108,136); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-8 */ } </style>
  
  Keterangan :
  
  • Kode diatas merupakan kode CSS jadi bisa anda sesuaikan dengan keinginan anda.
  • border: 2px outset #1EBDD6; // kode untuk tebal garis tepian, jenis garis tepian dan warna garis tepian.
  • Apabila anda ingin membuat warna gradien sendiri anda dapat mengunjungi situs colorzilla untuk mempermudah membuat gradien warna latar.
  • Gunakan class pada tag textarea untuk menerapkan style textarea. Lihat kode css dan pasang nama class tersebut di dalam tag textarea.
    Contoh :
    <textarea class="codetextblue" readonly="readonly" onclick="select()">
    kode script atau teks taruh disini...
    </textarea>


• Klik "Save" dan lihat hasilnya...

Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan textarea ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter monozcore... happy blogging...

.: Semoga Bermanfaat :. 

 

Sumber : http://monozcore.blogspot.com