Begini cara paling mudah download video youtube di Android dan PC dalam format video mp4, m4v, mov, avi, flv, mpg, maupun wmv. Dan dalam format audio seperti mp3, aac, ogg, m4a, wma, flac, ataupun wav.

Terkadang, kita menemui video-video di YouTube yang menarik. Ingin rasanya menyimpan video tersebut dengan berbagai alasan: misalnya karena memang ingin disimpan, ingin melihat kembali video tersebut susatu saat tanpa perlu kuota, atau kebutuhan akan tugas. Tapi ingat ya, jangan sampai video tersebut disalahgunakan seperti pelanggaran hak cipta.

Atau kita hanya ingin mendengarkan suara dari video saja, seperti video lagu dan musik. Percuma dong, kalau mendownload dalam format video karena akan memakan ukuran yang besar. Maka, ada triknya nih kamu bisa download dalam format audio/suara saja, seperti mp3, aac, ogg, m4a, wma, flac, ataupun wav.

Penasaran? Langsung saja simak caranya berikut!

Cara Download Video YouTube

1. Cari dan pilih video youtube yang mau kamu download. Copy link video tersebut.
   
   
   
2. Buka situs youtube downloader dengan mengklik Online Video Converter.
3. Paste/taruh link yang telah kamu copy tadi ke kolom dengan tulisan 'Paste link here.."
   
   
4. Pilih format yang kamu mau. Terserah mau format audio atau video. Kami sarankan pilih format m4v untuk video dan mp3 untuk audio.
   
   
5. Klik 'START >'
6. Tunggu prosesnya, sekitar 10 detik.
7. Klik Download.
   
   
8. Selesai!
   
   

Sejauh ini, Facebook & Google adalah situs besar didunia maya. Tapi mengapa kadangkala kedua situs tersebut mengalami masalah SSL Error ( kalau tidak salah SSL Error itu Error sama sertifikat webnya, klo ga salah sih yang HTTPS aja ). Nah, mengapa bisa begitu? Ada alasan kuat dibawah ini.

Ketika sobat mengisi Guestbook (di sini Cbox) coba tulis sesuatu secara terus menerus, pasti dibatasi. Kalau tidak salah batasnya 200 karakter. Nah, ada trik untuk mengatur batasannya, atau bahkan membuat tidak terbatas. Trik ini tidak dapat dilakukan di script CBOX pada blogger, hanya bisa saat menggunakannya. Berikut triknya,

1.  Kunjungi Guestbook dari Cbox (karena yang lain belum saya coba) di suatu blog

2.  Pada inputbox message, klik kanan > Inspect Element / Periksa Element






















3.  Cari kode berikut (Sebenarnya otomatis sudah terblok):

<input type="text" maxlength="200" name="pst" autocomplete="off" size="9" value="message" class="frmtb" onfocus="frmfocus(this, 'message')" onblur="frmblur(this, 'message')" style="width: 164px;"> 

Ganti angka berwarna merah, klik 2 kali pada Maxlength="200" terserah sobat mau berapa. Atau supaya tidak terbatas, hapus saja script "Maxlength="200"-nya...

4.  Klik tombol silang di pojok kanan atas dan lihat hasilnya!


Cukup sekian tutorial singkat ini, semoga bermanfaat.
*Doakan saya yang sedang UN yah sob :)

Ini merupakan salah satu contoh
Hover Css Box Shadow. Cobalah
sobat sentuh teks ini dan lihat hasilnya!

Coba Sobat sentuh teks ini dengan pointer dan lihat hasilnya!

Sebelumnya BlogSeno.com telah memberikan Tutorial Cara Membuat Form Search Keren. Nah, kali ini saya akan membahas Tutorial yang sama dengan artikel tersebut, tetapi yang ini Versi 2. Sama seperti form search yang ada pada blog ini sekarang (28/11/12). Menurut saya yang ini lebih rapi dan bagus. Form search V.2 ini merupakan hasil editan dari yang V.1. Jika ingin mencoba yang form search V.1 bisa klik disini.

1. Langkahnya sama dengan Tutorial yang versi satu, hanya script saja yang  berbeda. Copy kode di bawah ini ke Widget HTML/pada Navbar melalui HTML edit (Disarankan)

