Membuat Menu Drop Down

Memiliki Tampilan blogroll berupa dropdown memang baik untuk memotong ruang blog yang tersisa. Dengan bentuknya yang praktis, kita hanya perlu mengklik opsi dari alamat-alamat blog teman atau link lan, maka kita bisa melemparkan halaman ke alamat URL yang dituju.

Jadi kita hanya tinggal mengganti widget bawaan blogger yang berupa kumpulan URL teman dengan menu tersebut. cara membuatnya tidak begitu sulit, setelah kita login cantumkan kode di bawah kedalam wadah widget HTML/Javascript:

<div class="widget-content">
<select width="size=" name="menu" style="" 1135="" onchange="window.open(this.options[this.selectedIndex].value,'_blank' )" 1="">
<option selected="selected" style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Arial,sans-serif;" value=""></option>
<option value="http://myblog.amikail.web.id" target="_blank">My Blog</option>
<option value="http://myblog.amikail.web.id" target="_blank">My Blog</option>
<option value="http://myblog.amikail.web.id" target="_blank">My Blog</option>
<option value="http://myblog.amikail.web.id" target="_blank">My Blog</option>
<option value="http://myblog.amikail.web.id" target="_blank">My Blog</option>
<option value="http://myblog.amikail.web.id" target="_blank">My Blog</option>
<option value="http://myblog.amikail.web.id" target="_blank">My Blog</option>
</select>

</div>

contoh seperti dibawah ini:

My BlogMy BlogMy BlogMy BlogMy BlogMy BlogMy Blog

Nah bila kode tadi sudah disalin maka pasang pada elemen halaman dengan pilihan HTML/Javascript (layout->penambahan elemen halaman->tambahkan elemen halaman->HTML/Javascript). ganti url dan nama dengan url dan nama yang kamu ingin kan .udah aja selesai, mudahkan?? makanya ayo silahkan coba!!!

Mencantumkan Symbol Pada Posting

Terkadang kita ingin menyalin kode HTML dalam sebuah postingan untuk sekedar memberitahu kode yang bisa dipasang dalam postingan kita. Berharap kode yang dimasukan bisa muncul dan dengan mudah bisa disalin oleh pengunjung, namun yang didapat malah tak sesuai keinginan atau kode HTML yang sudah kita cantumkan malah hilang dengan sendirinya, wah sepertinya ada yang salah nih dengan pemasangan kodenya.

Lalu bagaimana memasang kode HTML di dalam postingan agar sesuai dengan kehendak? Untuk keperluan ini sudah waktunya kita berkenalan dengan istilah entitas HTML. Atau bila masih tak familiar, mungkin istilah HTML entity jauh lebih asing lagi :D.

Dalam posting itu kita tidak dapat sembarangan mencantumkan symbol, salah satunya seperti symbol <>, dan lain-lain. ternyata Entity Number yang ditulis itu adalah &#60; ini untuk memasukkan symbol <>. dan untuk lebih lengkapnya mengenai Entity Number dapat dilihat disini

Membuat Bar Navigasi Bagaikan Siluman

Memiliki blog dengan tampilan yang sangat menarik merupakan salah satu tujuan bagi para blogger dimanapun. Salah satunya yang sekarang ini banyak diminati yaitu menghilangkan Bar Navigasi yang mana Bar Navigasi tersebut terletak di bagian atas pada blog kita. Walaupun banyak juga yang tetap membiarkannya dengan alasan agar lebih mudah login, ngedit, dsb. Tapi bagi anda yang menginginkan keduanya yaitu menghilangkannya dan secara otomatis dapat muncul kembali. Ada caranya. Ingin tau???
Caranya tidak begitu sulit, yang pertama anda harus login terlebih dahulu! Lalu klik layoutedit html lalu temukan kode yang seperti dibawah ini:

]]></b:skin>

Kemudian simpan diatasnya kode dibawah ini:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=80, FinishedOpacity=80)}

Setelah itu ketik SAVE TEMPLATE / SIMPAN TEMPLATE. Kemudian lihat blog anda! Maka..... blog anda bersih dari Bar Navigasi di atasnya. Tapi tidak usah khawatir jika anda ingin memunculkannya kembali, anda tinggal menyimpan kursor di bagian paling atas blog anda! Maka sreeeet Bar Navigasi anda muncul kembali bagaikan siluman yang menampakkan dirinya…. Heee