Rabu, 27 April 2011

[ojegjogja] Cara menanak atau memasak nasi agar tidak cepat basi

Memasak nasi agar tidak cepat basi
Memasak nasi adalah kegiatan rutin ibu-ibu rumah tangga. Ada yang memasak nasi sehari 3 kali yaitu menjelang makan pagi, siang dan malam hari. Banyak juga yang memasak nasi sekali sehari untuk keperluan makan pagi, siang dan malam hari. Hal ini tentunya umur nasi menjadi lebih lama. Untuk jenis beras tertentu setelah menjadi nasi dalam waktu kurang lebih 10 jam akan berubah warna dan baunya, bahkan ada yang sudah mendekati basi. Untuk mengatasi agar nasi tidak cepat basi caranya adalah sebagai berikut :
· Masak air sesuai takaran (seperti biasanya) sampai mendidih
· Cuci beras yang akan dimasak, bilas kurang lebih 3 (tiga) kali
· Masukkan beras yang sudah dicuci ke dalam loyang magic com
· Setelah air yang dimasak sudah mendidih masukkan ke dalam loyang magic com yang berisi beras yang akan dimasak tadi
·  Tambahkan air jeruk nipis kurang lebih satu iris
·  Tutup magic com dan jangan lupa menyalakannya
·  Tunggu nasi sampai benar-benar masak
Begitulah ceritanya cara memasak nasi agar tidak cepat basi. Selamat mencoba dan lihat hasilnya, jangan lupa kasih komentar.


Senin, 18 April 2011

[ojegjogja] Cara memasang kotak scroll (Scrollbox) di sidebar.


Cara memasang kotak scroll (Scrollbox) di sidebar
Efisiensi (penghematan) tempat pada sebuah blog juga perlu dilakukan. Salah satunya adalah dengan memasang Scrollbox. Selain menghemat tempat, widget ini juga bisa mempermudah pengunjung blog untuk mengetahui beberapa artikel yang ada di blog tersebut. Lulu apa ya yang dimaksut dengan Scrollbox ? Saya sendiri kalau disuruh menjawab juga masih bingung. Supaya kita sama-sama tidak bingung silahkan lihat kotak sidebar sebelah kanan blog ini yang di atasnya ada tulisan BLOG TUTORIAL. Sekarang jadi jelas kan ?  Oke supaya tidak terlalu panjang ndobosnya, pada kesempatan kali ini saya akan menjelaskan cara memasang Scrollbox di sidebar. Adapun cara memasang beserta kode HTML nya adalah sebagai berikut :

1. Login blogger
2. Klik Rancangan
3. Dalam menu Elemen Laman klik Tambah Gadget / Add Widget
4. Pilih HTML
5. Copy Paste kode di bawah ke dalam Gadget tersebut

<div style="overflow:auto; width:250px ; height:100px ;border:1px solid ;padding:8px;margin:10px 0 0">
<ul><li><a href="http://www.buburayamketawajago.co.cc/2011/03/marquee-bgcolor0000ff-behavioralternate.html">1. Daftar Menu Makanan.</a></li></ul>
<ul><li><a href="http://ojegjogja.blogspot.com/2010/11/manfaat-air-leri.html">2. Manfaat air leri bagi tumbuhan / tanaman.</a></li></ul>
<ul><li><a href="http://www.buburayamketawajago.co.cc/">3. Bubur Ayam Kremes "KETAWA".</a></li></ul>
<ul><li><a href="http://ojegjogja.blogspot.com/2011/04/cara-mudah-menambah-elemen-halaman-di.html">4. Menambah elemen halaman di atas header.</a></li></ul>
<ul><li><a href="http://www.buburayamketawajago.co.cc/2011/03/normal-0-false-false-false-in-x-none-x_05.html">5. Mau pesan makanan ?</a></li></ul>
</div>

6. Klik simpan
7. Untuk melihat hasilnya silahkan klik di sini.




Catatan :
  • width :400px    adalah lebar kotak scroll
  • height:100px    adalah tinggi kotak scroll
  • lebar dan tinggi kotak scroll bisa dirubah sesuai kebutuhan dan tergantung isi yang ada di dalam kotak nantinya. Kalau isinya sedikit tapi ukuran kotaknya terlalu lebar atau tinggi akhirnya kotak scroll tidak akan berfungsi dan bentuknya hanya berupa segi empat. 
  • teks yang berwarna kuning adalah alamat ulr
  • teks yang berwarna merah adalah judul dari alamat url.

Kamis, 14 April 2011

[ojegjogja] Menyembunyikan Judul blog (blog title) dan Keterangan blog (blog description) di blogspot.