<div id='search-nav'>
  <form action='http://bloganda.blogspot.com/search'>
  <input class='text' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search...&apos;;}' onfocus='if (this.value == &apos;Search...&apos;) {this.value = &apos;&apos;;}' size='30' type='text' value='Search...'/>
  <input alt='Search' id='searchsubmit' src='http://cdn1.iconfinder.com/data/icons/KDE_Crystal_Diamond_2.5_Classical_Mod/22x22/actions/find.png' type='image' value=''/>
  </form>
</div>  

 2. Lalu taruh kode berikut di bawah kode ]]></b:skin> 

<style> #search-nav {
float: right;
background: white;
border: 1px solid black;float: left;
background: white;
border: 1px solid black;
margin-left: 24px;
}
#search-nav .text {
margin-bottom: 2px;
margin-left: 5px;
}
#search-nav input {
background: transparent;
border: none;
color: black;
width: 180px;
height: 15px;
margin-top: 2px;
margin-bottom: 2px;
}
#search-nav #searchsubmit {
width: auto;
height: 17px;
margin-bottom: -1px;
} </style>

3. Simpan dan lihat hasilnya! Semoga berhasil :)

Apa itu border radius? Kalau border, pasti sobat tahu kan? Nah, hampir mirip dengan border itu. Border radius merupakan salah satu script CSS. Sedangkam fungsinya yaitu membuat lengkungan pada suatu item Html. Contohnnya, widget blog. Bentuknya kotak, tetapi apabila ditambahi border radius maka pada ujung-ujung kotak widget tersebut akan berubah. Berikut script Border-radius.

#nama id widget/yang lainnya {
border-radius:10px;}

Coba perhatikan pada script berwarna merah. Ya, itulah script border radius. Dari script tersebut, maka hasilnya seperti ini.


Alihkan perhatian ke setiap sudut kotak diatas. Sudut-sudut tersebut tidak lancip, benar kan? Sedikit tumpul. Jumlah ketumpulan tersbut adalah 10px. Jika sobat menambahi nilai 10px menjadi lebih tinggi maka setiap sudut akan semakin tumpul.

Ketumpulan pada SATU (1) sudut saja

Pada gambar diatas, semua sudutnya tumpul. Tetapi, bagaimana caranya agar hanya 1, 2, / 3 sudut saja yang tumpul? Lihat caranya di bawah ini!

Perhatikan.

1. border-top-right-radius: 0px;
2. border-top-left-radius: 10px;
3. border-bottom-left-radius: 0px;
4. border-bottom-right-radius: 10px;

border-radius: 0px 10px 0px 10px 

Contoh:

1. border-radius: 10px 0px 10px 0px;

Maka hasilnya:



Selanjutnya coba-coba saja dari keempat angka tersebut dan lihat hasilnya. Ok cukup sampai di sini, semoga bermanfaat.

1 link 2 tujuan maksudnya adalah, dalam 1 buah link, maka web yang dituju ada 2. 1 link 2 tujuan sangat berguna untuk menghemat lahan web. Bisa juga untuk link adsense (Cara curang) Tetapi lebih bak jangan melakukan cara ini untuk link adsense, karena itu adalah penipuan. Ok, sobat, langsung saja.

Caranya sangat sederhana. Perhatikan script di bawah ini!

<a onclick="window.open('http://blogseno.com');window.open('http://facebook.com')" href="javascript:void(0)">Klik Disini untuk menuju ke Facebook dan BlogSeno</a>

 NB:Teks berwarna merah adalah tampilannya, ganti saja. Sedangkan yanag Hijau adalah link tujuannya. Silahkan diganti :)

Maka hasilnya:

Klik Disini

Gampang kan? Selamat mencoba dan semoga bermanfaat :)

 Fan page facebook itu apa sih? Fan page facebook itu adalah sebuah halaman website di facebook untuk para penggemar web tersebut (gak juga sih..). Seperti punya Author, kalau sempet like ya. Pada Fan page ini kita bisa nulis status seperti halnya di beranda facebook. Nah, kalau sobat mau membuatnya, yang penting sobat harus punya halaman Fan page di facebook.

    1.  Siapkan 1 halaman Fan page web/blog sobat, copy linknya.

    2.  Masuk ke halaman ini: http://developers.facebook.com/docs/reference/plugins/like-box/

    3.  Nah, muncul halaman pembuatnya. Pada Facebook page Url pastekan link Fan Page sobat. Di bawahnya ada seting-setingan lainnya. uncheck "Show stream" untuk menghemat tempat (Dicentang juga nggak apa").

    4.  Selanjtunya, klik "Get code" > Iframe > copas kode yang tersedia ke widget di blogger.

    5.  Selesai.

Gampangkan? Semoga bermanfaat!
Oh ya jangan lupa di like ya :) http://www.facebook.com/pages/BlogSeno/386134944741519?ref=hl 

