Cara Membuat Google Form

Berikut cara membuat Google Form dengan mudah dan cepat:

1. Pastikan kamu sudah memiliki akun Google Mail atau Gmail.
2. Akses situs Google Form yaitu https://docs.google.com/forms/. Pilih template formulir yang diinginkan atau sesuaikan dengan kebutuhan. Bisa juga dengan mengklik tanda "+" dengan nama Blank dan background putih.
3. Jika mengaksesnya dari Google Drive, klik menu New di sudut kiri atas lalu pilih More dan pilih Google Formulir. Di samping Google Formulir, arahkan ke panah kanan dan klik Formulir Kosong atau dari Template.
4. Jika sudah memilih template atau membuat template kosong, kamu akan melihat kolom Untitled Form. Klik kolom tersebut dan beri judul pada kuesioner yang akan kamu buat. Kemudian pada kolom Form Description, buat deskripsi yang jelas agar orang memahami maksud dari kuesioner yang kamu buat.
5. Buat pertanyaan yang kamu inginkan dan pilih jenis pertanyaannya. Misalnya Pilihan Ganda (Multiple Choice) untuk jawaban Ya, Tidak, Mungkin atau Lainnya. Kamu juga bisa memilih Jawaban Singkat atau Paragraf untuk jawaban yang membutuhkan deskripsi. Ada juga pilihan Kotak Centang (Checkboxes) dan Tarik-turun (Dropdown). Untuk menambah pertanyaan, kamu bisa klik tanda "+" di sisi bagian kanan.
6. Kamu bisa membuat responden mengupload file seperti dokumen atau foto dengan menambahkan fitur-fitur yang ada di bagian kanan.
7. Jika sudah menyusun semua pertanyaan yang dibutuhkan, klik tombol Kirim di sudut kanan atas. Kemudian, bagikan link Google Form yang sudah kamu buat kepada responden yang dituju.
8. Kamu juga bisa memperpendek link Google Form yang dibuat dengan mengklik Perpendek URL dan langsung Copy link tersebut
9. Untuk melihat hasil kuesioner atau formulir yang sudah dibuat, kamu bisa lihat pada bagian Tanggapan di sebelah kanan bagian Pertanyaan. Kamu akan lihat berapa banyak responden yang telah merespon.

Sumber dari: Dtikinet

Read More

Cara Membuat Teks Area Buka Tutup

Langkah Pertama

