Post Game

Cara Memperbaiki Battery Laptop yang Bocor Rusak Drop

||Mas Nirwana Blog|| ||Powered by Mas Nirwana Foundation||
||Contact us: Facebook, Twitter, G+||

Hello sobat Nirwana Blog, kali ini saya akan share sebuah tips sederhana tentang bagaimana cara  memperbaiki baterai laptop yang sudah bocor/ nge-drop. Postingan ini saya temukan disebuah blog yang menceritakan tentang pengalamannya dalam kasus memperbaiki baterai laptopnya yang sudah bocor dan ternyata berhasil. Walaupun sebenarnya tips ini digunakan untuk memperbaiki baterai hape namun ternyata bisa juga dipakai di baterai laptop (begitu penjelasan pemilik blog).

Broken Bateery

Saya pikir artikel ini cukup menarik jadi saya putuskan untuk mempostingnya kembali di Nirwana Blog siapa tahu berguna. Saya sendiri belum mencoba apakah cara ini berhasil atau tidak karena di tempat kos saya tidak ada lemari es/kulkas yang merupakan salah satu syarat yang harus dipenuhi. Jadi rencananya besok kalau sudah pulang ke Markas Pusat (Rumah Ortu maksudnya,,,hahaha) akan langsung saya coba, mudah-mudahan berhasil.

Baiklah berikut ini selengkapnya tentang bagaimana Cara Memperbaiki Battery Laptop yang Bocor/Rusak/Drop:

Alat-alat yang dibutuhkan :

1. Plastik kresek 2 buah.
2. Lemari es/Kulkas/Freezer.

 

Langkah-langkah :

1. Bungkus baterai laptop yang rusak tersebut menggunakan plastik hingga lapis 2 agar air tidak bisa menembus dan menyentuh baterai.
2. Masukkan ke dalam kulkas selama 2 jam atau lebih.
3. Setelah selesai, ambil bungkusan baterai tersebut lalu biarkan kering tapi jangan sampai terkena sinar matahari supaya suhunya bisa kembali ke suhu kamar karena ditakutkan akan terjadi kerusakan ketika baterai ditancapkan ke laptop dengan suhu yang berbeda jauh.
4. Tadaaa! Silahkan coba masukkan lagi baterai ke laptop dan lihat hasilnya.
5. Jika masih terjadi kerusakan, lebih baik segera beli baterai yang baru dan kalau bisa yang original.

Untuk kasus ini, baterai laptop yang berhasil diperbaiki adalah Toshiba L-645 sedangkan laptop saya adalah Toshiba L-510. Demikian tips singkat Cara Memperbaiki Battery Laptop yang Bocor/Rusak/Drop, mudah-mudahan bermanfaat. Good luck...!!!

Finish Read? Lets Say:

Thanks for visit us:

Go to link Download

Cara Membuat Drop Cap pada Word 2007

klik untuk memperbesar

klk gambar untuk memperbesar

klik gambar untuk memperbesar

Go to link Download

Cara Membuat Mega Drop Down Menu Dengan CSS

body, ul, li {
 font-size:14px;
 font-family:Arial, Helvetica, sans-serif;
 line-height:21px;
 text-align:left;
}

/* Navigation Bar */

#menu {
 list-style:none;
 width:940px;
 margin:30px auto 0px auto;
 height:43px;
 padding:0px 20px 0px 20px;

 /* Rounded Corners */

 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;

 /* Background color and gradients */

 background: #014464;
 background: -moz-linear-gradient(top, #0272a7, #013953);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));

 /* Borders */

 border: 1px solid #002232;

 -moz-box-shadow:inset 0px 0px 1px #edf9ff;
 -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
 box-shadow:inset 0px 0px 1px #edf9ff;
}

#menu li {
 float:left;
 text-align:center;
 position:relative;
 padding: 4px 10px 4px 10px;
 margin-right:30px;
 margin-top:7px;
 border:none;
}

#menu li:hover {
 border: 1px solid #777777;
 padding: 4px 9px 4px 9px;

 /* Background color and gradients */

 background: #F4F4F4;
 background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));

 /* Rounded corners */

 -moz-border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
 border-radius: 5px 5px 0px 0px;
}