Judul blog (blog title) dan keterangan blog (blogn description) merupakan bagian yang tak terpisahkan dari sebuah blog. Namun ada juga beberapa blogger dengan sengaja tidak memperlihatkan Judul dan Keterangan di blognya atau dengan kata lain disembunyikan. Mungkin Anda adalah salah satu yang setuju dengan tindakan ini tapi belum tahu caranya. Kalau cuma soal sembunyi menyembunyikan Anda tidak usah khawatir, saya akan kasih tahu caranya. Caranya adalah sebagai berikut :

A. Cara menyembunyikan Judul Blog (Blog Title) :
1.     Login di Blogger, pada Dashboard  klik  Rancangan, kemudian pilih Edit HTML, ingat sebelum mulai mengedit kode-kode dalam Template sebaiknya  Download Template dahulu karena apabila gagal, maka hasil download tadi bisa untuk mengembalikan kondisi template kembali seperti sebelumnya;
2.     Cari stuktur kode seperti bawah ini:

#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font:normal bold 354% ‘Trebuchet MS’,Verdana,Arial,Sans-serif;
display:none;
}

Atau kalau tidak ada coba cari kode :

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
display:none;
}

3.     Tambahlah kode display:none; pada baris kode seperti contoh di atas;
4.     Simpan Template;
5.     Klik  lihat blog untuk melihat hasilnya.

B. Cara menyembunyikan Keterangan Blog (Blog Description) :
1.     Langkah-langkahnya sama dengan cara menyembunyikan judul blog, selanjutnya cari kode di bawah ini:

#header.description {
margin:0;
padding:5px 30px 10px;
line-heihgt:1.5em;
font:normal normal 110%’Trebuchet MS’,Verdana,Arial,Sens-serif;
display:none;
}

Atau kalau tidak ada coba cari kode :

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
display:none;
}

2.     Tambahlah kode display:none; pada baris kode seperti contoh di atas;
3.     Simpan Template;
4.     Klik lihat blog untuk melihat hasilnya.

Catatan:
  • Struktur kode dalam setiap Template tidak selalu sama, oleh karena itu kode HTML yang terdapat di Template satu dengan yang lain tidak sama.
Selamat mencoba semoga berhasil.


Senin, 11 April 2011

[ojegjogja] Menambah elemen halaman di atas Header dengan mudah

Beberapa blogger ada yang tidak puas kalau blognya hanya mempunyai elemen halaman di bawah header, sehingga ada yang menambah elemen halaman di atas header blog milik mereka. Yang dimaksud diatas header adalah di atas judul blog. Dengan adanya tambahan elemen halaman ini kita bisa meletakan daftar menu, foto, gambar, iklan dll. Bagi yang tertarik dan ingin menambah elemen halaman di atas header, caranya adalah sebagai berikut :

1. Login ke blog anda
2. Pilih Rancangan >Tata letak/Layout > Edit HTML
3. Cari kode ]]></b:skin> gunakan tombol F3 untuk memudahkan pencarian kode tersebut
4. Jika sudah copy paste kode di bawah baris ini dan letakan di atas ]]></b:skin>

#gadget_header{margin:10px 0;padding:1%; width:100%;}

5. Kemudian cari kode <div id="header-wrapper">
atau <div class="header-outer">
6. Copy paste kode di bawah baris ini dan letakan di atas salah satu kode di atas

<div id="gadget_header"><b:section class='header' id='gadgetheader' preferred='yes'/></div>

7. Simpan teplate.

Untuk melihat hasilnya tidak perlu klik Blog, tapi klik Rancangan dan lihat persis di bawah Navbar terdapat tulisan Tambah Gadget.

Jumat, 01 April 2011

[ojegjogja] Cara membuat dan memasang efek marquee atau teks berjalan (komplit)


Contoh 1 :
Kode HTML untuk membuat teks berjalan dari arah kanan ke kiri dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

<span style="font-family:arial; font-size: 14px; font-weight:bold; color:#FFFF00;"><marquee direction="left" scrollamount="2" height="20px" width="100%" bgcolor="#0000ff" >Teks berjalan dari kanan ke kiri</marquee></span>

Hasilnya seperti di bawah :
Teks berjalan dari kanan ke kiri


Contoh 2 :
Kode HTML untuk membuat teks berjalan dari arah kiri ke kanan dengan huruf verdana, bold, warna biru, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud kuning adalah sebagai berikut :

<span style="font-family:verdana; font-size: 14px; font-weight:bold; color:#0000ff;"><marquee direction="right" scrollamount="2" height="20px" width="100%" bgcolor="#ffff00">Teks berjalan dari kiri ke kanan</marquee></span>

Hasilnya seperti di bawah :
Teks berjalan dari kiri ke kanan


Contoh 3 :
Kode HTML untuk membuat teks berjalan bolak-balik dari kanan ke kiri dengan huruf verdana, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

