Cara Membuat Menu Pull Down Dengan Tumbol/Button

Pull down menu seringkali juga disebut sebagai dropdown menu atau jump menu. Disebut pull down karena list menu akan muncul setelah bagian atas menu diklik/ditekan, dan disebut pula dropdown menu karena setelah di-klik sederet list menu akan muncul secara berurutan ke bawah.

Pull down menu/drop down menu sangat bermanfaat untuk menampilkan list pilihan yang sangat panjang karena dapat memperpendek panjang halaman blog/web dan akan membuat blog/web tampak lebih elegan dan professional. Sobat dapat menggunakan menu pull down ini untuk menyusun link-link blogrol, label, arsip, kategori dan lain sebagainya.

Dalam kesempatan ini saya akan sedikit mengulas dan share tentang cara membuat drop down/pull down menu plus button yang berbasis HTML form dan perintah fungsi javascript itu.

Secara mendasar, pulldown menu merupakan rangkaian opsi tag option di dalam selection yang semuanya dirangkum menjadi sebuah form:

<form>
<select>
<option></option>
<option></option>
<option></option>
</select>
</form>

Dan akan tampil seperti ini:

Untuk memberikan isi atau list menu, tambahkan value dan anchor text pada tag option, identitas fungsi (name) pada selection, dan fungsi form:

<form name="lompat">
<select name="menu">
<option value="url link list 1">Nama List 1</option>
<option value="url link list 2">Nama List 2</option>
<option value="url link list 3">Nama List 3</option>
</select>
</form>

Nama List 1 Nama List 2 Nama List 3

Akhirnya, tambahkan perintah javascript input button dan link option ketika di klik pada urutan sesuai identitas (name):

<input type="button" onClick="location=document.lompat.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

Ups, karena apa yang tampak di bagian form adalah nama list yang pertama dan kurang informatif, tambahkan option dengan value kosong dan text sebagai informasi bagi pengunjung tentang isi menu tersebut:

<option> -- Pilih Tutorial -- </option>

Berikut script lengkapnya:

<form name="lompat">
<select name="menu">
<option"> -- Pilih Tutorial -- </option>
<option value="url link list 1">Nama List 1</option>
<option value="url link list 2">Nama List 2</option>
<option value="url link list 3">Nama List 3</option>
</select>

<input type="button" onClick="location=document.lompat.menu.options[document.lompat.menu.selectedIndex].value;" value="GO">

</form>

 Contoh implementasinya (sekalian chek the link):

-- Pilih Tutorial -- Phrase HTMLSeo ToolsMouse Snow Generator

Kostumisasi:

- Ganti -- Pilih Tutorial -- dengan text yang ingin dimunculkan pada baris paling atas menu pull down.

- Ganti GO dengan kata/perintah lain yang lebih disukai.

Di blog blogger, Sobat dapat dengan mudah memasangnya sebagai widget/gadget.

Dashboard > Design/Rancangan > Add a Gadget/ Tambah Gadget > HTML/Javascript

That's it. Have fun!

Sumber: http://buka-rahasia.blogspot.com/2011/06/cara-membuat-pulldown-menu-javascript_27.html

Cara Membuat Widget Voting/Polling di Blog

Cara membuat polling atau voting di blog - Kali ini Scholovers Blogger akan Share Cara Membuat Voting/Polling di Blog, Setelah jalan-jalan Ke blog lain akhirnya Saya nemu juga caranya, Langsung aja yuk dipraktikkan sama-sama:

1. pertama-tama sobat buka situs BooRoo

2. selanjutnya jika kita menuju situs itu jika sudah sampai ke situs itu lihat di sebelah kanan, kemudian isi lengkapi data-data sobat sekalian jika sudah kemudian klik Submit

3. Jika sudah kemudian klik Dashboard

4. kemudian pilih create new

5. jika sudah lalu kita klik Instant Poll

6. kemudian isi pada kolom Poll Question isi dengan pertanyaan sobat, sedangkan pada Answer Choice isi dengan pilihan jawaban. jika sudah kemudian klik Save&Priview

7. Jika kita sudah mengklik Save&Priview kemudian selanjutnya kita klih 

8. Selanjutnya pada tahap ini sobat diberikan pilihan untuk menentukan temanya nah jika sudah mengklik salah satu temanya selanjutnya kita klik Customise

9. selanjutnya ikuti klik save as

kemudian isi Nama untuk polling yang telah kita buat bebas namanya karena nama ini tidak mempengaruhi terhadap kesinambungan ntah itu tema atau tulisan polling jika sudah kemudian save