#menu li a {
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color: #EEEEEE;
 display:block;
 outline:0;
 text-decoration:none;
 text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
 color:#161616;
 text-shadow: 1px 1px 1px #FFFFFF;
}
#menu li .drop {
 padding-right:21px;
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7XS0wWWJR0W-KogXLbpx47e_70uAUZguYxSoCmz-DqYgy8H4-q29NBEvmNaHyUQbOE4mfPfMgazDBKq22Ul8O32YBRUTBwKc1svuxH9KMLOVKc3Uo-c1LGjFYKEMSG0d_WTD6KED5L4vv/s1600/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7XS0wWWJR0W-KogXLbpx47e_70uAUZguYxSoCmz-DqYgy8H4-q29NBEvmNaHyUQbOE4mfPfMgazDBKq22Ul8O32YBRUTBwKc1svuxH9KMLOVKc3Uo-c1LGjFYKEMSG0d_WTD6KED5L4vv/s1600/drop.png") no-repeat right 7px;
}

/* Drop Down */

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
 margin:4px auto;
 float:left;
 position:absolute !important;
 left:-999em; /* Hides the drop down */
 text-align:left;
 padding:10px 5px 10px 5px;
 border:1px solid #777777;
 border-top:none;

 /* Gradient background */
 background:#F4F4F4;
 background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

 /* Rounded Corners */
 -moz-border-radius: 0px 5px 5px 5px;
 -webkit-border-radius: 0px 5px 5px 5px;
 border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
 left:-1px ;
z-index:444 !important;
    top:auto;
}

/* Columns */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
 display:inline;
 float: left;
 position: relative;
 margin-left: 5px;
 margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

/* Right alignment */

#menu .menu_right {
 float:right !important;
 margin-right:0px;
}
#menu li .align_right {
 /* Rounded Corners */
 -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#menu li:hover .align_right {
 left:auto;
 right:-1px;
 top:auto;
}

/* Drop Down Content Stylings */

#menu p, #menu h2, #menu h3, #menu div li {
 font-family:Arial, Helvetica, sans-serif;
 line-height:21px;
 font-size:12px;
 text-align:left;
 text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
 font-size:21px;
 font-weight:400;
 letter-spacing:-1px;
 margin:7px 0 14px 0;
 padding-bottom:14px;
 border-bottom:1px solid #666666;
}
#menu h3 {
 font-size:14px;
 margin:7px 0 14px 0;
 padding-bottom:7px;
 border-bottom:1px solid #888888;
}
#menu p {
 line-height:18px;
 margin:0 0 10px 0;
}

#menu li:hover div a {
 font-size:12px;
 color:#015b86;
}
#menu li:hover div a:hover {
 color:#029feb;
}
.strong {
 font-weight:bold;
}
.italic {
 font-style:italic;
}
.imgshadow {
 background:#FFFFFF;
 padding:4px;
 border:1px solid #777777;
 margin-top:5px;
 -moz-box-shadow:0px 0px 5px #666666;
 -webkit-box-shadow:0px 0px 5px #666666;
 box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
 width:auto;
 float:left;
 margin:5px 15px 5px 5px;
}
#menu li .black_box {
 background-color:#333333;
 color: #eeeeee;
 text-shadow: 1px 1px 1px #000;
 padding:4px 6px 4px 6px;

 /* Rounded Corners */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;

 /* Shadow */
 -webkit-box-shadow:inset 0 0 3px #000000;
 -moz-box-shadow:inset 0 0 3px #000000;
 box-shadow:inset 0 0 3px #000000;
}
#menu li ul {
 list-style:none;
 padding:0;
 margin:0 0 12px 0;
}
#menu li ul li {
 font-size:12px;
 line-height:24px;
 position:relative;
 text-shadow: 1px 1px 1px #ffffff;
 padding:0;
 margin:0;
 float:none;
 text-align:left;
 width:130px;
}
#menu li ul li:hover {
 background:none;
 border:none;
 padding:0;
 margin:0;
}
#menu li .greybox li {
 background:#F4F4F4;
 border:1px solid #bbbbbb;
 margin:0px 0px 4px 0px;
 padding:4px 6px 4px 6px;
 width:116px;

 /* Rounded Corners */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#menu li .greybox li:hover {
 background:#ffffff;
 border:1px solid #aaaaaa;
 padding:4px 6px 4px 6px;
 margin:0px 0px 4px 0px;
}

.tabs-inner .widget li a {
padding: 1px ;
display:block !important;
border: 1px solid  transparent !important ;
}