1. Login ke blogger dengan akun anda
2. Kemudian klik Tata Letak > pilih Edit HTML
3. Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
4. Letakkan kode berikut di atas kode ]]></b:skin>
   
   <div style="margin: 5px;">
   <div class="bigfont" style="margin-bottom: 2px;">
   <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   != '') {
   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   = ''; this.innerText = ''; this.value = 'Tutup'; } else {
   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div>
   <div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
   <div style="display: none;">
   Isikan Data disini

   </div>
   </div>
   </div>

Langkah Kedua

1. Masih dalam dalam posisi Edit HTML. Sekarang letakkan kode berikut ini di atas kode </head>
   
   <div style="margin: 5px;">
   <div class="bigfont" style="margin-bottom: 2px;">
   <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   != '') {
   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   = ''; this.innerText = ''; this.value = 'Tutup'; } else {
   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div>
   <div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
   <div style="display: none;">
   Isikan di Kolom ini data yang akan di tampilkan
   </div>
   </div>
   </div>
2. Sampai disini masih mudah kan? Oya jika anda ingin meletakkan hari, tanggal dan bulan serta tahun seperti yang ada di demo, letakkan kode berikut di bawah kode diatas :
   
     <div style="margin: 5px;">
   <div class="bigfont" style="margin-bottom: 2px;">
   <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   != '') {
   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   = ''; this.innerText = ''; this.value = 'Tutup'; } else {
   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div>
   <div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
   <div style="display: none;">
   Isikan di sini
   </div>
   </div>
   </div>
3. Jangan lupa, jika anda sudah memasang kode javascript untuk waktu diatas, kode <body> pada template harus diganti dengan :
   

     <body onLoad='goforit()'>

4. Save/simpan template terlebih dahulu sambil sejenak istirahat, sabar ya siapkan secangkir kopi atau teh biar agak adem sambil mendengarkan musik kesukaan anda. Masih ada satu langkah lagi

Langkah Ketiga

1. Sekarang anda harus membuat satu kolom di atas postingan untuk meletakkan kode slide nantinya. Langsung saja letakkan kode berikut di atas kode ]]></b:skin>
   
   view plainprint?

   1. /* Slide Content 
   2. ----------------------------------------------- */  
   3. .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;  
   4. word-wrap: break-word; overflow: hidden;}   
   5. .slide {color: #666666;line-height: 1.3em;}  
   6. .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}  
   7. .slide li {margin:0;padding-top:0;  
   8. padding-right:0;padding-bottom:.25em;  
   9. padding-left:0px;text-indent:0px;line-height:1.3em;}  
   10. .slide .widget {margin:0px 0px 6px 0px;}  

   /* Slide Content
   ----------------------------------------------- */
   .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
   word-wrap: break-word; overflow: hidden;} 
   .slide {color: #666666;line-height: 1.3em;}
   .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
   .slide li {margin:0;padding-top:0;
   padding-right:0;padding-bottom:.25em;
   padding-left:0px;text-indent:0px;line-height:1.3em;}
   .slide .widget {margin:0px 0px 6px 0px;}

2. Kemudian untuk memunculkannya pada template (diatas postingan), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya :
   
   view plainprint?

   1. <b:if cond='data:blog.url == data:blog.homepageUrl'>  
   2.       <div id='slide-wrapper'>  
   3. <b:section class='slide' id='slide' preferred='yes'/>  
   4.       </div>  
   5. </b:if>   

   <b:if cond='data:blog.url == data:blog.homepageUrl'>
         <div id='slide-wrapper'>
   <b:section class='slide' id='slide' preferred='yes'/>
         </div>
   </b:if> 

   
3. Setelah anda membuat satu kolom diatas postingan, klik menu Tata Letak >> Elemen Laman
4. Klik Tambah Gadget >> pilih HTML/Javascript
5. Copy kode di bawah dan letakkan di kotak HTML/Javascript
   
    <div style="margin: 5px;">
   <div class="bigfont" style="margin-bottom: 2px;">
   <input onclick="if
   (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   != '') {
   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   = ''; this.innerText = ''; this.value = 'Tutup'; } else {
   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
   = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div>
   <div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
   <div style="display: none;">
   Isikan Data di sisni
   </div>
   </div>
   </div>
   Keterangan :
   -  Warna biru : URL image
   -  Warna merah : URL post
   -  Warna kuning : Ringkasan post
   -  Warna hijau : judul post
6. Jika layout pada template Anda sudah terdapat satu kolom kosong di atas post, langkah ini tidak perlu. Langsung saja add gadget kemudian letakkan kode script diatas.
7. Kemudian save/simpan template selesai sudah

Sumber Artikel; Maskolis Blogspot-googlecode, sebaiknya diringkas saja selain terlalu panjang juga akan meringankan loading blog anda.  Selamat mencoba dan berpusing ria.

Read More

Tips Agar Blog Anda Mudah Diakses di HP (Mobile Phone)

Kita semua tahu bahwa pengguna telepon seluler atau mobile phone sudah begitu banyak. Jangan kan konglomerat tukang sayur pun sudah mentereng dengan HP di tangannya sambil tersenyum sendiri (Tidak! Tidak! dia tidak gila, dia hanya sedang me sms pacarnya hihihi). Baiklah, untuk seorang blogger tentu ingin blognya bisa di akses dengan mudah di HP atau mobile phone yang sudah menyediakan fitur-fitur untuk akses internet. Nah bagi seorang blogger yang rajin mempercantik blognya sudah barang tentu akan sangat berat bila di akses di telepon seluler. Tapi tenang selalu ada jalan keluar untuk itu. Berikut Tips nya agar blog anda bersahabat dengan telepon genggam:

1. Masuklah ke blog anda. 
2. Pilih Design.
3. Pilih tab Edit HTML.
4. Kemudian cari kode di bawah ini:
<b:include data='blog' name='all-head-content'/>
5. Copy Paste kode di bawah kode di atas
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
6. Kemudian Save.

Insya Allah akan lebih ringan,, selamat mencoba.
WhatsApp!

Read More

KULINER Wong Jeddah

 

Bagikan Artikel Ini!

Read More

Cara Membuat Teks Area Buka Tutup

Langkah Pertama

1. Login ke blogger dengan akun anda
2. Kemudian klik Tata Letak > pilih Edit HTML
3. Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
4. Letakkan kode berikut di atas kode ]]></b:skin>
   
   Isikan Data disini

