Oto Website

Tumblr Sekarang Lebih Populer Dari Pada Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxa1NsOC4GJX3v3oAPaawT66pos3alSSSiEPfW5HjD26vhDhVSf6buo-_9t-1w8dPh2hR3iBvFom8p-OYfGvWClknGPEzKUNXLH6zgsj0h4785eairLy_EjmCCDMK2ySRgZjEipfMfA/s1600/Tumblr.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxa1NsOC4GJX3v3oAPaawT66pos3alSSSiEPfW5HjD26vhDhVSf6buo-_9t-1w8dPh2hR3iBvFom8p-OYfGvWClknGPEzKUNXLH6zgsj0h4785eairLy_EjmCCDMK2ySRgZjEipfMfA/s1600/Tumblr.jpg" width="640" /></a></div> 
Tumblr telah melampaui blog sebagai salah satu istilah yang paling dicari di Google Search Engine. 
 
Tumblr mengungguli blog pada bulan Desember untuk pertama kalinya sejak jaringan microblog dimulai pada bulan Februari 2007, tweeted Laura Olin, Outbound direktur media sosial. 
 
<blockquote class="tr_bq">@lauraolin : We've reached the point where more people search for "Tumblr" than for "blog"</blockquote> 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqizAGYp74r10I5pNjiivqq3O4iVoeo4U2zZ0kziwf8vo-uUepNAJ68vVLXXEIS9_ix_5wtqDzhhbXFZncHetRIDMXG-USU3mphrqmyd6iX6pN00Qq_XCQDhP9P6H7-IPq17f2yI3euA/s1600/google.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqizAGYp74r10I5pNjiivqq3O4iVoeo4U2zZ0kziwf8vo-uUepNAJ68vVLXXEIS9_ix_5wtqDzhhbXFZncHetRIDMXG-USU3mphrqmyd6iX6pN00Qq_XCQDhP9P6H7-IPq17f2yI3euA/s1600/google.png" width="640" /></a></div> 
Menurut Google's <a href="http://www.google.com/trends/explore#q=blog,%20tumblr,%20wordpress,%20livejournal" target="_blank">search stats</a>, kata "blog" telah mengalami penurunan sejak Mei 2009, yaitu sekitar waktu yang sama Twitter menjadi jaringan sosial yang <a href="http://blog.compete.com/2009/02/09/facebook-myspace-twitter-social-network/" target="_blank">peringkat tertinggi ketiga</a> sesuai dengan kunjungan. (Tumblr tidak peringkat dalam 25 teratas saat ini.) 
 
Penurunan dari blog tradisional meramalkan pada bulan Juni 2009 oleh The Guardian Charles Arthur dalam sebuah cerita tepat berjudul "<a href="http://www.guardian.co.uk/technology/2009/jun/24/charles-arthur-blogging-twitter" target="_blank">The Long Tail of Blogging is Dying.</a>" 
 
"Menulis sebuah posting blog adalah jauh lebih sulit daripada posting update status, menempatkan link lucu di Wall seseorang, atau tweeting," Arthur <a href="http://www.guardian.co.uk/technology/2009/jun/24/charles-arthur-blogging-twitter" target="_blank">menulis</a>. "Orang-orang masih membaca blog, dan konten lainnya Tapi untuk penciptaan konten amatir, masa kejayaan mereka untuk populasi yang lebih luas telah, saya pikir, sudah berlalu.. Kepala pendek blogging berkembang. Ekor panjang, meskipun, telah terjerumus ke dalam keadaan menjadi usang . " 
 
Pada bulan November 2012, Tumblr menjadi salah satu dari <a href="http://www.dailydot.com/news/tumblr-top-10-karp/" target="_blank">10 besar situs yang paling sering dikunjungi di dunia</a>, dengan audiens sekitar 170 juta orang per bulan, menurut statistik dari <a href="http://www.quantcast.com/p-19UtqE8ngoZbM" target="_blank">Quantcast</a>. Jaringan juga mengumpulkan sekitar <a href="http://www.dailydot.com/news/tumblr-20-billion-pageviews/" target="_blank">20 miliar tampilan halaman per bulan</a>, Tumblr pendiri David Karp diumumkan. 
 
"Hal ini tidak dimaksudkan untuk membual - meskipun Anda pasti harus mencoba Android baru dan aplikasi iOS, " tulis Karp dalam <a href="http://staff.tumblr.com/post/36598494153/top-10" target="_blank">posting blog</a>. "Kalian telah mendapatkan penonton lebih besar dari jaringan TV terbesar, dan Anda terus membuat beberapa yang paling merangsang pemikiran, wawasan, inspirasi, lucu, beragam, dan konten menarik yang dibuat hari ini." 
 
Blog Kata diciptakan oleh Peter Merholz pada tahun 1999. Berkat jaringan blogging awal seperti LiveJournal dan Blogger, blog menjadi terkenal karena mereka "baku keaslian, kasar dan individualitas," melaporkan <a href="http://www.economist.com/node/6794172?story_id=6794172" target="_blank">Economist pada tahun 2006</a>. Kenaikan tiba-tiba blogging mungkin juga telah kejatuhannya, New York Times <a href="http://www.nytimes.com/2009/06/07/fashion/07blogs.html?_r=2&adxnnl=1&adxnnlx=1245755630-gtQjahIAzaCLSn+xmUfPpw&" target="_blank">melaporkan</a> pada bulan Juni 2009. 
 
"Menurut survei 2008 oleh Technorati, yang menjalankan mesin pencari untuk blog, hanya 7,4 juta dari 133 juta blog trek perusahaan telah diperbarui dalam 120 hari terakhir, '" The Times <a href="http://www.nytimes.com/2009/06/07/fashion/07blogs.html?_r=2&adxnnl=1&adxnnlx=1245755630-gtQjahIAzaCLSn+xmUfPpw&" target="_blank">menambahkan</a>. "Itu berarti 95% dari blog yang pada dasarnya ditinggalkan, dibiarkan berbaring di web, di mana mereka menjadi sisa-sisa publik mimpi - atau setidaknya ambisi" 
 
Berkat jaringan blogging efisien seperti Wordpress, yang kekuatan sekitar <a href="http://techcrunch.com/2011/08/19/wordpress-now-powers-22-percent-of-new-active-websites-in-the-us/" target="_blank">22%</a> dari situs-situs di Amerika Serikat, model blogging tradisional pasti tidak akan cepat. Tapi dengan Tumblr powering <a href="http://www.tumblr.com/about" target="_blank">87 juta blog</a>, dan berkembang, dengan hari 'dominasi dapat dihitung.

Tumblr Sekarang Lebih Populer Dari Pada Blog

Tumblr telah melampaui blog sebagai salah satu istilah yang paling dicari di Google Search Engine. Tumblr mengungguli blog pada bulan Des...

Baca selengkapnya »

Membuat Metro UI Navigation Menu di Blogger