Mivo.tv merupakan website yang menyediakan tv online gratiss. Mivo.tv menyediakan chanel" dari indonesia ( Tv Nasional) yaitu Trans 7, Trans Tv Spacetoon, Indosiar, Antv, Sctv, Lunar Tv, TvOne, dan Daai Tv. Nah, apabila sobat tertarik untuk memasang tv Mivo tersebut di blog sobat ( embed ), Ada caranya yang amat mudah, dan simple. Lihat di bawah ini.

    1. Masuk ke Akun blogger sobat

    2. Masuk ke Tab posting dan klik Edit Halaman ( bila ingin di taruh di page )

    3. Selanjutnya, pada setting HTML, masukan kode berikut.

<embed align="top" allowfullscreen="true" allowscriptaccess="always" bgcolor="#ffffff" devicefont="false" height="908" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" src="http://id.imediabiz.com/MivoTV.swf?r=26539" type="application/x-shockwave-flash" width="610" wmode="transparent"></embed>

    4. Simpan dan lihat hasilnya!

Semoga bermanfaat sob~! Keep Support, ok? 

       

Widget translate digunakan untuk menerjemah blog kita. Google translate contohnya. Google translate disediakan oleh google untuk website/blog. Namun bentuknya cuma menu dropdown, terlalu simple, bener kan? :) . Kalau di blog saya ini bentuknya berbentuk berbagai bendera. Jadi unik. Nah, kalau sobat juga pengen pasang, ikuti langkah di bawah ini ^_^ .

    1.  Login ke akun blogger sobat.

    2.  Masuk ke menu Rancangan

    3.  Klik Tambah Gadget dan pilih HTML/JavaScript 

    4.  Tambahkan kode dibawah ini

<center>
<style></style>
<div>
<a class="google_translate" href="" target="blank" rel="nofollow" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKGtATxkSaP4iAlgcg-EPgU4Zi_mtd1y_7LVCJb7-pK2FZRpDJ-qvYIxKfvOowlFILQmGyM6RrRZURUNUhzJtCNTPPAxwzsegPiq1mLQDLMKQUBOQ54pyunUoLIyZwLAGcqqx4RQ-zTUY/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cen&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnfObWqQuWZuEc96a_boflLt5kcsvCNRL_sv_eGogLv-NbJHIcWb1MGBEu7nlVJa3Ocax0pQLHunIXv3J6NPcJR53e9GGiC6yWSW_0rUgDUY35Bve6-kwfsS0Q6KOL_tZTzfWDBx12xs4/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cfr&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtGnfo7AwaYJzhQxwqZ8uWIWYEDtb1wrPqV6t9oJgUAdifjMW4jtPACPHuSDqXcuHegRQCd_vHYRdfNp0tJfKjva7JunQpbuNukXIcjq23vSYOzOmn6Zxu_vEbh9hRr0i5PfZ8YfTpegeP/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cde&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgGwEs3ZanV8DKWuuVuKoklK2m5NJHC6C0LGb-wF0SIjQFPWYxDSd7CBp-ydtLDoq39mdMLkoUp1xmXTY_5cvc0tH-1ACVJ44RcxdGDP1P8-Rn9zAu1jbhar1oOkA0-j2Wj-1uSsLNWhUI/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7ces&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJugYKcsZk_WUXgUt29owP9Tnq7Txj37Xw1gxcq96J15tJPPerzklG0LVaGcsdp3YKflCgzguEMLwPdVAT1568n7xA-mlJD0tUHUTHhuSgjIv2nKXfWLap_5RflrSRnCPEzhLoXdfeXrw/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cru&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGXR7TQ40YmbncYf8roiqBPNe1pP_f9wgJTKyibH8rLUPI063pLb6NTEZFGh5H2rd_2ZiqqBnJv22Zm-dx-ZVREyJ2gUewXG_v_BTHxO30Kvkc3pqsTC-szyBOmHgil5BnlNzjLLpPQNe_/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cja&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr4rbtH9txX-AMFJQp_lt4lU-VZxmiJLg3n1MkKrFr6OgJzK8Qh3OqJMaK8Hr-HfSB1Mz4HI_4KYUNSTF0WWm-ZRyL_LSdIKFERuYf14R_QYA8cBBBJf_QvTXr8bYTV4WkKJKBNDQ5YzE/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7car&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihQObCrjtov-LzeYqF5BQldfkg5C61wtFFBumc-SdbFdzKDMnSZzWuwR_EIVk1xGthA7rUq80dnWyqcj1qhVD0EB7dhdC5g9WyCgwe2XY5VY-GCrM8OYd2BkDgpK9Vm9n_RZT4DI17_g8/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7czh-cn&amp;hl=en'); return false;" /></a></div></center>

    5.  Selanjutnya klik Simpan, dan lihat hasilnya.