10. Klik Launch your poll!! yang di Iconnya adalah Gambar Roket terbang

11. Terakhir sobat-sobat akan mendapatkan script HTMLnya, script ini bisa sobat tambahkan dalam Gadget atau widget blog sobat-sobat.

Catatan Penting : mungkin jika di pasang di blog sobat ukurannya lebar sekali. oleh karena itu untuk merubahnya sobat cari kode "bg_width":310}biasanya lebar secara default adalah 310px namun sobat bisa menggantinya angka untuk lebarnya sesuai dengan keinginan sobat-sobat sekalian..

nah gimana sobat-sobat sudah mencoba belum. jika ada sobat-sobat sudah mencoba dan bisa tolong kabarin ya dalam di komen ini. hehe :)

Terimakasih sobat karena telah membaca postingan saya yaitu cara membuat polling atau voting di blog dan semoga saja bermanfaat :)

 

 

Sumber: http://novanpeace.blogspot.com/2013/01/cara-membuat-polling-atau-voting-di-blog.html

Download Plants Vs Zombie 2 Full 2013

Plants VS Zombie 2 – Sobat pasti sudah tau game Plants vs Zombie. Yups, game plants vs zombie ini sangat seru dimainkan untuk mengisi waktu luang kita. Nah, ada kabar baik buat kalian yang suka main Plants vs Zombie, karena sekarang sudah muncul versi terbaru plants vs zombie yaitu Plants VS Zombie 2.

Game Plants Vs Zombies 2 adalah sebuah game komputer/pc ringan yang diproduksi oleh PopCap Inc. Dalam game plants vs Zombies ini tugas pemain adalah melindungi rumah kita agar zombie tidak dapat masuk ke rumah kita karena jika zombie berhasil masuk kerumah maka game akan berakhir alias Game Over. Dan sebagai defense untuk menghalangi zombie, kita menggunakan tanaman atau plants untuk bertarung dengan zombie, untuk menumbuhkan tanaman kita memerlukan bantuan cahaya matahari yang dapat kita peroleh saat kita menanamam sunflower(bunga) atau sun-shroom(jamur) dan ada juga cahaya matahari yang turun dari langit.

Download Plants VS Zombie 2 Full (via 4shared)  

Download PLANTS VS ZOMBIE 2 FULL

Ayo Download Plants VS Zombie 2 Full dan mainkan segera Plants vs Zombie 2 di PC kamu. Dijamin lebih seru dibanding Plants vs Zombie sebelumnya.

Download Plants Vs Zombie + Crack Full Version 2013

Pertama kali saya main game ini saya langsung ketagian ingin menyelesaikannya hingga akhir.

Plants vs Zombies menurut saya game ini sangat asik untuk dimainkan karenabisa menghibur diri sekaligus menghilangkan rasa jenuh saya jika sedang suntuk.

Game ini bercerita tentang seseorang yang sedang menanam sebuah tanaman dan tanaman yang ditanam itu akan menyerang Zombies-Zombies agar tidak masuk ke dalam rumah. Sekilas dalam gambar akan tampak seperti dibawah ini :

 

Jika tanaman yang kita tanam tidak dapat melawannya dan para Zombies masuk hingga ke dalam rumah maka kita akan dinyatakan gagal dalam melawan para zombie yang mengerikan itu.

Jika Sobat ingin Mencoba Game ini, Silhakan Sobat donwload di bawah ini.

Download

Jika Sobat Ingin Cheat Trainernya Sobat bisa Lihat disini

Download IDM Update Full Version 2013

Walaupun lagi Sahur Scholovers Blogger tetap akan menemani Sobat dimanapun dan kapanpun, kali ini Scholover Blogger akan Posting Download IDM Update Full Version 2013. karena di fb ada temen yang nanya:

Zahafra Hanif Ferdino
gan idm full fersion ada ga gan di blog agan >


langsung admin posting deh...

Tanpa basa basi langsung aja klik tombol Download nya:

Download IDM

Download Patch


 Semoga Bermanfaat!!!

Menghilangkan Garis/BorderPada Gambar

Menghilangkan border gambar pada blog - Kadang postingan kita mengandung sebuah gambar yang setidaknya membuat unsur menarik untuk postingannya. apakah anda pernah melihat hal ini ?

lihat deh gambar sesudah dan sebelummnya,pada gambar sebelum gambar di kelilingi oleh border atau bingkai