<div id=menu>
<li><a class=drop href=#>Home</a><!-- Begin Home Item -->
<div class=dropdown_2columns><!-- Begin 2 columns container -->
<div class=col_2>
<h2>Welcome !</h2>
</div>
<div class=col_2>
<p>Ini adalah menu denan Mega Drop Down menu. Cara membuatnya hanya menggunakan CSS tanpa JavaScript</p>            
</div>
<div class=col_2>
<h2>Cross Browser Support</h2>
</div>
<div class=col_1>
<img alt= height=48 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJzWAXlBtz18pF4lUhPsgsMyow6cUm7fRTgYVk4l0PNqEkg6oLMX3rwdbbLbs258VTrLhpohaT_GnU_imMqBBhsIPOyapsy53sk3yGJtb5Z17-pEV6lGvXR6i3q9QxVC5BbFP5pxoSfDj0/s1600/browsers.png width=125/>
</div>
<div class=col_1>
<p>Mega Drop Down Menu ini telah diuji dan berhasil untuk semua browser.</p>
</div>
</div><!-- End 2 columns container -->
</li><!-- End Home Item -->
<li><a class=drop href=#>5 Columns</a><!-- Begin 5 columns Item -->
<div class=dropdown_5columns><!-- Begin 5 columns container -->
<div class=col_5>
<h2>Ini adalah contoh untuk kolom 5</h2>
</div>
<div class=col_1>
<p class=black_box>Ganti dengan kata-kata Anda sendiri atau sebuah link.</p>
</div>
<div class=col_1>
<p>Ganti dengan kata-kata Anda sendiri atau sebuah link.</p>
</div>
<div class=col_1>
<p class=italic>Ganti dengan kata-kata Anda sendiri atau sebuah link.</p>
</div>
<div class=col_1>
<p>Ganti dengan kata-kata Anda sendiri atau sebuah link.</p>
</div>
<div class=col_1>
<p class=strong>Ganti dengan kata-kata Anda sendiri atau sebuah link.</p>
</div>
<div class=col_5>
<h2>Fitur Post Dengan Images</h2>
</div>
<div class=col_3>
<img alt= class=img_left imgshadow height=70 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggoyvje-v0hAuit-uDPhudSYEClriGsx6PFxBI9dTGl4DcX4XBMNkuI9mstpsRy1ikymaIJ3svucc8xGpaIxZgO9amJ067AcS7LCwm3pLssOI3t5K9zoDiNe2Z6sSH4_fIwCo4R7pw9-BF/s1600/01.jpg width=70/>
<p>Ganti dengan kata-kata lainnya atau sebuah link. Terserah Anda dan jangan lupa ganti gambarnya sesuaikan dengan selera Anda<a href=#>Read more...</a></p><br/>
<img alt= class=img_left imgshadow height=70 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXj4e79-wPkNt69ItRaWKHt5_30U00c5y9NLJlEEyuRrHjvxnY_JxU2NbDw5nrh-HBZAbHBI-HjT9VJVIyodfIkql0kHROev_cmcy-UzOA6zhIzimuGIS3yfLMUR0i__ZUggcpsFZRIKd/s1600/02.jpg width=70/>
<p>Ganti dengan kata-kata lainnya atau sebuah link. Terserah Anda dan jangan lupa ganti gambarnya sesuaikan dengan selera Anda<a href=#>Read more...</a></p>
</div>
<div class=col_2>
<p class=black_box>Ganti dengan kata-kata Anda sendiri atau sebuah link.</p>
</div>
</div><!-- End 5 columns container -->
</li><!-- End 5 columns Item -->
<li><a class=drop href=#>4 Columns</a><!-- Begin 4 columns Item -->
<div class=dropdown_4columns><!-- Begin 4 columns container -->
<div class=col_4>
<h2>This is a heading title</h2>
</div>
<div class=col_1>
<h3>Some Links</h3>
<ul>
<li><a href=#>ThemeForest</a></li>
<li><a href=#>GraphicRiver</a></li>
<li><a href=#>ActiveDen</a></li>
<li><a href=#>VideoHive</a></li>
<li><a href=#>3DOcean</a></li>
</ul>  
</div>
<div class=col_1>
<h3>Useful Links</h3>
<ul>
<li><a href=#>NetTuts</a></li>
<li><a href=#>VectorTuts</a></li>
<li><a href=#>PsdTuts</a></li>
<li><a href=#>PhotoTuts</a></li>
<li><a href=#>ActiveTuts</a></li>
</ul>  
</div>
<div class=col_1>
<h3>Other Stuff</h3>
<ul>
<li><a href=#>FreelanceSwitch</a></li>
<li><a href=#>Creattica</a></li>
<li><a href=#>WorkAwesome</a></li>
<li><a href=#>Mac Apps</a></li>
<li><a href=#>Web Apps</a></li>
</ul>  
</div>
<div class=col_1>
<h3>Misc</h3>
<ul>
<li><a href=#>Design</a></li>
<li><a href=#>Logo</a></li>
<li><a href=#>Flash</a></li>
<li><a href=#>Illustration</a></li>
<li><a href=#>More...</a></li>
</ul>  
</div>
</div><!-- End 4 columns container -->
</li><!-- End 4 columns Item -->
<li class=menu_right><a class=drop href=#>1 Column</a>
<div class=dropdown_1column align_right>
<div class=col_1>
<ul class=simple>
<li><a href=#>FreelanceSwitch</a></li>
<li><a href=#>Creattica</a></li>
<li><a href=#>WorkAwesome</a></li>
<li><a href=#>Mac Apps</a></li>
<li><a href=#>Web Apps</a></li>
<li><a href=#>NetTuts</a></li>
<li><a href=#>VectorTuts</a></li>
<li><a href=#>PsdTuts</a></li>
<li><a href=#>PhotoTuts</a></li>
<li><a href=#>ActiveTuts</a></li>
<li><a href=#>Design</a></li>
<li><a href=#>Logo</a></li>
<li><a href=#>Flash</a></li>
<li><a href=#>Illustration</a></li>
<li><a href=http://blazerracing.blogspot.com/>Get This Menu</a></li>
</ul>  
</div>
</div>
</li>
<li class=menu_right><a class=drop href=#>3 columns</a><!-- Begin 3 columns Item -->
<div class=dropdown_3columns align_right><!-- Begin 3 columns container -->
<div class=col_3>
<h2>Lists in Boxes</h2>
</div>
<div class=col_1>
<ul class=greybox>
<li><a href=#>FreelanceSwitch</a></li>
<li><a href=#>Creattica</a></li>
<li><a href=#>WorkAwesome</a></li>
<li><a href=#>Mac Apps</a></li>
<li><a href=#>Web Apps</a></li>
</ul>  
</div>
<div class=col_1>
<ul class=greybox>
<li><a href=#>ThemeForest</a></li>
<li><a href=#>GraphicRiver</a></li>
<li><a href=#>ActiveDen</a></li>
<li><a href=#>VideoHive</a></li>
<li><a href=#>3DOcean</a></li>
</ul>  
</div>
<div class=col_1>
<ul class=greybox>
<li><a href=#>Design</a></li>
<li><a href=#>Logo</a></li>
<li><a href=#>Flash</a></li>
<li><a href=#>Illustration</a></li>
<li><a href=#>More...</a></li>
</ul>  
</div>
<div class=col_3>
<h2>Here are some image examples</h2>
</div>
<div class=col_3>
<img alt= class=img_left imgshadow height=70 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXj4e79-wPkNt69ItRaWKHt5_30U00c5y9NLJlEEyuRrHjvxnY_JxU2NbDw5nrh-HBZAbHBI-HjT9VJVIyodfIkql0kHROev_cmcy-UzOA6zhIzimuGIS3yfLMUR0i__ZUggcpsFZRIKd/s1600/02.jpg width=70/>
<p>Ganti dengan kata-kata lainnya atau sebuah link. Terserah Anda dan jangan lupa ganti gambarnya sesuaikan dengan selera Anda<a href=#>Read more...</a></p><br/>
<img alt= class=img_left imgshadow height=70 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggoyvje-v0hAuit-uDPhudSYEClriGsx6PFxBI9dTGl4DcX4XBMNkuI9mstpsRy1ikymaIJ3svucc8xGpaIxZgO9amJ067AcS7LCwm3pLssOI3t5K9zoDiNe2Z6sSH4_fIwCo4R7pw9-BF/s1600/01.jpg width=70/>
<p>Ganti dengan kata-kata lainnya atau sebuah link. Terserah Anda dan jangan lupa ganti gambarnya sesuaikan dengan selera Anda<a href=#>Read more...</a></p>
</div>
</div><!-- End 3 columns container -->
</li><!-- End 3 columns Item -->
</div>