Semoga bermanfaat :)

Sebelumnya, maaf karena lama sekali tidak update. Hal ini dikarenakan saya mulai malas ngeblog dan kebanyakan main game online. Yeaah, ngeliat blogku sepi~ Kasihan sekali~ Jadi InsyaAllah mulai hari ini akan terus update, min seminggu. Jadi, tetap setia pada blog ini ya :) !.

Sebelumnya sudah dijelaskan cara membuat menu navigasi dropdown. Ya, menu yang bila disentuh kursor akan ada menu yang turun dibawahnya. Untuk memperbagus menu navigasi dropdown, sobat bisa nambahin gambar tepat di samping menu. Seperti yang ada di blog ini. Lihat di menu home, ada gambar rumah kan disamping kanannya? Lalu, bila sobat menyentuh menu kategori maka menu yang turun seperti menu home. Cara menambahkan image mudah kok. Sebenarnya, asal bisa bahasa HTML, mudah sekali membuatnya tanpa lihat tutor.



Caranya seperti ini: pada code "<a href="Target"> Title</a>" perhatikan teks merah. Nah, di samping kanan teks tersebut kita beri code HTML image. Yaitu <img></img>. Jadi, tambahkan script img di samping teks merah. Contoh: "<a href="Target"><img src="Link gambar"/> Title</a>". Pada teks link gambar ganti dengan link gambar sesukamu. Untuk menari icon buat gambar tsb yang bagus, bisa dicari di web ini: http://findicons.com. Mudah kan?

Bagi yang masih belum mengerti, bisa copasdit (Copy-Paste-Edit) code berikut.

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='http://blogseno.blogspot.com'><img src='http://png-3.findicons.com/files//icons/88/mac/128/home.png' width='13px'/> Home</a></li>
<li><a href='#'>Kategori</a>
<ul>
 <li><a href='http://blogseno.blogspot.com/search/label/tutorial'><img src='http://png-3.findicons.com/files//icons/577/refresh_cl/48/tutorial.png' width='15px'/> Tutorial</a></li>
 <li><a href='http://blogseno.blogspot.com/search/label/tutorial%20blog'><img src='http://png-4.findicons.com/files//icons/1594/social_media_icons_2_0/128/blogger.png' width='15px'/> Tutorial Blog</a></li>
 <li><a href='http://blogseno.blogspot.com/search/label/informasi'><img src='http://png-5.findicons.com/files//icons/1197/agua/128/get_info.png' width='15px'/> Informasi</a></li>
 <li><a href='http://blogseno.blogspot.com/search/label/download'><img src='http://png-5.findicons.com/files//icons/1014/ivista/128/download_file.png' width='15px'/> Downloads</a></li>
 <li><a href='http://blogseno.blogspot.com/search/label/Game'><img src='http://png-3.findicons.com/files//icons/1786/oxygen_refit/128/input_gaming.png' width='15px'/> Game</a></li>
 <li><a href='http://blogseno.blogspot.com/search/label/resep'><img src='http://png-2.findicons.com/files//icons/72/harmonia_pastelis/128/hp_folder_recipe.png' width='15px'/> Resep</a></li>
 <li><a href='http://blogseno.blogspot.com/search/label/cheat%2Fhack'><img src='http://png-5.findicons.com/files//icons/2284/sista/59/hacks.png' width='15px'/> Cheat</a></li>