untuk kalian yang merasa terganggu akan garis tersebut. ini ada trik unuk menghilangkannya

Untuk yang memakai template baru :

1. Sign in di akun blogger anda

2. Klik menu Template

3. Klik menu Edit HTML

4. Cari kode berikut pada css anda (ini contoh saja):

.post img { <-- perhatikan kode ini
padding:4px; 
border:1px solid $bordercolor; <-- yang di rubah kode yg ini } 

tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img

5. Rubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :

.post img {
padding:4px;

border:0px solid $bordercolor; }

6. Klik tombol SIMPAN TEMPLATE

7. Selesai.

Tips pada template blogger

Untuk para blogger newbie seperti saya biasa nya sangat kewalahan dalam membuat template yang sesuai keinginan sendiri karena sama sekali tidak mengerti script dasar pada sebuah template blogger. Untuk sebagian blogger yang tidak ingin ambil pusing biasa nya langsung memanfaatkan mesin pencari untuk mencari template blogger yang sesuai dengan keinginan dan kebutuhannya, biasa nya mencari yang free download terlebih dahulu.

Tips pada template blogger

Template yang full akan sistematik biasa nya di lengkapi dengan javascript dan gambar yang di host pada hosting, kadang para blogger tidak menyadari hal ini. Sehingga saat file tersebut di hapus oleh pembuatnya maka tampilan blog nya akan kacau tidak karuan. Salah satu cara yang ampuh agar kalian tidak mengalami hal ini adalah dengan cara membackup file-file pendukung template tesebut.
 

Disini saya akan memberikan sedikit tips untuk kalian menggunakan template gratis yang kalian dapat dari internet atau dari sumber lainnya.

1.       Lihat script template

Biasa nya template blogger ber akhiran  .xml dan tipe file ini bisa di buka dengan wordpad. Cara nya dengan meng-klik kanan pada file template dan open with pilih wordpad

 Jika kalian sudah berhasil membuka file template, cari kata dengan ctrl+f danm maka akan kelua kotak find . ketikan satu persatu file tipe di bawah ini

.js

.jpeg

.jpg

.bmp

.gif

.swf

.png

                                           

Lihat gambar untuk lebih jelas nya.

Lakukan seperti di atas berulang hingga semua nya berhasil kalian re upload dan me replace urlnya dengan. Jika sudah simpan dan pakai pada blog anda. 

Tips pada template blogger

Satu lagi, jangan lupa selalu lakukan backup template saat anda akan mengubah template anda.

Mudahkan ? sekarang kalian sudah tidak khawatir lagi masalah template blogger anda.

Semoga bermanfaat

Membuat Fungsi Refresh Otomatis pada Blog

fungsi ini di gunakan untuk memuat ulang halaman blog anda tanpa harus menekan tombol refresh atau F5 pada keyboard. Dengan script ini kalian tidak perlu merefresh blog anda secara manual seperti cara diatas.

Dengan anda menerapkan trik ini, mode refresh bisa di setiing dalam jangka waktu yang di inginkan dalam itungan detik sesuai keinginan anda

Cara membuat Fungsi refresh otomatis pada blog

1. Sign in di akun blog anda., blogger.com

2. Pada dashboad , pilih blog yang akan anda terapkan trik ini

3. Pilih Template lalu edit HTML,

<meta http-equiv="refresh" content="10"/>

4. Lalu Simpan kode di atas di antara

<head> .... </head>

5. Simpan Template anda

6. Selesai

Angka 10 merupakan berapa detik sekali auto refresh bekerja, kalian bisa ubah untuk mengubahnya sesuai kebutuhan anda


Coba anda kunjungi blog anda, apakah sudah berfungsi dengan baik ?

Untuk anda yang mempunyai masalah tentang trik di atas bisa langsung konsultasi di komentar

disable klik kanan pada blog

Buat anda yang geram dengan oknum yang mencopy content yang ada di blog sepertinya trk ini sedikit membantu tetapi untuk orang yang mempunyai skill di atas rata-rata tetap saja trik ini tidak berguna karena mereka bisa tetap copy content yang ada di blog anda.

trik ini berguna jika pengunjung anda awam dengan klik kanan ini, jika mereka nia copy conten blog kamu maka mereka akan mengurungkan niatnya

disable klik kanan pada blog

buat yang berminat ini dia trik nya

1. Seperti bisa sign in di akun Blogger anda

2. pilih Template lalu Edit HTML

3. Cari kode <head> Copykan kode tersebut dibawahnya.