Go to link Download

Cara Membuat Menu Drop Down dibawah atau diatas Header

• Login terlebih dahulu ke akun blogger.com
• Klik Template => Edit HTML
• Cari kode ]]></b:skin> (untuk memudahkan mecari kodenya klick Ctrl + F ) dan letakkan kode berikut tepat Diatas kode ]]></b:skin> :

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbW_edYj755SVbpGnS836x39qeVliePeM4Pu5_v3nyuE3Xn4sqNmrL4H_n1UHQ6peLIStQv4PeP8sMdrYiNM6m8vJeLfx3Kb7MK68UbA4fgBezN7L5zVBXn6-2ckG5TA10s7TuI7Krlw0/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#0066ff;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipgOqsdjnqGKnbFc-uavDlh1WWvMzYqwt9uekO08T0OvbcZtSjxDjVWpq1503r_Xj0e92GAyPRmDSNqov1EgowLS6XWy0b1aAnbIZdQy17UT_Kymuq6TX0nbjYBJuukKH9wmXNscLwVFw/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#006DC7;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #006DC7;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

• Kode warna merah diatas silahkan sobat ubah sesuai selera sobat.
• Selanjutnya, sobat pahami kode berikut ini:
• <header>  : untuk menempatkan menu di atas nama blog
• </header> : untuk menempatkan menu di bawahnama blog
• Jika sudah, Copy kode di bawah ini dan letakkan tepat di atas kode <header> atau di bawah kode </header> :