</ul>
</li>
<li><a href='#'>Tool</a>
<ul>
<li><a href='http://blogseno.blogspot.com/p/color-generator-digunakan-untuk-mencari.html'><img src='http://png-2.findicons.com/files//icons/1786/oxygen_refit/128/gtk_color_picker.png' width='15px'/> Color Generator</a></li>
<li><a href='http://blogseno.blogspot.com/p/parse-html.html'><img src='http://png-1.findicons.com/files//icons/1657/lha_objects/128/filetype_html.png' width='15px'/> Parse HTML</a></li>
<li><a href='http://blogseno.blogspot.com/p/cek-status-internet.html'><img src='http://png-4.findicons.com/files//icons/753/gnome_desktop/64/hyperlink_internet_search.png' width='15px'/> Cek Status Internet</a></li>
</ul>
</li>
<li><a href='#'>Profile</a>
<ul>
<li><a href='http://blogseno.blogspot.com/p/contact-me.html'><img src='http://png-1.findicons.com/files//icons/756/ginux/64/e_mail.png' width='15px'/> Contact Me</a></li>
<li><a href='http://blogseno.blogspot.com/2010/04/about-me.html'><img src='http://png-5.findicons.com/files//icons/944/blogging/128/about_me.png' width='15px'/> About Me</a></li>
</ul>
</li>
<li><a href='#'>Friends</a>
<ul>
<li><a href='http://blogseno.blogspot.com/p/banner-sahabat.html'><img src='http://png-5.findicons.com/files//icons/1696/once/48/friends.png' width='15px'/> Banner friends</a></li>
<li><a href='http://blogseno.blogspot.com/p/link-friends.html'><img src='http://png-5.findicons.com/files//icons/1696/once/48/friends.png' width='15px'/> Link Friends</a></li>
</ul>
</li>
<li><a href='http://blogseno.blogspot.com/p/search.html'>Search</a></li>
</ul>
</div></div>

Stylenya (taruh di bawah code ]]></b:skin>:

/* Menu Horizontal Dropdown */
#menuwrapperpic {background:#000 ;width:100%;margin:0 auto;padding:0 auto;}
#menuwrapper {width:100%;margin:0 auto;height:34px;}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#menubar {width:100%;}
#menubar, #menubar ul {padding: 0;margin: 0;list-style: none;font-family:&#39;Arial&#39;, serif;}
#menubar a {display: block;text-decoration: none;padding: 9px 10px 8px 10px;font:bold 13px/15px Arial,serif; text-decoration:none;color: #fff;border-right:1px solid #444}
#menubar a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk3n7217yOcTzADcpN4Ts1V79j2sFaMsKEOau22I4PTVXEOMo_oYZQG7k7qGenPT6KFj6tDa-3k3xJJ_10NiOHD0TkC-N-QFHEzJoOCrjcc5ZPL_3qEXYXxNHGtBMkfugGpB_RinMigTZd/ s1600/arrow_black_bottom.gif);background-repeat: no-repeat;background-position: right center; padding: 9px 20px 8px 20px;}
#menubar li {float: left;position: relative;}
/* hide from IE mac \*/
#menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */
#menubar li ul, #menubar ul li {width:170px;}
#menubar ul li a {text-align:left;color: #fff;padding: 8px 13px;font-size: 13px;font-weight:normal;text-transform:none;font-family:Arial;border:1px solid #444;}
#menubar li ul {z-index:100;position: absolute;display: none;background:#000;}
#menubar li ul {-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 rgba(0, 0, 0, 0.6);}
#menubar li:hover a, #menubar a:active, #menubar a:focus, #menubar li.hvr a{background-color:#f4f4f4;color: #000;text-decoration:none;border-top:1px solid #ccc;}
#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 { display:block; font-size: 1px; height: 0px; line-height: 0px; margin:0px 0; }
#menubar ul a:hover {background-color: #fff!important;color: #000 !important;text-decoration:none;}
#menubar li.selected a, #menubar li.selected a:visited {border-right:1px solid #444}
#menubar li.selected a:hover {background:none;color:#F7D528;}