<span style="color:#ffff00; font-family: verdana; font-size: 14px; font-weight: bold;"><marquee bgcolor="#0000ff" behavior="alternate" height="20px" scrollamount="2" width="100%">Teks berjalan bolak-balik dari kanan ke kiri</marquee></span>

Hasilnya seperti di bawah :
Teks berjalan bolak-balik dari kanan ke kiri


Contoh 4 :
Kode HTML untuk membuat teks berjalan dari atas ke bawah huruf arial, bold, warna biru, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud kuning adalah sebagai berikut :

<span style="color:#0000ff; font-family: arial; font-size: 14px; font-weight: bold; text-align:center;"><marquee bgcolor="#ffff00" direction="down" height="70px" scrollamount="1" width="100%">Teks berjalan dari atas ke bawah</marquee></span>

Hasilnya seperti di bawah :
Teks berjalan dari atas ke bawah


Contoh 5 :
Kode HTML untuk membuat teks berjalan dari bawah ke atas dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud merah adalah sebagai berikut :

<span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold; text-align:center;"><marquee bgcolor="#ff0000" direction="up" height="70px" scrollamount="1" width="100%">Teks berjalan dari bawah ke atas</marquee></span>

Hasilnya seperti di bawah :
Teks berjalan dari bawah ke atas


Contoh 6 :
Kode HTML untuk membuat teks berjalan bolak-balik dari atas ke bawah huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

<span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold; "><marquee bgcolor="#0000ff" behavior="alternate" direction="up" height="70px" scrollamount="2" width="100%">Teks berjalan berulang dari atas ke bawah</marquee></span>

Hasilnya seperti di bawah :
Teks berjalan berulang dari atas ke bawah


Contoh 7 :
Kode HTML untuk membuat teks berjalan dari bawah ke atas satu kali setelah itu berhenti dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

<span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold; "><marquee bgcolor="#0000ff" behavior="slide" direction="up" height="70px" scrollamount="3" width="100%">Teks berjalan dari bawah ke atas lalu berhenti</marquee></span>

Hasilnya seperti di bawah :
Teks berjalan dari bawah ke atas lalu berhenti


Contoh 8 :
Kode HTML untuk membuat teks berjalan dari kanan ke kiri satu kali setelah itu berhenti dengan; huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

<span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold;"><marquee bgcolor="#0000ff" behavior="slide" direction="left" height="20px" scrollamount="3" width="100%">Teks berjalan dari kanan ke kiri lalu berhenti</marquee></span>

Hasilnya seperti di bawah :
Teks berjalan dari kanan ke kiri lalu berhenti


Contoh 9 :
Kode HTML untuk membuat teks memantul berulang-ulang dari kanan ke kiri dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

<span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold; "><marquee scrolldelay="10" behavior="alternate" direction="up" width="100%" scrollamount="2" height="70px" bgcolor="#0000ff"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Teks memantul berulang-ulang</marquee>< /marquee></span>

Hasilnya seperti di bawah :
Teks memantul berulang-ulang


Contoh 10 :
Kode HTML untuk membuat teks berjalan dari arah kanan ke kiri dan akan berhenti setelah mouse didekatkan, dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

<span style="color: yellow; font-family: arial; font-size: 14px; font-weight: bold;"><marquee behavior="scroll" bgcolor="#0000ff" direction="left" height="20px" onmouseout="start()" onmouseover="stop()" scrollamount="2" width="100%">Teks berjalan dari kanan ke kiri dan akan berhenti setelah mouse didekatkan</marquee></span>

Hasilnya seperti di bawah :
Teks berjalan dari kanan ke kiri dan akan berhenti setelah mouse didekatkan.

Contoh 11 :
Kode HTML untuk membuat teks link dimana teks tersebut berjalan dari bawah ke atas dan akan berhenti setelah mouse didekatkan. Jika link tersebut di-click, maka halaman yang bersangkutan akan terbuka adalah sebagai berikut :

<span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold; "><marquee onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#ffff00" scrollamount="2" direction="up" width="100%" height="100" align="left"><a href="http://www.linksukses.com/2010/01/cara-membuat-textarea.html">Cara membuat Texarea</a>
<a href="http://www.linksukses.com/2010/01/penggunaan-id-dan-class.html">Penggunaan ID dan CLASS</a>
<a href="http://www.linksukses.com/2010/02/syntax-highlighter-untuk-blogger.html"> Syntax Highlighter untuk Blogger</a>
<a href="http://www.linksukses.com/2010/02/efek-kertas-lipat.html">Efek Kertas Lipat</a>
<a href="http://www.linksukses.com/2010/01/efek-bayangan-dengan-photoshop.html">Efek bayangan</a>
</marquee></span>


Hasilnya seperti di bawah :
Cara membuat Texarea
Penggunaan ID dan CLASS
Syntax Highlighter untuk Blogger
Efek Kertas Lipat
Efek bayangan

.