Go to link Download

Cara Membuat Horizontal Menu Drop Down Dengan Kotak Pencarian

Sumber: Allbloggingtips

#imenu {
background: #5e5e5e; /* Old browsers */
background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 49%, #5e5e5e 51%, #777777 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(49%,#707070), color-stop(51%,#5e5e5e), color-stop(100%,#777777)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* IE10+ */
background: linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* W3C */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #fff;
border: none;
text-decoration: none;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
overflow: visible;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-appearance: none;
margin-bottom: 15px;
margin-left:0px;
}
#halfnav{float:right;}
#halfnav ul, #halfnav ul li{display:inline;list-style:none;padding:0;margin:0}
#halfnav ul li a{
display:inline-block;
margin: 5px;
font-family:Lucida Grande,Helvetica,Arial,Verdana,sans-serif;
font-size:16px;
padding: 5px;
color:#fff;
line-height:20px;
text-decoration:none;
background: #5e5e5e; /* Old browsers */
background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 49%, #5e5e5e 51%, #777777 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(49%,#707070), color-stop(51%,#5e5e5e), color-stop(100%,#777777)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* IE10+ */
background: linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* W3C */
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
border: 1px solid #666;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#halfnav ul li a:hover{border: 1px solid #222;box-shadow:inner 0 0 5px #000;-moz-box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px#000;background:#444}
#halfnav .current-menu-item a{border: 1px solid #000;}
#nav{position:relative;z-index:2000}
#nav .parent > a, #nav .parent > a:hover{background-image:url(../images/arrow.png);background-position:right;background-repeat:no-repeat}
#nav ul ul .parent > a, #nav ul ul .parent:hover > a:hover, #nav ul ul li:hover ul .parent > a, #nav ul ul li:hover ul .parent > a:hover{background-image:url(../images/arrow-right.png);background-position:right;background-repeat:no-repeat}
#nav ul, #nav ul li{display:inline;list-style:none;padding:0;margin:0}
#nav ul li a{display:inline-block;font-family:Lucida Grande,Helvetica,Arial,Verdana,sans-serif;font-size:14px;color:#fff;line-height:36px;text-decoration:none;text-shadow:1px 1px 1px #333;padding:0 15px;margin-left:-4px;border-right:#777 1px solid}
#nav ul li a:hover{box-shadow:inner 0 0 5px #000;-moz-box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px#000;background:#444}
#nav .current-menu-item a{color:#ccc;}
#nav .current-menu-item .sub-menu a{color:#fff;text-shadow:1px 1px 1px #333}
#nav .menu > li:first-child a:hover{border-radius:0}
#nav .menu .sub-menu li a:hover{border-radius:0}
#nav ul li{position:relative}
#nav li ul{display:none;position:absolute;top:27px;left:7px}
#nav li ul a{background:#555}
#nav ul ul li:hover ul, #nav ul ul ul li:hover ul{left:0;margin:-37px 0 11px 180px}
#nav ul li:hover ul{display:inline-block}
#nav ul ul, #nav ul li:hover ul ul, #nav ul ul li:hover ul ul{display:none}
#nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul{display:block}
#nav ul li:hover ul li a, #nav ul ul li:hover ul li a, #nav ul ul ul li:hover ul li a{border:#777 1px solid;margin:-1px 0 0 -11px}
#nav ul li:hover ul li a{width:150px;padding:0 14px}
#nav ul ul li:hover ul li a{width:150px;padding:0 14px;background-color:#888}
#nav ul ul ul li:hover ul li a{width:150px;padding:0 14px;background-color:#aaa}
#nav .children {z-index: 4000;}
#home {float: left;border-right:#777 1px solid;margin-right:4px;margin-left:15px; height: 36px;}
#home a:hover{opacity: .5}
#nohome {float: left; margin-right:4px;margin-left:5px; height: 35px;}
.searchform {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
width: 160px;
padding: 0;
margin: 7px 5px 5px 10px;
height: 20px;
box-shadow:inset 0 0 1px #222;
background: #fff;
float: right;
margin-right: 20px;
}
.center .searchform {float:none;}
#morefoot .searchform {float:left;}
.searchform .s{
margin:0;
border: none;
margin: 3px 2px 2px 20px;
font-size: 12px;
height: 14px;
width: 130px;
color: #333;
overflow: hidden;
}
#magnify {float:left;position:absolute;margin: 2px 0 0 5px;}
#magnify {margin: 0 0 0 5px}
.searchform .s:focus {outline:0; border:none;}
.searchform .searchsubmit {display:none;}
.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
/* To fix the grid into a certain size, set max-width to width */
.row .row { min-width: 0; }
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
.column:first-child, .columns:first-child { margin-left: 0; }
[class*="column"] + [class*="column"]:last-child { float: right; }
.row .three { width: 21.679%; }
.row .nine { width: 73.9%; }
.row .ten { width: 82.6%; }
.row .twelve { width: 100%; }