Kalau nggak ngerti, comment aja. Oh ya, disini ada yang main DarkOrbit?
Selamat mencoba...

Menu navigasi adalah, sebuah menu yang berada dibawah/diatas header (Biasanya) yang berguna untuk menuju kesuatu link. Pasti sobat" disini sudah tidak asing lagi kan? Soalnya hampir disetiap blog ada navigasinya atau mungkin semuanya ada. Kalau memang sudah tidak asing, bagaimana dengan yang dropdown? Masih sedikit asing kan? Langsung aja keinti. Disini saya mau kasih Tutor cara membuat menu navigasi dropdown.

    1. Login keAkun blogger sobat.

    2. Copas kode dibawah ini dibawah code <div id="outer-wrapper"> / dimana saja.

<div id='menu'>
<ul id='menu'>
<li><a href="#">About Me</a>
<ul>
 <li><a href="#">Saya</a></li>
 <li><a href="#">Sejarah blog ini</a></li>
 </ul>
</li>
<li><a href="#">Contact</a>
 <ul>
 <li><a href="#">Facebook</a></li>
 <li><a href="#">Twitter</a></li>
 <li><a href="#">Mail</a></li>
 </ul>
</li>
<li><a href="#">Tutorial</a>
 <ul>
 <li><a href="#">Tutorial</a></li>
 <li><a href="#">Tutorial Blog</a></li>
 </ul>
</li>
<li><a href="#">Informasi/Berita</a>
<ul>
 <li><a href="#">Politik</a></li>
 <li><a href="#">Peristiwa</a></li>
 <li><a href="#">News</a></li>
 </ul>
</li>
<li><a href="#">Resep</a>
<ul>
 <li><a href="#">Kueh</a></li>
 <li><a href="#">Sop</a></li>
 <li><a href="#">Daging</a></li>
 </ul>
</li>
<li><a href="#">Game</a>
<ul>
 <li><a href="#">Lostsaga</a></li>
 <li><a href="#">Point Blank</a></li>
 <li><a href="#">Godswar</a></li>
 </ul>
</li>
<li><a href="#">Download</a>
<ul>
 <li><a href="#">Antivirus</a></li>
 <li><a href="#">Microsoft</a></li>
 <li><a href="#">Office</a></li>
 </ul>
</li>
<li><a href="#">Cheat</a>
<ul>
 <li><a href="#">Lostsaga</a></li>
 <li><a href="#">PB</a></li>
 <li><a href="#">Grandchase</a></li>
 </ul>
</li>
</ul>
</div>

NB: Ganti kode "#" dengan link sobat, ganti teks merah dengan judul tampilan link/apa saja. Teks hijau merupakan judul menu dropdown, bisa diganti.


    3. Lalu cari kode ]]></b:skin> lalu letakan kode dibawah ini tepat diatas kode  ]]></b:skin>

#menu ul {
font-family: Arial, Verdana;
font-size: 14px;
margin: 0;
padding: 0;
list-style: none;
}
#menu ul li {
float: left;
display: block;
}
#menu li ul {
display: none;
}
#menu ul li a {
display: block;
text-decoration: none;
color: #fff;
padding:5px 15px 5px 15px;
background:#ccc;
margin:1px;
white-space: nowrap;
}
#menu ul li a:hover {
background:#000;
}
#menu li:hover ul {
display: block;
position: absolute;
}
#menu li:hover li {
float: none;
font-size: 14px;

    5. Simpan dan lihat hasilnya.

Apabila ada kesalahan, harap comment. Selamat mencoba :)

Setelah mengikuti kontes Seo, saya jadi jarang nulis post. Dari pada ngga ngapa-ngapain, saya post aja Tips menuis artikel. Kalau blog ngga ada artikelnya, KEBANGETAN. hehe.... Iya kan? Umumnya blog digunakan untuk menulis-nulis, tapi kalau ngga ada tulisannya gimana tuh? Tips ini saya lakukan sendiri dan ada hasilnya. Langsung aja yuk, berikut tipsnya.