Selamat tahun baru 2013 semuanya! 
Dalam tutorial kali ini tidak ada yang berbeda dari yang sebelumnya ya itu tutorial tentang OW (Oto Website), perbedaannya hanyalah gaya, judul, dan isi saja. Untuk kali ini Oto Website akan membahas dan berbagi tutorial dengan tema <a href="http://otowebsite.blogspot.com/2013/01/membuat-metro-ui-navigation-menu-di.html">Membuat Metro UI Navigation Menu di Blogger</a>. Ini adalah sebuah menu yang sekarang sedang ramai di bahas oleh para blogger sedunia. Menu yang tampilannya mirip sekali dengan Windows 8. 
Bagi Anda yang pernah menggunakan atau melihat antarmuka dari Microsoft, Windows 8 atau rentang baru ponsel Windows Smart, maka menu ini METRO UI bukanlah hal yang baru bagi Anda. 
Banyak sekali fitur yang di sediakan dari  Metro Menu Navigasi UI untuk situs web blogger. 
Untuk lebih jelasnya tentang  <a href="http://otowebsite.blogspot.com/2013/01/membuat-metro-ui-navigation-menu-di.html">Membuat Metro UI Navigation Menu di Blogger</a> silahkan Anda liha Screensoh berikut dan live demonya. 
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
Screenshot</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzgsY47P6hrUgW3MBT488NKba9y_8BRGGOFaSQaZqactPGf2kIXN9Z8UmgKSRlj3wO2AZ7hrXBa2V99B7_Puq8c5wA7C9-SHpxL_WfRSqmQPewHJRk2URN9MBFVxIg3FN_gC5KuFCAQA/s1600/Metro+UI+Navigation+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzgsY47P6hrUgW3MBT488NKba9y_8BRGGOFaSQaZqactPGf2kIXN9Z8UmgKSRlj3wO2AZ7hrXBa2V99B7_Puq8c5wA7C9-SHpxL_WfRSqmQPewHJRk2URN9MBFVxIg3FN_gC5KuFCAQA/s1600/Metro+UI+Navigation+Menu.png" width="640" /></a></div>
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
Live Demo</div>
 
 
<div style="text-align: center;">
<a class="button" href="https://demo-otowebsite.googlecode.com/svn/trunk/Metro%20UI%20Navigation%20Menu.html" target="_blank">Lihat Demo</a></div>
 
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
Cara Membuat Windows 8 seperti Menu Metro di Blogger?</div>
Kemunculan atau peletakkan menu ini tergantung dari Anda, jadi intinya terserah Anda ingin meletakkan menu ini dimana? tapi idialnya navigation menu letaknya di atas bagian blog Anda. 
Kode-kode yang disebutkan di bawah ini adalah kode ideal untuk <a href="http://otowebsite.blogspot.com/2013/01/membuat-metro-ui-navigation-menu-di.html">Membuat Metro UI Navigation Menu di Blogge</a>r, jadi silahkan Anda salin dan letakkan di situs web/blogger Anda. 
 
Langkah # 1: Menambahkan CSS StyleSheet: 
 