<div class="container">
<div class="row">
<div class="twelve columns" id="imenu">
<div id="nav" class="nine columns">
<div id="home"><a href="http://marvblues.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDqrYdfpJRqWF6DzYbfpqxS-rExvN14n2lCwM7V2zLGstp5XQrKGBqfO_ePDB_g51TotZ9ak69l6oktlRbDJlgDSzC74RSQ5CTN5AmwxeKHEVT7c112Oqxg2oKQl_e4ZcvCHCAfI4RwY9D/s320/home.png" alt="home"></a></div>
<ul id="nav_menu">
<li><a href="#">Tutorials</a>
<ul>
<li><a href="#">HTML / CSS</a></li>
<li><a href="#">JS / jQuery</a>
<ul>
<li><a href="#">jQuery</a></li>
<li><a href="#">JS</a></li>
</ul>
</li>
<li><a href="#">PHP</a></li>
<li><a href="#">MySQL</a></li>
<li><a href="#">XSLT</a></li>
<li><a href="#">Ajax</a></li>
</ul>
</li>
<li><a href="#">Resources</a>
<ul>
<li><a href="#">By category</a>
<ul>
<li><a href="#">PHP</a></li>
<li><a href="#">MySQL</a></li>
<li><a href="#">XSLT</a></li>
<li><a href="#">Ajax</a></li>
</ul>
</li>
<li><a href="#">By tag name</a>
<ul>
<li><a href="#">captcha</a></li>
<li><a href="#">gallery</a></li>
<li><a href="#">animation</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="http://www.allbloggingtips.com">Go Back To The Tutorial</a></li>
</ul> </div>
<div class="three columns">
<form method="get" class="searchform" action="http://marvblues.com/">
<div id="magnify"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlyjTGS1NbimRPNycvF-LmlhlymhQgRYgqwdsXmioV9hB34q_lwyvW4Nb8oEI_u1FFVbC-2zIn6Um0Oww3r1Nwwxy0KSM37C5VhRpmCyXpHu1YW8b7AcYVy66oYZ089NqYwGmzjavSMiJ/s320/magnify.png" alt="magnify"></div>
<div><input name="s" class="s" value="Search" id="searchsubmit" onfocus="if (this.value == Search) this.value = ;" type="text"></div>
<div><input class="searchsubmit" value="" type="submit"></div>
</form> </div>
</div>
</div>
</div>

Go to link Download