• Pada pertama-tama post, berbasa-basilah terlebih dahulu.
• Pilih topik, jangan asal-asalan. Ada beberapa topik: Tutorial, Tips Trik, informasi, dll.
• Teks penulisan harus benar. Seperti bila setelah titik (.) maka huruf selanjutnya yang bagian pertama besar. contoh: Namaku Dian. Aku tinggal di-Indonesia. Penulisan benar, tidak ada yang salah. contoh: Nmaku Dian (salah), Namaku Dian (benar). Pada huruf pertama, hurufnya besar. dll. 
• Jelaskan apa yang akan kita lakukan dipostingan itu pada pertama-tama post.
• Cek ulang setelah selesai menulis.
• Isi artikel jangan pendek-pendek.
• Isi artikel yang jelas.
• Tidak Copas alias Original :)
• Tinggalkan pesan setelah menulis. Contoh: "Semoga bermanfaat"

Lagi keabisan ide nih.... Jadi saya post aja Trik notepad. Dari trik ini, sobat bisa menjahilkan teman sobat. Dan dijamin, bikin stress! Peringatan penting: Jangan coba-coba membuka filenya! nanti anda sendiri yang stress! 

@echo off
:Awal
msg * Computer error!
msg * Komputer lu rusak
msg * Ganti aja!
msg * Cepet!
msg * Kalau ngga cepet lo dijamin stress ngeliat pesan ini!!
Goto Awal          

Simpan dengan Extensi .bat

    2. Membuat komputer ShutDown secara paksa.

@echo off
msg * Computer ini akan segera shutdown!!
shutdown.exe -s -c "Shutdown tidak bisa dihentikan!!!" 

Simpan dengan Extensi .bat

    3. Membuat capslock terus menyala

Set wshShell =wscript.CreateObject(“WScript.Shell”)dowscript.sleep 100wshshell.sendkeys “{CAPSLOCK}”loop

Simpan dengan Extensi .vbs

Nah, cukup 3 aja deh :). Kalau sobat terkena beginian, bisa dihentikan oleh Task Manager.
Peringatan penting: Jangan salah gunakan informasi ini, ini hanya pengetahuan.

Bagi sobat" yang menggunakan chrome namun search enginenya bukan google atau yang ingin sobat inginkan, saya akan memberi tahukan cara mengubah Search enginenya. Terkadang apabila kita meng-Install game"/Software,  akan ada penginstallan search engine secara otomatis. Inilah yang paling saya sebalkan. MyPlayCity contohnya. Kalau saya Donlot game dari situ, biasanya kita disuruh memilih install search engine MyPlayCity / tidak. kalau ngga memperhatikan, asal Next-next aja bisa keinstall. langsung aja ke Inti deh..

Bagi sobat blogger yang ingin mengcopas/print layar komputer (bukan komputernya yang dicopas/print :), caranya mudah sekali. Tetapi, sebelum saya kasih tutornya, apa sih manfaat copas layar? hehe.. saya jawab ini deh, kita bisa memberikan tutor dengan gambar tanpa memakai potret-potret. Jadi full layar kita copas. dan mengcopas layar tanpa pakai memotret. Ok, langsung aja saya kasih tutornya. Caranya sangat simpel dan gampang. Hanya dengan menekan 1 tombol di keyboard.

1

1. Pada layar komputer, pergilah ke halaman yang ingin dicopas.
2. Kemudian tekan tombol Print screen SysRq. (Print Screen System Request). Dinomor dua ini layar sudah tercopy.

2

3. Terserah anda ingin dipaste dimana, apabila ingin disave/diedit, kalau saya dipaste ke Paint, diedit, lalu disave. 

3

NB: Teks merah adalah ukuran panjang dan lebar, sobat bisa ganti :).
Hasilnya:

isi textarea

memberi warna backgorund textarea:


kalau warna latarnya putih, terlalu simple! jadi kalau sobat mau kasih warna background, tambahkan teks berikut.(yang tebal).


NB: yang bertulisan biru adalah warna dari background textarea, sobat bisa ganti" sesuka sobat :).
Hasilnya:

isi textarea

Memberi border pada teks area


Border adalah garis yang berada ditepi object yang diberi border. nah, textarea juga bisa, biar bagus :).
tambahkan script berikut (yang tebal)




NB: Teks hijau adalah warna border, teks oren adalah besar ukuran (ketebalan) border, teks biru muda adalah jenis border. ada dashed, solid dll.
hasilnya:

Isi textarea


Sekian dari saya, semoga bermanfaat buat sobat" :)