Langkah Kedua

1. Masih dalam dalam posisi Edit HTML. Sekarang letakkan kode berikut ini di atas kode </head>
   
   1 Isikan di Kolom ini data yang akan di tampilkan
2. Sampai disini masih mudah kan? Oya jika anda ingin meletakkan hari, tanggal dan bulan serta tahun seperti yang ada di demo, letakkan kode berikut di bawah kode diatas :
   
   2 Isikan di Kolom ini data yang akan di tampilkan
3. Jangan lupa, jika anda sudah memasang kode javascript untuk waktu diatas, kode <body> pada template harus diganti dengan :
   

     <body onLoad='goforit()'>

4. Save/simpan template terlebih dahulu sambil sejenak istirahat, sabar ya siapkan secangkir kopi atau teh biar agak adem sambil mendengarkan musik kesukaan anda. Masih ada satu langkah lagi

Langkah Ketiga

1. Sekarang anda harus membuat satu kolom di atas postingan untuk meletakkan kode slide nantinya. Langsung saja letakkan kode berikut di atas kode ]]></b:skin>
   
   view plainprint?

   1. /* Slide Content 
   2. ----------------------------------------------- */  
   3. .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;  
   4. word-wrap: break-word; overflow: hidden;}   
   5. .slide {color: #666666;line-height: 1.3em;}  
   6. .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}  
   7. .slide li {margin:0;padding-top:0;  
   8. padding-right:0;padding-bottom:.25em;  
   9. padding-left:0px;text-indent:0px;line-height:1.3em;}  
   10. .slide .widget {margin:0px 0px 6px 0px;}  

   /* Slide Content
   ----------------------------------------------- */
   .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
   word-wrap: break-word; overflow: hidden;} 
   .slide {color: #666666;line-height: 1.3em;}
   .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
   .slide li {margin:0;padding-top:0;
   padding-right:0;padding-bottom:.25em;
   padding-left:0px;text-indent:0px;line-height:1.3em;}
   .slide .widget {margin:0px 0px 6px 0px;}

2. Kemudian untuk memunculkannya pada template (diatas postingan), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya :
   
   view plainprint?

   1. <b:if cond='data:blog.url == data:blog.homepageUrl'>  
   2.       <div id='slide-wrapper'>  
   3. <b:section class='slide' id='slide' preferred='yes'/>  
   4.       </div>  
   5. </b:if>   

   <b:if cond='data:blog.url == data:blog.homepageUrl'>
         <div id='slide-wrapper'>
   <b:section class='slide' id='slide' preferred='yes'/>
         </div>
   </b:if> 

   
3. Setelah anda membuat satu kolom diatas postingan, klik menu Tata Letak >> Elemen Laman
4. Klik Tambah Gadget >> pilih HTML/Javascript
5. Copy kode di bawah dan letakkan di kotak HTML/Javascript
   
   Isikan Data di sisni
   Keterangan :
   -  Warna biru : URL image
   -  Warna merah : URL post
   -  Warna kuning : Ringkasan post
   -  Warna hijau : judul post
6. Jika layout pada template Anda sudah terdapat satu kolom kosong di atas post, langkah ini tidak perlu. Langsung saja add gadget kemudian letakkan kode script diatas.
7. Kemudian save/simpan template selesai sudah

Ribet banget ya, kalau ribet nggak usah dipasang masih banyak slider lain yang lebih gampang cara memasangnya dan tidak kalah menarik dengan slider Yahoo ini. Saya hanya memberikan alternatif lain untuk menghias blog agar tampak lebih menarik. Jika teman-teman sering meringkas kode javascript yang terlalu panjang di googlecode, sebaiknya diringkas saja selain terlalu panjang juga akan meringankan loading blog anda.  Selamat mencoba dan berpusing ria jika ada yang mau ditanyakan isi kotak komentar yang ada di bawah. Jika ada waktu senggang Insya Allah saya jawab.

Read More