<script language=JavaScript>
<!--

//Matikan Klik Kanan

var message="";

///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

4. Lalu simpan Template

5. SELESAI

Cara Setting Widget Label Menjadi Cloud

1. Pergi Ke Tata Letak 
2. Cari Label , Terus Klik Edit
3. Sama-Kan Label Anda Dengan Gambar Di 
Sebelah Ini
4. Simpan

Semoga Bermanfaat!

Cara Membuat Label Cloud Miring Jika Disentuh Mouse

Cara Membuat Label Cloud Miring Jika Disentuh Mouse - Setiap blog tentunya memiliki fasilitas Label widget, pada Blogger secara default ada 2 pilihan yaitu List dan Cloud. Widget Label Cloud yang akan jadi bahasan Desain Blog kali ini. Dengan sedikit tambahan kode CSS widget label type cloud ini bisa dipercantik tampilanya di blog. 

Kurang lebihnya seperti gambar dibawah ini sobat:

  
Label di blog adalah kata kunci yang mengkategorikan seluruh isi/konten blog . Label juga merupakan link-link singkat dan sederhana menuju postingan Sobat. Pemasangan widget Tag, Label atau Kategori pada Blog/web bertujuan untuk memberikan navigasi yang mudah bagi pembaca blog. Pada Blogger sejak Google telah mengambil alih atau menyediakan layanan widget resminya melalui server Blogger sendiri, salah satunya adalah Page List and Label Cloud List dengan enable deisgner untuk membuat dynamic menus.

Intinya share kali ini untuk merubah widget label agar lebih cantik. dengan CSS dibawah ini akan mewarnai label sobat menjadi keren dan menarik. Berikut penjelasannya:

::Cara Membuat Label Cloud Miring Jika Disentuh Mouse::

1. Masuk Blogger Dasboard > Template > Edit HTML
2. Tekan Control + F > cari kode ]]></b:skin>
3. Jika sudah ketemu, Copy kode CSS dibawah ini dan Pastekan/letakkan kodenya tepat diatas kode ]]></b:skin>

 /*-----Labels Cloud Style by www.blooger.co.id----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

5. Save Template

Keterangan !!!

Pastikan label pada blog sudah terpasang dan dibuat Cloud bukan List. LIHAT CARANYA DISINI

Memasang MSC Music Player Di blog (pemutar musik)

Scholovers Blogger | SCM Player ini berfungsi untuk menambakan lagu yang sobat inginkan pada blog sobat , Dengan Adanya SCM Player di blog sobat, pengunjung akan senang mendengarkan lagu yang sobat disediakan di SCM player sambil browsing yang ada di blog sobat. Jadi segerakan sobat memasang SCM Player ini supaya blog sobat jadi rame!!.....

Untuk sobat yang tetap ingin memasang SCM Player di blog sobat, berikut saya sediakan satu tutorial mudah dan singkat, silangkan disimak.

1.Bukalah alamat Web Ini  SCM Player 
2.Pilih kemudian pada tab Choose Skin, silahkan pilih tampilan skin widget yang nantinya akan ditampilkan pada blog sobat. 

3.Lalu klik pada tab Edit Playlist, disini ada dua pilihan yaitu dengan memasukan url lagu yang di pasang manual(Manual Playlist). Atau dari playlist akun youtube(RSS Podcast) sobat. gunakan saja pilihan pertama "Manual Playlist".

Perhatikan pada gambar yang saya lingkari merah, disitu terterah contoh untuk memasukan lagu yang sobat inginkan, silahkan sobat cari situs yang menyediakan lagu atau bisa sobatupload sendiri ataupun mencari di youtube.com video yang nantinya sebagai url lagu.(bukan menampilkan video, hanya suara dari video)

Kemudian klik pada tab Configure Settings untuk mengatur lagu yang sudah kita pilih tadi, atur sesuai keinginan sobat. Atau seperti pengaturan saya pada gambar dibawah ini

Setelah itu klik tombol Done, lalu copy script yang diberikan.

Langkah terakhir, masuk ke akun blogger sobat, pilih tata letak. Kemudian kliktambah gadget pilih gadget HTML/Javascript. Lalu paste kan script tadi. klik Simpan.

Sekarang blog sobat sudah terpasang lagu, setiap pengunjung yang datang akan disambut dengan lagu yang sobat pasang  pastikan pada tab Edit Playlist, sobat memasukan url yang benar. Selamat mencoba.... :D

Lihat Cara Mendapatkan URL lagu Disini