<blockquote class="tr_bq">
/*===OW METRO UI Menu==*/ 
 
 body { 
  font-family:sans-serif; 
 } 
 a { 
  text-decoration:none; 
 } 
 .OWmetromenu { 
  width:960px; 
  margin:auto; 
 } 
 @media screen and (max-width:960px) { 
  .owmetromenu { 
  width:100%; 
  } 
 } 
 
 /* OWMetroMenu */ 
 .OWMetroMenu { 
  position:relative; 
 } 
 .om-nav { 
  position:absolute; 
  width:100%; 
  z-index:999; 
  display:none; 
 } 
 .om-ctrlbar { 
  width:100%; 
  height:48px; 
 } 
 .om-ctrlitems { 
  margin:auto; 
  padding:0px; 
  height:48px; 
  display:inline-block; 
  text-align:center; 
 } 
 .om-ctrlitem { 
  height:48px; 
  width:48px; 
  display:none; 
  cursor:pointer; 
  float:left; 
  opacity:0.5; 
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; 
  filter: alpha(opacity=50) !important; /* For IE8 and earlier */ } 
 .om-ctrlitem:hover { 
  opacity:0.8; 
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important; 
  filter: alpha(opacity=80) !important; /* For IE8 and earlier */ } 
 .om-activectrlitem { 
  opacity:1 !important; 
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; 
  filter: alpha(opacity=100) !important; /* For IE8 and earlier */ } 
 .om-controlitems { 
  width:960px; 
  margin:auto; 
 } 
 .om-controlitem { 
  height:48px; 
  cursor:pointer; 
 } 
 .om-closenav { 
  float:left; 
 } 
 .om-movenext { 
  float:right; 
 } 
 .om-itemholder { 
  margin:auto; 
  padding:20px 0px; 
 } 
 @media screen and (max-width:960px) { 
  .om-closenav { 
   position:absolute; 
   z-index:9999; 
   left:0; 
   top:0; 
  } 
  .om-movenext { 
   position:absolute; 
   z-index:9999; 
   right:0; 
   top:0; 
  } 
  .om-controlitems { 
   width:100%; 
  } 
  .om-itemholder { 
   width:100%; 
  } 
  } 
 .om-centerblock { 
  display:inline-block; 
 } 
 .om-item { 
  display:none; 
 } 
 .om-showitem { 
  margin:5px; 
  float:left; 
  display:none; 
 } 
 /* END OWMetroMenu */ 
 
 /* TILE BUTTONS */ 
 /* Standar Buttons */ 
 .tile-bt { 
  text-align:center; 
  cursor:pointer; 
  width:90px; 
  height:90px; 
 } 
 .tile-bt a { 
  display:block; 
  padding-top:12px; 
  text-decoration: !important; 
 } 
 .tile-bt img { 
  margin:0 auto 0 auto; 
  padding-bottom:5px; 
  height:48px; 
  width:48px; 
  position:relative; 
  display:block; 
 } 
 .tile-bt span { 
  font-size:12px; 
  padding-bottom:10px; 
  display:block; 
 } 
 .tile-bt:active { 
  opacity:0.5; 
 } 
 /* End Standard Buttons */ 
 
 
 /* Large Buttons */ 
 .tile-bt-large { 
  width:190px; 
  height:90px; 
  line-height:90px; 
  text-align:center; 
  cursor:pointer; 
 } 
 .tile-bt-large a { 
  display:block; 
  text-decoration: !important; 
 } 
 .tile-bt-large img { 
  vertical-align: middle; 
  margin:auto; 
  padding:0px; 
  position:relative; 
  width:48px; 
  height:48px; 
 } 
 .tile-bt-large span { 
  vertical-align: middle; 
  display:inline; 
 } 
 .tile-bt-large:active { 
  opacity:0.5; 
 } 
 /* End Large Buttons */ 
 /* Extralarge Buttons */ 
 .tile-bt-extralarge { 
  text-align:center; 
  cursor:pointer; 
  width:190px; 
  height:190px; 
 } 
 .tile-bt-extralarge a { 
  display:block; 
  padding-top:52px; 
  text-decoration: !important; 
 } 
 .tile-bt-extralarge img { 
  margin:0 auto 0 auto; 
  padding-bottom:22px; 
  height:80px; 
  width:80px; 
  position:relative; 
  display:block; 
 } 
 .tile-bt-extralarge span { 
  font-size:14px; 
  padding-bottom:20px; 
  display:block; 
 } 
 .tile-bt-extralarge:active { 
  opacity:0.5; 
 } 
 /* End Extralarge Buttons */ 
 
 /* END TILE BUTTONS */ 
 
 /* SHADOW LIST */ 
 .shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red { 
  /*display:inline-block;*/ 
 } 
 .shadow-white:hover { 
  box-shadow:0px 0px 6px 3px #fff; 
  -webkit-box-shadow:0px 0px 6px 3px #fff; 
  -moz-box-shadow:0px 0px 6px 3px #fff; 
  -o-box-shadow:0px 0px 6px 3px #fff; 
  -ms-box-shadow:0px 0px 6px 3px #fff; 
 } 
 .shadow-blue:hover { 
  box-shadow:0px 0px 6px 3px #38D1F7; 
  -webkit-box-shadow:0px 0px 6px 3px #38D1F7; 
  -moz-box-shadow:0px 0px 6px 3px #38D1F7; 
  -o-box-shadow:0px 0px 6px 3px #38D1F7; 
  -ms-box-shadow:0px 0px 6px 3px #38D1F7; 
 } 
 .shadow-green:hover { 
  box-shadow:0px 0px 6px 3px #AACA37; 
  -webkit-box-shadow:0px 0px 6px 3px #AACA37; 
  -moz-box-shadow:0px 0px 6px 3px #AACA37; 
  -o-box-shadow:0px 0px 6px 3px #AACA37; 
  -ms-box-shadow:0px 0px 6px 3px #AACA37; 
 } 
 .shadow-red:hover { 
  box-shadow:0px 0px 6px 3px #E81750; 
  -webkit-box-shadow:0px 0px 6px 3px #E81750; 
  -moz-box-shadow:0px 0px 6px 3px #E81750; 
  -o-box-shadow:0px 0px 6px 3px #E81750; 
  -ms-box-shadow:0px 0px 6px 3px #E81750; 
 } 
 .shadow-black:hover { 
  box-shadow:0px 0px 6px 3px #444; 
  -webkit-box-shadow:0px 0px 6px 3px #444; 
  -moz-box-shadow:0px 0px 6px 3px #444; 
  -o-box-shadow:0px 0px 6px 3px #444; 
  -ms-box-shadow:0px 0px 6px 3px #444; 
 } 
 /* END SHADOW LIST */ 
 /* BACKGROUND LIST */ 
 /* Solid Colors */ 
 .solid-blue { background:#00BBE2; } 
 .solid-blue-2 { background:#2C84EE; } 
 .solid-darkblue { background:#044E94; } 
 .solid-violetred { background:#781766; } 
 .solid-red { background:#E51400;} 
 .solid-red-2 { background:#E81750; } 
 .solid-pink { background:#FF539B; } 
 .solid-purple { background:#D02090; } 
 .solid-orange { background:#FB8F02; } 
 .solid-orange-2 { background:#FF6600; } 
 .solid-orange-3 { background:#DD5F37; } 
 .solid-coral { background:#CD5B45; } 
 .solid-green { background:#67B239; } 
 .solid-green-2 {background:#96BF01; } 
 .solid-darkgreen { background:#016C38; } 
 .solid-olive { background:#999900} 
 .solid-grass { background:#CDCD00; } 
 .solid-darkred { background:#5F0000; } 
 .solid-gold { background:#FEE9AE; } 
 .solid-yellow { background:#F7D100; } 
 .solid-black { background:#000; } 
 .solid-smoke { background:#F5F5F5; } 
 /* End Solid Colors */ 
 
 /* MISC */ 
 .clearspace { clear: both; } 
 .floatleft { float:left; } 
 .floatright { float:right; } 
 .none { display: none !important; width:0px !important; } 
 .light-text { 
  color:#fff; 
 } 
 .dark-text { 
  color:#1e1e1e; 
 } 
 .gradient { 
  background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */ 
  background:  -webkit-gradient(linear, left top, right bottom,  color-stop(0%,rgba(255,255,255,0)),  color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */ 
  background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */ 
  background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */ 
  background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */ 
  background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */ 
 } 
 .margin-5 { margin:5px; }</blockquote>
 
Langkah # 2: Menambahkan menu METRO di Blogger: 
 
Sekarang itu sepenuhnya tergantung pada Anda di mana Anda ingin menempatkan menu ini. Tempat yang ideal penambahan adalah tepat di bawah header. Oleh karena itu, paste coding berikut di mana saja Anda ingin melihat menu ini di situs Anda. 
 
<blockquote class="tr_bq">
 
 <div class="OWmetromenu"> 
 
 <div data-navid="om-nav" class="tile-bt-extralarge solid-violetred shadow-black margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLFFeH0DwyHKfCPTCDDgu978I5k6GN3cYHvUekzfaWZ89_qnU0qb-eowi_JhQlvJ1l4g13AJIQoSLwhwTKPA9pzgEOmWfB5K1kDUEq2xYLjfJRZ3QQYCUw83AjmTa-sUPp01wt9xYX7Q/s1600/OW-home.png" alt="" /> 
 Homepage 
 </a> 
 </div> 
    
 <div data-navid="om-nav" class="tile-bt-large solid-coral shadow-red margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBU8CBfvVIS0StG7gG-QLh-bIGM4XurDB2NjhcahKgvgLsTuj0gKUp6kB4GnjJOGGXZIvTTraQ6KdRRdOorczpUT-cvMiMmUhKLzGVO1qvpbJztBxoh7DkebsTiNqS5UepmDYjjlvamw/s1600/OW-messanger.png" alt="OW" /> 
 About US 
 </a> 
 </div> 
    
 <div data-navid="om-nav2" class="tile-bt solid-purple shadow-blue margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZIJva3VsWBGX8uRhjnBokKroZQJs9cMMp-T78r03VsKFFLhzMQur3_SgRWAkjh86c_X4nKczvQp0nq-W7MAD2lOwEtwXzUVX8IMA6gf5q6y8ORqs8GQU_isx27XdRjzS7AHtgQuAwvg/s1600/OW-rss.png" alt="OW" /> 
 Rss Feeds 
 </a> 
 </div> 
    
  <div data-navid="om-nav" class="tile-bt-large solid-red shadow-red margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggFX53hn5fqLJvyC4_4knl_LUu9sgEH_NBhvwpjvBs9CdZyxHUAneo6F0gq-iSV60Nb-z_4uB0rTJGc2MZBvQnmwSTo9X7A2aRQYueQzxeYNAaeoNAIU3S6_VKVl67c2delc4BOmGn5A/s1600/OW-search.png" alt="OW" /> 
 Search 
 </a> 
 </div> 
      
  <div data-navid="om-nav2" class="tile-bt solid-darkred shadow-red margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8QrBamxje5PY35YdiOvbC3S8iNEj07zrn_i8j7lNJnCHuP3qtyYjaicu0d9f2OchzNDCx1j2EtVS0sA8YxVJfCdJMwv3nXPR9WJLZHPrLJ6hO4cskKGQ3qqKuEs2_WeiPoljjJNMZwA/s1600/OW-mail.png" alt="OW" /> 
 Contact US 
 </a> 
 </div> 
      
 <div data-navid="om-nav2" class="tile-bt solid-black shadow-black margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikqAFBWzF6SUs9wBdzFTPDcFJ3ZWQwNa_t0Hz24Q0Yd4R-UYZ2NNeLUZaje7hGbcyDDZMWfFlBtkTLl-DrZN6wn0qDutjVQHb00ZwOVHa4ajEj3kRAmxjxRReuAjOnTscuXLNyN5jsIeY/s1600/help.pn" alt="OW" /> 
  Get HELP 
 </a> 
  </div> 
      
 <div data-navid="om-nav2" class="tile-bt solid-orange shadow-black margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8oKHV8EM1yi12u_sOfS2Y8kPCezW0rgwLhl4IWrT4h7peFV3lITmYqeLXNvjaF8JzGZ_Ux3LWtNBKqkGJMQ_L3dzoW3wLxLDZlNLorDMmcYdwGTFoH_pAxLMTAg7sr7Ql8rVeMOnruA/s1600/OW-youtbe.png" alt="OW" /> 
 YouTube 
 </a> 
 </div> 
      
 <div data-navid="om-nav2" class="tile-bt solid-darkblue shadow-blue margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8C6jj14VVk4aDaGzfefk8W4fOkPofy9oGxSrqlwWMtmzG62cwwKEP-8ivTR953x4-Q7QXL-Jz4aGfRLUygQ3PGoC_RSPf08MYw9TfMSH8jW0zbacplhrxW2ZMpAYgqCiW_ZVxQCJxJA/s1600/OW-face.png" alt="OW" /> 
 Facebook 
 </a> 
 </div> 
      
 <div data-navid="om-nav" class="tile-bt-large solid-blue shadow-blue margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8M3q6I6aV4yKBia5P15fJwbszNp_hPl-Kwhu-bclNUAqNNtJJtI5pG9oYdQ1CLZSgD5r68ya5xq4XXVKBBjnmYCydCy48inpqFQIVCPVXVxjzKSnCYGd7ZpSm93EC6s6CKo_doP23qQ/s1600/OW-photo.png" alt="OW" /> 
 Photos 
 </a> 
 </div> 
      
 <div data-navid="om-nav2" class="tile-bt solid-olive shadow-green margin-5 floatleft OWMetroMenu"> 
 <a href="#" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0O_s2iBBlBkOkK1UWWzhplbniRa9ceHpfrHKFGSopi6-DF_eIRvuNfboWvK6UBoSF-9sAtweM6yw7nFGb-N3SsJDBdZInMLtpkwmIX32IpqMkjO8E4kTY0cBvPvTgMYUfx3pHelSMVw/s1600/OW-music.png" alt="OW" /> 
 Music 
 </a> 
  </div> 
      
 <div data-navid="om-nav" class="tile-bt-large solid-blue-2 shadow-blue margin-5 floatleft OWMetroMenu"> 
 <a href="http://www.otowebsite.blogspot.com" class="gradient"> 
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlROMZqDhw0A6ygpb81aH08RbegQvU-59t3GCqJebryF3IWDrN7vvnn6WSyQDZoxSvzUngqWlJQrkvFeIOO2v7EhU6CDMfdDNRvyyiHusaPIdjn6Ju9KBw4oxUr8LPcNtTYbb-SBTn3w/s1600/OW.png" alt="OW" /> 
 Oto Website 
 </a> 
 </div> 
          
   </div> 
 </blockquote>
 
Finish : Sekarang Anda dapat mempriview atau menyimpan hasilnya dan silahkan lihat bagaimana dan apakah menu ini telah berhasih Anda terapkan pada situs atau web blog Anda! 
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
Dari Meja Editor</div>
Saya harap Anda tidak mengalami kesulitan dalam tahap pemasangannya, tapi jika Anda memerlukan bantuan atau kesulitan untuk <a href="http://otowebsite.blogspot.com/2013/01/membuat-metro-ui-navigation-menu-di.html">Membuat Metro UI Navigation Menu di Blogger</a> jangan sungkan untuk bertanaya, InsyaAllah saya akan secepatnya membantu Anda!

Membuat Metro UI Navigation Menu di Blogger

S elamat tahun baru 2013 semuanya! Dalam tutorial kali ini tidak ada yang berbeda dari yang sebelumnya ya itu tutorial tentang OW (Oto Webs...

Baca selengkapnya »

Avira AntiVirus Premium 2013 + HBEDV Key

<div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvW9lM6URhZSiSCH6bsVaflQjHorFi8QPeAo7AsQ-hfQeyZG_JJ-2-vvLV9j3jXpl2lW9h0rfrwiniRhb3mG3_ydM-p7rXZ7OsIxClbvQGnGJ2zhqXvfCQXyGxCoyp29JOicf7QHrROg/s1600/avira+2013.png" width="200" /></a></div>Avira AntiVirus merupakan salah satu Anti Virus yang banyak di minati dan sangat ampuh untuk mencegah dan menghilangkan lebih dari 150.000 virus. Avira AntiVirus menawarkan perlindungan yang efektif terhadap virus komputer untuk penggunaan individu dan swasta pada satu PC-workstation. Dalam rangka untuk memungkinkan operasi mudah, AntiVir Personal Edition dikembangkan ke titik-titik penting. 
 
Meskipun virus sekarang telah berkembang sangat banyak, satu hal yang tidak berubah: komitmen Avira untuk menyediakan Anda dengan perlindungan serba. Keandalan dari Anti Virus ditunjukkan dalam berbagai uji perbandingan dan referensi ditampilkan dalam jurnal buruh independen. 
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">Fitur Avira Free Antivirus 2013:</div><ul><li>Mendeteksi dan menghapus lebih dari 150.000 virus</li>
<li>Selalu di antara pemenang dari uji perbandingan ditampilkan dalam jurnal komputer</li>
<li>Pada penduduk Virus Guard berfungsi untuk memantau pergerakan file secara otomatis, misalnya men-download data dari internet</li>
<li>Scanning dan perbaikan virus makro</li>
<li>Perlindungan terhadap virus makro yang sebelumnya tidak diketahui</li>
<li>Melindungi terhadap biaya program menghasilkan dial-up</li>
<li>Perlindungan terhadap trojaner, worm, backdoors, lelucon dan program berbahaya lainnya</li>
<li>Mudah pengoperasian</li>
<li>Internet-Update Wizard untuk memperbarui mudah</li>
<li>Perlindungan terhadap virus boot record sebelumnya tidak dikenal dan virus master boot record</li>
<li>Kualitas "Made in Germany"</li>
<li>Dukungan gratis melalui AntiVir Bulletin Board</li>
</ul><style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">Apa yang Baru di Avira Free Antivirus 2013:</div><ul><li>Karantina manager: jumlah kolom telah berkurang</li>
<li>Manajer Karantina: mengirim file menggunakan HTTP</li>
<li>Sistem tray tool: menampilkan status modul pada mouse-over</li>
<li>Sistem scan terakhir: konfigurasi individu dari pesan peringatan</li>
<li>Mengganti nama "Win32 Heuristic" untuk "maju" di panel konfigurasi</li>
<li>Dukungan untuk netbook (resolusi layar)</li>
<li>Konfigurasi panel: baru tombol "Nilai Default". Tombol ini memungkinkan Anda untuk mengembalikan konfigurasi ke nilai default yang telah ditentukan</li>
<li>Folder instalasi baru dan kunci registri untuk semua produk:. "C: \ Program Files \ Avira \ AntiVir Desktop" dan "HKLM \ Software \ Avira \ AntiVir Desktop" Sekarang tidak ada perbedaan antara produk AntiVir Personal, AntiVir Premium dan Premium Security Suite lagi</li>
<li>Konfigurasi Wizard setelah setup</li>
<li>Proses perlindungan untuk proses GUI</li>
<li>File dan perlindungan folder untuk file dan folder AntiVir</li>
<li>Registry perlindungan untuk kunci AntiVir</li>
<li>Scanning file terkunci</li>
<li>Scanner: tampilan gabungan dari deteksi malware dan satu-klik penghapusan setelah di scan demand. Opsi ini dapat diatur dalam konfigurasi scanner</li>
<li>Scanner: desinfeksi sistem yang lebih baik</li>
<li>Scanner: Scan dioptimalkan pada mesin multi-prosesor</li>
<li>Penjaga: kurang overhead dalam memori</li>
<li>Penjadwal: penjadwalan pada beberapa hari dalam seminggu</li>
<li>Penjadwal: pengguna mulai dan berhenti dari pekerjaan</li>
<li>Ad-/Spyware deteksi</li>
<li>Scanner New profil "Scn untuk rootkit aktif dan malware"</li>
<li>Tidak avgntflt timeout karena diaktifkan / dinonaktifkan ProActiv lagi</li>
<li>Tidak ada ProActiv peringatan lagi karena dari beberapa tindakan</li>
<li>Email Outgoing tidak dibuang lagi dalam keadaan tertentu dan T-Online</li>
<li>Aturan Firewall · aplikasi tidak hilang di bawah Windows 2000 lagi</li>
<li>Fixed crash di AntiVir Scanner "Lukas Filewalker"</li>
<li>Koreksi konsumsi ressource dalam aplikasi Firewall</li>
<li>Koreksi MailGuard terhubung ke IMAP</li>
<li>Koreksi MailGuard untuk digunakan dengan Thunderbird 3.1</li>
</ul> 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">ScreenShot</div><div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/"><img border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFVjdGjhA3pJRN2xQe7YOqu76MNCB7CYMR-zUK9gGlYt1b2NvDmAb1r3r_Ub2voKRMenf5OIPVI49TDNH1jh7M8mTQLkpkaYXcTYQMwhHR6rRQJEN1keh2NYL_IGoA2bNCnoLLjKMI7g/s1600/av1.png" width="400" /></a></div> 
<div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0WHt6yOGFPQqaBEmMiVmdU_uu5q7ST4emsHujuR6z33QcMBpqiWORkzIdZf0wEBiB72zcme7tq4aGsg0ZESnlVqp3wB4axLtU-WLjpsKFTjPTiDg5p5y-x5WT2DwRdbd9FQQdK2SaQ/s1600/av2.png" width="400" /></a></div> 
<div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/"><img border="0" height="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLtVCzqTwg49dKi2OKVLnNxYoLVVCEX6LLrwMfBlyIiRJFgTg9cSqysvv6edmK__ZTyFkKSgacglOPvndzs9Wg-POLztW7hxgrjcNqC2NsSLFrymchXl21gPL9aUkOaTulmUniaXrIA/s1600/av3.png" width="400" /></a></div> 
Requirements: Windows 2000 / XP / Vista / Windows7 / XP64 / Vista64 / Windows7 64 
 
Supported Systems: 
<ul><li>Legacy OS support</li>
<li>Windows XP x64, Windows XP, Windows Vista x64, Windows Vista, Windows 7 x64, Windows 7, Windows 8 x64, Windows 8</li>
<li>License:</li>
<li>Freeware</li>
<li>Release Date:</li>
<li>27 September, 2012 (3 months ago)</li>
</ul>Silahkan Anda download Avira AntiVirus 2013di dalamnya sudah saya siapkan Key-nya agar menjadi full version. 
Download Avira AntiVirus Premium 2013 + HBEDV Key dengan menekan tombol di bawah ini: 
 
<div style="text-align: center;"><a class="button" href="http://adf.ly/GgypY" target="_blank">Download</a></div>

Avira AntiVirus Premium 2013 + HBEDV Key

A vira AntiVirus merupakan salah satu Anti Virus yang banyak di minati dan sangat ampuh untuk mencegah dan menghilangkan lebih dari 150.000 ...

Baca selengkapnya »

Round CSS Buttons for Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNGkyOzd_ZZodoeH0mbqQiRtoaCZEZgGxX2P5aK4Lk1P6TcPK-GTlnrxVQeroYeCGIjPmv6-sLfER1NA4F5YnmNoRcYuPpFzhjc5Yk37HKP7pu2APi0yzuEetmqNEywsVSKbwobKCAdA/s1600/Round+CSS+Buttons+for+Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNGkyOzd_ZZodoeH0mbqQiRtoaCZEZgGxX2P5aK4Lk1P6TcPK-GTlnrxVQeroYeCGIjPmv6-sLfER1NA4F5YnmNoRcYuPpFzhjc5Yk37HKP7pu2APi0yzuEetmqNEywsVSKbwobKCAdA/s1600/Round+CSS+Buttons+for+Blogger.png" /></a></div>
CSS telah menjadi bagian integral dari desain blog atau situs. CSS sangat penting sehinggga meninggalkan bekas di situs readers. Untuk mendapatkan pembaca Anda perhatian mereka adalah trik tertentu dan tweak dengan mana Anda akan dapat meninggalkan impression. 
 CSS.These telah menjadi sangat umum dan karenanya mereka tidak appealing. Jadi harus ada unsur kejutan di blog Anda. Anda harus mengandalkan linking. Buttons eksternal cara yang lebih baik daripada links, Adding teks sederhana dari tombol di blog Anda. Sekarang saya akan menampilkan metode sederhana dengan mana Anda akan dapat menambahkan tombol baru yang menarik ya itu <a href="http://otowebsite.blogspot.com/2012/12/blog-post30.html">Round CSS Buttons for Blogger</a>. <a href="http://otowebsite.blogspot.com/2012/12/blog-post30.html">Round CSS Buttons for Blogger</a> ini sendiri di rancang oleh <a href="http://www.yourpcgenie.net/" target="_blank">YourPcGenie</a>. 
Untuk cara membuat Round CSS Buttons for Blogger sangat mudah untuk.So mari kita pergi ke bagian selanjutnya tulisan ini dan mengambil semua kode yang saya berikan. 
 
Fitur : 
<ul>
<li>Tersedia dalam berbagai warna</li>
<li>kecil Coding</li>
<li>Hover Efek</li>
<li>Bevel Efek digunakan untuk mode aktif</li>
<li>CSS 3 yang digunakan (versi terbaru dari CSS)</li>
<li>Penyebab ada penundaan dalam waktu buka halaman web</li>
</ul>
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
CSS3 Round Buttons Demo</div>
 
<div style="text-align: center;">
<a class="button" href="http://otowebsite.16mb.com/Round%20CSS%20Buttons%20for%20Blogger.html" target="_blank">Live Demo</a></div>
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
Cara Membuat</div>
 
Silahkan tambahkan kode CSS berikut ke template Anda. 
 
The CSS 
 
<div class="md5">
/* Exciting Round Buttons By OtoWebsite*/ 
.excitinground{ background: rgba(0, 0, 0, .08); display: inline-block; padding: 5px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } 
.excitinground a { color: #fff; border: 1px solid rgba(0, 0, 0, .3); display: inline-block; padding: .6em 1.2em; position: relative; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); } 
 
.excitinground a.red { background: #c60000; background: linear-gradient(top, #c60000 0%, #b20000 100%); background: -moz-linear-gradient(top, #c60000 0%, #b20000 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c60000), color-stop(100%, #b20000)); background: -webkit-linear-gradient(top, #c60000 0%, #b20000 100%); } 
 
.excitinground a.orange { background: #f99015; background: linear-gradient(top, #f99015 0%, #f76c0f 100%); background: -moz-linear-gradient(top, #f99015 0%, #f76c0f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99015), color-stop(100%,#f76c0f)); background: -webkit-linear-gradient(top, #f99015 0%,#f76c0f 100%); } 
 
.excitinground a.green { background: #30a146; background: linear-gradient(top, #30a146 0%, #249334 100%); background: -moz-linear-gradient(top, #30a146 0%, #249334 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30a146), color-stop(100%, #249334)); background: -webkit-linear-gradient(top, #30a146 0%, #249334 100%); } 
 
.excitinground a.blue { background: #16a4c8; background: linear-gradient(top, #16a4c8 0%, #1086b6 100%); background: -moz-linear-gradient(top, #16a4c8 0%, #1086b6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #16a4c8), color-stop(100%, #1086b6)); background: -webkit-linear-gradient(top, #16a4c8 0%, #1086b6 100%); } 
 
.excitinground a.gray { background: #c2c2c2; background: linear-gradient(top, #c2c2c2 0%, #aeaeae 100%); background: -moz-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2c2c2), color-stop(100%, #aeaeae)); background: -webkit-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%); } 
 
.excitinground a.dark { background: #464646; background: linear-gradient(top, #464646 0%, #343434 100%); background: -moz-linear-gradient(top, #464646 0%, #343434 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #343434)); background: -webkit-linear-gradient(top, #464646 0%, #343434 100%); } 
 
.excitinground a:hover, .excitinground:hover { color: #fff; opacity: .7 }</div>
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
Menggunakan Tombol di Post Anda</div>
 
Di mana pun Anda ingin menggunakan tombol <a href="http://otowebsite.blogspot.com/2012/12/blog-post30.html">Round CSS Buttons for Blogger</a> di posting Anda pilih salah satu dari kode di bawah ini yang mungkin menarik warna Anda. Menunjukkan warna button. Anda dapat mengganti nama warna dengan teks Anda sendiri. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="Oto Website" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxneIOpyML0YtSl4JIemBP3LDO7WL5WsyMwWkuVA8KVktuGuyxgpErZ4ornwQFanz4rObtQZE5ObRaYRe1bLFDq_UwT8tcS0pYkYzWdW0WnfpgJQQLYbPzDvdvxc4xwP0EtlhTt_uzlypA/s1600/Capture.PNG" /></a></div>
 
<blockquote class="tr_bq">
<a class="red" href="YOUR LINK">YOUR TEXT</a></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="Oto Website" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOBIEvlCojlUhb5uwX6kHQS4mRpzRlFwGcqvOi22WRTov3rbwzt5BSAIfLFxkyWV2o6PMcv-hv5ocHUfAV7ES5X6Aq1nXSFaC8CVK0Ud7CWVvzXezx2cp0oYviyT82ghiCssk5UhqovC8j/s1600/Capture.PNG" /></a></div>
 
<blockquote class="tr_bq">
<a class="orange" href="YOUR LINK">YOUR TEXT</a></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="Oto Website" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYtG_Yqxlsvs28hxAu8oruWLd2dpiQLcnqymsv8gl06Ng9k4UT5BLUfEyO7lbj_wmu_7Kniey6gNXxzI50LoGjBM3Ayk4waBYsVoYdq_bT64tnmShxKtEhctfKaE-jpkk4tdQ2XTW_WhZ5/s1600/Capture.PNG" /></a></div>
 
<blockquote class="tr_bq">
<a class="green" href="YOUR LINK">YOUR TEXT</a></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="Oto Website" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1GVrJLZfpLRbnqSqRTneSfpdnoujdAqAf2CGB078W7Ol76HpCK83E-fXENqjbArNX9q8zcP03QfsvRQLHn3sljjFdMpS_CLyDi_dijgpsb8Zt2tvnD2jRbj0dF4_H15rp8bu4Jw3JywsZ/s1600/Capture.PNG" /></a></div>
 
<blockquote class="tr_bq">
<a class="blue" href="YOUR LINK">YOUR TEXT</a></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="Oto Website" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2dauJrCxRWnPxnYK1SsuHcvOGGwiuNTwhtVZYCVqSBNSygQH2XieWLO9Vn5X53SQqZ89qKWGMiF1YUEG8ugGqQc4IHrsuJA08gkiypKUtKN0vyL9egACj5fh8mxZv4Kq5GGTGCKghIgoJ/s1600/Capture.PNG" /></a></div>
 
<blockquote class="tr_bq">
<a class="gray" href="YOUR LINK">YOUR TEXT</a></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="Oto Website" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinBVrPsOrXREu-jaWPaH4texHnOdwBa_wO4Ma_pzaae-AXGg_pdEpA-2bIuv6Q3GmM9sDu4aPFosTOXTcM6RtiqSQP_2EbtaSyxc3AhriwxfK2K9cdKkaWMebsDX-4COCSqF68mCaVbRCo/s1600/Capture.PNG" /></a></div>
 
<blockquote class="tr_bq">
<a class="dark" href="YOUR LINK">YOUR TEXT</a></blockquote>
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
Customizations</div>
 
Ganti YOUR LINK dengan Anda sendiri link / url. 
Juga mengubah YOUR TEXT dengan teks yang ingin ditampilkan 
 
Saya harap tutorial tentang Round <a href="http://otowebsite.blogspot.com/2012/12/blog-post30.html">CSS Buttons for Blogger</a> berguna untuk Anda. Silahkan berbagi tutorial ini dengan berbagi posting ini dengan teman / kerabat dll dan Juga meninggalkan pandangan Anda di bawah ini dan membantu saya untuk memahami kegembiraan dan kesedihan Anda.

Round CSS Buttons for Blogger

C SS telah menjadi bagian integral dari desain blog atau situs. CSS sangat penting sehinggga meninggalkan bekas di situs readers. Untuk me...

Baca selengkapnya »

SRS Audio Sandbox.1.10.2.0 + Keygen

<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/2012/12/srs-audio-sandbox11020-keygen.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a></div>
<div>
<a href="http://otowebsite.blogspot.com/2012/12/srs-audio-sandbox11020-keygen.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg224WMIRCbdl_TdW52XG8piipyLOCwiqBKHz9nKIBHpvc6tlWLhLzH6RrhTD2rgVxGN6rYZ9rJKNLiK35aZpBgi90rtE2jmaUQqYDuAdCI30QEHREjMp7shJ1K3kNULQVY_Ul2gF23CQ/s1600/SRS+Audio+Sandbox.jpeg" /></a></div>
Apakah Anda merasa Audio atau suara PC/Laptop Anda kurang maksimal? Jika jawabannya iya dan Anda ingin meningkatkan atau memaksimalkan Audio PC/Laptop Anda maka Anda harus memiliki sebuah software yang bernama SRS Audio Sandbox yang akan saya berikan kepada anda secara free. 
Sebelumnya saya juga pernah merasa Audio laptop yang saya gunakan kurang maksimal alias kurang keras suaranya, tapi setelah menggunakan software ini kualitas Audio laptop saya menjadi lebih maksimal dan saya pun merasa cukup puas. 
 
Apa itu SRS audio sandbox? 
 
SRS Audio Sandbox adalah sebuah software tambahan yang berguna dan dapat diandalkan untuk kualitas audio. SRS Audio Sandbox memiliki interface desain ramping, surround sound bahkan dari 2 speaker yang menggunakan teknologi SRS Labs perangkat tambahan audio. Nikmati suara bass yang kaya bahkan dari speaker kecil. Program ini mencakup pengaturan khusus untuk speaker 2 atau lebih, atau headphone dan modus mini pengaturan untuk memberikan lebih banyak ruang desktop. 
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
ScreenShot</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/2012/12/srs-audio-sandbox11020-keygen.html"></a></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/2012/12/srs-audio-sandbox11020-keygen.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhznK5R6-4hmHf1mb5wQTc6UweijWeG8yyQ2R57ZSYpUsH5Bk8EB2pdMQwCcUBIMBTAEPnLP-Ny-MGWOt5N4qvSe8Sixqh1z9USnW41JXnMqkyJ1NLhjusOO948dH7Bj_4ypiAaShlFxQ/s400/2.jpg" width="400" /></a></div>
</div>
 
<div class="separator" style="clear: both; text-align: center;">
 </div>
<a href="http://otowebsite.blogspot.com/2012/12/srs-audio-sandbox11020-keygen.html" style="margin-left: 1em; margin-right: 1em;"></a> 
<div>
<a href="http://otowebsite.blogspot.com/2012/12/srs-audio-sandbox11020-keygen.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYpGcHKeUBRHZAwiW1u7EulAKKnMLPeXyB5ymJgEBOWsFjCCXCrOYb-ldDBkscj-Ad3k7-GYsVdwgXT1RUrrtPkzMZiWHvyhc0HTRsnKsDY5yO6yxWFj1Wjj7gClzbPuF0xSHh7e7C8Q/s640/1.jpg" width="640" /></a></div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/2012/12/srs-audio-sandbox11020-keygen.html" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div>
<a href="http://otowebsite.blogspot.com/2012/12/srs-audio-sandbox11020-keygen.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-S0lyKEJG4WLGwtNO2hqGx-FJ7uVKm580ePTOvqtHs1dAcHqEgkZ0yRSmgEDuqKDmIzCkQLU-fuGSxEstzimhIDv7r2L7cgubU_-U4IJ1BHM5hprmcyON4N8-q4qfuMRLAnFiq_dpcQ/s640/3.jpg" width="640" /></a></div>
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
Fitur-fitur SRS Audio Sandbox:</div>
 
1. SRS WOW HD 
Meningkatkan kinerja audio terkompresi dan terkompresi audio dengan memperluas ukuran gambar audio dalam bidang suara horizontal dan verticle dan menciptakan sebuah respon, bass mendalam kaya. Teknik yang dipatenkan di SRS WOW HD juga mengambil informasi yang hilang dalam proses pencampuran untuk menciptakan pengalaman audio yang lebih alami 
 
2. SRS TruSurround XT 
Akurat mereproduksi konten multichannel lebih dari dua speaker untuk pengalaman suara surround yang realistis 
 
3. SRS Circle Surround II 
Menciptakan multichannel surround sound dari sumber audio, termasuk mono dan stereo, ketika diputar di atas 5,1 atau 6,1 sistem speaker pemutaran 
 
4. SRS Headphone 360 – 5.1 surround 
Memberikan pengalaman lebih dari kualitas audio headphone 
 
5. SRS 3D – 3D stereo 
Peningkatan untuk mono atau stereo konten 
 
6. SRS 3D control center 
Sebuah “virtual” zoom lensa yang dinamis ekstrak dan posisi dialog di latar depan atau latar belakang campuran audio 
 
7. SRS TruBass 
Maksimalisasi bass 
 
8. SRS FOKUS 
Output speaker mengoptimalkan untuk mengimbangi dan reposisi penempatan audio 
 
9. SRS Definisi 
Memberikan suara lebih hidup dan cemerlang dengan menyorot rincian awalnya frekuensi tinggi disajikan dalam sumber audio 
 
10. SRS Dialog Clarity 
Membuat vokal lebih mudah untuk memahami lebih dari efek surround audio (untuk film dan video) 
 
SYSTEM REQUIREMENTS 
<ul>
<li>PC with Windows XP SP2, Windows Vista or Windows 7 </li>
<li>128 MB RAM </li>
<li>Sound card </li>
<li>Speaker or headphones</li>
</ul>
 
<div style="text-align: center;">
<a class="button" href="http://adf.ly/GQQnH">SRS Audio Sandbox + Keygen</a></div>

SRS Audio Sandbox.1.10.2.0 + Keygen

A pakah Anda merasa Audio atau suara PC/Laptop Anda kurang maksimal? Jika jawabannya iya dan Anda ingin meningkatkan atau memaksimalkan ...

Baca selengkapnya »

Fancy CSS3 & jQuery Lavalamp Menu For Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="http://otowebsite.blogspot.com/2012/12/fancy-css3-jquery-lavalamp-menu-for.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDbARc1aWu-m-gMTiyE6LJ_Q0W3hefSKfNZTLco8HqciCU2IP5cZTiMve6DYweq6mKvjgld1N7RnpIrR7Z-A2eajAV4Nw5c5WBl4LWNKuVcXU6flNnPvCZqG-b_lK3PXeLpl96RP-mg/s1600/lavamap.JPG" /></a></div>
Sejauh ini blog Oto Website telah berbagi bermacam-macam navigation menu yang bisa Anda lihat di label Navigation Menu pada daftar isi Oto Website, dan untuk kali ini Oto Website akan berbagi tutorial tentang navigation menu kembali tema kali ini adalah Fancy CSS3 & jQuery Lavalamp Menu For Blogger. 
 
Dan seperti yang disebutkan dalam judul di atas. menu ini bekerja dengan CSS3 dan jQuery. Anda dapat menggunakan menu ini dalam 6 warna hanya dengan mengubah sebuah kata dalam code menu. HTML menu dirancang oleh <a href="http://www.myinsidesign.com/" target="_blank">Insidesigns</a> dan <a href="http://www.helperblogger.com/" target="_blank">helperblogger</a> saya telah merubahnya agar dapat bekerja dengan sempurna pada blog blogger. Untuk mengetahui code apa saja yang di gunakan silahkan Anda lihat dan gunakan kode berikut untuk membuatnya. Disini saya akan menjelaskan cara membuatnya bukan cara memasangnya jadi saya akan meberikan Anda kode yang di gunakan untuk membuatnya, jika Anda mengalami kesulitan jangan sungkan untuk bertanya. 
 
Sebelumnya silahkan lihat terlebih dahulu demo <a href="http://otowebsite.blogspot.com/2012/12/fancy-css3-jquery-lavalamp-menu-for.html">Fancy CSS3 & jQuery Lavalamp Menu For Blogger</a> yang sudah di persiapkan agar Anda tau tampilan navigations menu kali ini! 
 
<div style="text-align: center;">
<a class="button" href="http://otowebsite.16mb.com/lavalamp-menu.html">Live Demo</a></div>
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
jQuery</div>
<blockquote class="tr_bq">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="https://otowebsite-blogspot.googlecode.com/svn/trunk/lavalamp-menu.js" type="text/javascript"></script></blockquote>
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
CSS3</div>
<blockquote class="tr_bq">
/*LAVALAMP MENU BY http://www.otowebsite.blogspot.com/ START*/ 
.lavalamp { 
position: relative; 
border: 1px solid #d6d6d6; 
background: #fff; 
padding: 15px; 
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
border-radius : 10px; 
-moz-border-radius : 10px; 
-webkit-border-radius : 10px; 
background : -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204))); 
background : -moz-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204))); 
height: 18px; 
font-family: calibri; 
} 
.magenta { 
background : rgb(190,64,120); 
background : -webkit-gradient(linear, left top, left bottom, from(rgb(190,64,120)), to(rgb(177,24,91))); 
background : -moz-gradient(linear, left top, left bottom, from(rgb(190,64,120)), to(rgb(177,24,91))); 
border: 1px solid #841144; 
} 
.cyan { 
background : rgb(64,181,197); 
background : -webkit-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(7,165,187))); 
background : -moz-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(7,165,187))); 
border: 1px solid #2f8893; 
} 
.yellow { 
background : rgb(255,199,79); 
background : -webkit-gradient(linear, left top, left bottom, from(rgb(255,199,79)), to(rgb(255,188,43))); 
background : -moz-gradient(linear, left top, left bottom, from(rgb(255,199,79)), to(rgb(255,188,43))); 
border: 1px solid #c08c1f; 
} 
.orange { 
background : rgb(255,133,64); 
background : -webkit-gradient(linear, left top, left bottom, from(rgb(255,133,64)), to(rgb(255,107,24))); 
background : -moz-gradient(linear, left top, left bottom, from(rgb(255,133,64)), to(rgb(255,107,24))); 
border: 1px solid #c04f11; 
} 
.dark { 
background : rgb(89,89,89); 
background : -webkit-gradient(linear, left top, left bottom, from(rgb(89,89,89)), to(rgb(54,54,54))); 
background : -moz-gradient(linear, left top, left bottom, from(rgb(89,89,89)), to(rgb(54,54,54))); 
border: 1px solid #272727; 
} 
.magenta li a , .cyan li a, .yellow li a , .orange li a, .dark li a{ 
color: #fff; 
text-shadow: 0 -1px 0 rgba(0,0,0,.40); 
} 
.lavalamp a { 
text-decoration: none; 
color: #262626; 
line-height: 20px; 
} 
.lavalamp ul { 
margin: 0; 
padding: 0; 
z-index: 300; 
position: absolute; 
} 
.lavalamp ul li { 
list-style: none; 
float:left; 
text-align: center; 
} 
.lavalamp ul li a { 
padding: 0 20px; 
text-align: center; 
} 
.floatr { 
position: absolute; 
top: 10px; 
z-index: 50; 
width: 70px; 
height: 30px; 
border-radius : 8px; 
-moz-border-radius : 8px; 
-webkit-border-radius : 8px; 
background : rgba(0,0,0,.20); 
-webkit-transition: all .4s ease-in-out; 
-moz-transition: all .4s ease-in-out; 
} 
/*LAVALAMP MENU BY http://www.otowebsite.blogspot.com/ END*/</blockquote>
 
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style> 
<div class="YOUR HEADLINE CLASS i.e ow">
HTML/JavaScript</div>
<blockquote class="tr_bq">
<div class="lavalamp dark"> 
<ul> 
<li class="active"><a href="">Home</a></li> 
<li><a href="#">About</a></li> 
<li><a href="#">Blog</a></li> 
<li><a href="#">Services</a></li> 
<li><a href="#">Portfolio</a></li> 
<li><a href="#">Contacts</a></li> 
<li><a href="#">Back to Article</a></li> 
<li><<a href="#">How it Works?</a></li> 
</ul> 
<div class="floatr"></div> 
</div></blockquote>

Fancy CSS3 & jQuery Lavalamp Menu For Blogger

S ejauh ini blog Oto Website telah berbagi bermacam-macam navigation menu yang bisa Anda lihat di label Navigation Menu pada daftar isi Ot...

Baca selengkapnya »

Oto Website

Tumblr Sekarang Lebih Populer Dari Pada Blog

Membuat Metro UI Navigation Menu di Blogger

Avira AntiVirus Premium 2013 + HBEDV Key

Round CSS Buttons for Blogger

SRS Audio Sandbox.1.10.2.0 + Keygen

Fancy CSS3 & jQuery Lavalamp Menu For Blogger

Entri Populer

Arsip Blog