Bloggerstars1

Merubah Tanggal Posting dalam Bentuk Icon Kalender

2010-12-07T08:48:00.000-08:00

Membuat blog menjadi lebih menarik merupakan kesibukan besar blogger selain aktivitas posting yang sangat menyita waktu, energy dan terutama otak. Banyak cara dilakukan untuk membuat blog terlihat semakin indah dan menarik, dimana salah satunya adalah dengan membuat tanggal posting terlihat bagai sebuah kalender meja dalam ukuran mini (Lihat di sebelah kiri judul posting!). Membuat wajah baru seperti ini dapat dilakukan dengan beberapa cara, namun dari sekian banyak yang termudah adalah dengan cara yang akan tersampaikan di bawah. Tidak banyak kode dan javascript serta kode HTML yang harus digunakan. Pemasangan dan penyimpanannyapun sangatlah simple. Perubahan yang penting dan menjadi keharusan yang harus dilakukan, selain penambahan kode adalah perubahan format tanggal posting. Format tanggal posting ini sekaligus akan menjadi penentu muncul tidaknya desain tanggal posting dalam bentuk icon kalender yang kita buat. Agar tutorial ini lebih mudah dipahami, terlebih dahulu kita akan memulai dari cara pemasangan dan penyimpanan kode yang nantinya akan kita pergunakan.

Langkah untuk Merubah Tampilan Tanggal Posting

Lakukan login terlebih dahulu untuk mempercepat proses pembuatan bentuk tanggal posting yang baru.
- Tulis User Alamat Email (Email Address).
- Tulis Password.
- KLIK "LOGIN"
KLIK "DESIGN/RANCANGAN".
KLIK "EDIT HTML".
KLIK "Download Template Lengkap" untuk melakukan proses BACK-UP Templates.
- Simpan file template di folder PC. Berikan nama yang berkaitan dengan saat perubahan desain dilakukan (contoh: dec10) untuk memudahkan saat file ini diperlukan kembali.
- Setelah proses penyimpanan file template silahkan tetap di "EDIT HTML".
- KLIK "Expan Widget Templates".
Cari kode ]]></b:skin>. Gunakan Ctrl+F untuk memudahkan pencarian kode.
- Setelah anda klik Ctrl+F secara bersamaan, copy-paste kode ]]></b:skin> dalam box pencarian.
- KLIK "Find".
Simpan javascript di bawah kode ]]></b:skin> dan Kode CSS di atas kode ]]></b:skin>.
Lanjutkan dengan mencari kode <data:post.dateHeader/> dengan cara seperti saat mencari ]]></b:skin>, kemudian ganti kode tersebut dengan xHTML yang baru (disertakan di bawah!).
KLIK "SAVE Templates (Simpan Templates)".

Javascript

]]></b:skin>

<script type='text/javascript'>
//<![CDATA[
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</script>

Kode CSS

h2.date-header{
      margin:1.5em .5em 0.5em;
}
.kalender{
      background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/bgGreenCalendarAnima.gif) no-repeat;
      width:44px;
      margin:20px 10px 0 8px;
      float:left;
      font-weight:bold;
      height:52px;
      text-align:center;
      border:1px solid #777;
      border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
      opacity:0.8;
     -o-transition:all ease-in 1s;
     -moz-transition:all ease-in 1s;
     -webkit-transition:all ease-in 1s;
      filter:alpha(opacity=80);
      padding:1px;
}
.kalender:hover{
      filter:alpha(opacity=100);
      opacity:1.0;
      border-color:red;
}
.month{
      font-size:10px;
      width:33px;
      margin:3px 2px 0 6px;
      text-transform:uppercase; 
      color:#4d010a;
      padding: 2px 0px 0px 0px;
}
.day{
      color:#555;
      font-size:27px;
      width:44px;
      margin:0;padding:0;
}

]]></b:skin>

xHTML

<div class='kalender'>
<script type='text/javascript'>
date_replace(&#39;<data:post.dateHeader/>&#39;);
</script>
</div>

Setelah semua proses selesai, lakukan perubahan format tanggal posting ke bentuk bulan.tanggal.tahun (contoh: 12.22.2010).

KLIK "SETTINGS" (Pengaturan).
KLIK "FORMAT".
Lihat "Format Header Tanggal".
Rubah format tanggal sesuai contoh di atas.
KLIK "SAVE (Simpan).
Buka blog dan lihat hasilnya!

Tutorial Lain

Slahkan buka tutorial lain yang bisa melengkapi tutorial di blog ini!

Cara Membuat Floating Image Link dengan kode CSS dan CSS3

2010-11-04T04:57:00.000-07:00

Jika anda sering menjelajah blog, pasti pernah menjumpai gambar/image yang terpasang di pojok kanan-bawah atau kiri bawah halaman. Gambar-gambar tersebut bisa berupa gambar berekstensi .gif, .jpg atau .png. Beberapa yang lain juga memanfaatkan gambar animasi gif dan flash. Selain berfungsi menambah keindahan, pada gambar bisa ditambahkan sebuah link hingga ketika pengunjung meng-klik gambar tersebut maka dia akan dibawa ke halaman yang baru dari blog tersebut atau ke blog/web dengan alamat berbeda. Floating image yang di dalamnya berisikan link akan memberi manfaat lebih karena sebuah link penting bisa selalu "nongkrong" tepat di sebuah gambar yang terpajang di satu bagian blog yang mudah dan selalu terlihat oleh setiap pengunjung.

Penempatan di pojok kanan-bawah atau di kiri-bawah bertujuan supaya gambar gampang terlihat tidak terlalu mengganggu bagian blog yang lain. Anda bisa menggunakan gambar dengan ukuran "sesuka hati" sepanjang blog tetap nyaman untuk dinikmati pengunjung. Karena di dalamnya sudah diselipkan sebuah link, maka selanjutnya gambar ini kita sebut sebagai floating image link yang akan selalu terlihat sekalipun halaman digulung hingga ujung terbawah.

Kita bisa membuat floating image link dengan 3 macam cara:

Hanya menggunakan xHTML.
Menggunakan kode CSS dan xHTML.
Memadukan kode3 CSS dan CSS3 serta xHTML.

Contoh Floating Image Link yang dibuat hanya menggunakan xHTML dapat anda lihat di halaman ini pada ujung/pojok kanan-bawah.

Jika anda ingin melihat bagaimana sebuah Floating Image Link yang dibangun dengan menggunakan kode CSS, CSS3 transformation dan CSS3 transition serta xHTMl, silahkan klik link DEMO di bawah ini. CSS3 transition dan transformation akan membuat efek yang memperindah tampilan Floating Image Link. Perlu menjadi catatan bahwa karena menggunakan kode CSS3, maka apabila anda ingin melihat bentuk efek dan tampilannya secara sempurna, anda harus menggunakan browser yang sudah mendukung CSS3 seperti Opera 1041 hingga Opera 1063, Google Chrome, Safari dan Mozilla Firefox 4.0 beta 1 hingga beta 6.

D E M O

Kode CSS

#pojok {
        position:fixed;
        left:2px;
        bottom:2px;
}  
#pojok img {
        height:167px;
        width:20px; 
        border:3px solid #888;
        padding:1px;
        background:#aaa;
        border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
       -o-transition:all 1.2s ease-out;
       -moz-transition:all 1.2s ease-out;
       -webkit-transition:all 1.2s ease-out;
}  
#pojok:hover img {
        z-index:99;
        background:#993300;
        border-color:#FF0000;
       -o-transform:rotate(380deg) scale(1.3) translate(25px,-30px);
       -moz-transform:rotate(380deg) scale(1.3) translate(25px,-30px);
       -webkit-transform:rotate(380deg) scale(1.3) translate(25px,-30px);
}

]]></b:skin>

xHTMl

<div id="pojok">
<a href="http://bloggerstuars.blogspot.com/" target="_blank" title="You may learn about 500 of blogger tutorial, here!">
<img src="http://3.bp.blogspot.com/_550XeJhg_o8/TNJ_XRkFxMI/AAAAAAAAArM/lRw4C6CPyXU/s200/gubhugreyot167.20.jpg" /></a>
</div>

</body>

Cara Membuat Floating Image/Floating Image Link

Login : Login ke Blogger.
- Tuliskan Email Address.
- Tuliskan Password.
- KLIK Login.
Dasbor : Setelah login anda akan menjumpai halaman dasbor. Cari dan klik "Design/Rancangan".
Design/Rancangan : klik "Edit HTML".
Cari kode ]]></b:skin>, kemudian letakkan kode CSS di atasnya.
Cari kode </body>, dan letakkan xHTML atasnya.
KLIK SAVE Templates/Simpan Template.
Buka blog dan lihat hasilnya.

Catatan & Keterangan:

Rubah/ganti kode yang berwarna oranye dengan URL yang akan dipasang sebagai link.
Ganti kode yang berwarna kuning dengan teks yang sesuai dengan URL.
Ganti kode yang berwarna merah dengan URL image/gambar.
Ganti nilai width dan height pada kode CSS dengan ukuran yang baru sesuai gambar yang akan ditampilkan.
Gunakan gambar yang tidak terlalu besar agar tidak mengganggu tampilan blog dan kenikmatan pengunjung saat menjelajahi isi blog.

Jika anda ingin membuat Floating Image Link yang khusus hanya menggunakan xHTMl, silahkan buka tutorialnya dengan klik link di bawah ini:

Floating Image Link (xHTML only)

Tutorial Lain

Slahkan buka tutorial lain yang bisa melengkapi tutorial di blog ini!

Cara Menggunakan Onmouseover dan Onmouseout untuk Menciptakan Hover pada Image/gambar

2010-11-03T09:14:00.002-07:00

Hal-hal yang teramat sederhana seringkali dibutuhkan pada saat-saat tertentu. Contohnya adalah membuat atau memunculkan hover sebuah gambar. Jika pada umumnya gambar yang berbeda harus dihasilkan melalui hover dengan menggunakan kode CSS yang disimpan di halaman edit HTML atau widget, dengan memanfaatkan onmouseover dan onmouseout, maka kode CSS tak diperlukan lagi. Cara seperti ini cukup praktis untuk digunakan di halaman posting atau di bagian yang lain seperti halnya di sidebar blog.

Dua buah gambar berbeda, melalui onmouseover dan onmouseout dapat dimunculkan pada satu tempat/ruang yang sama (seperti hover image). Ketika cursor disentuhkan pada gambar maka fungsi onmouseover bekerja sehingga gambar ke-2 terlihat. Saat cursor dijauhkan dari gambar (onmouseout), maka kembali gambar pertama terlihat. Dengan menggerakkan cursor di atas gambar di bawah ini, kemudian melepaskan/menjauhkan kembali cursor dari gambar, maka anda akan melihat bagaimana onmouseover dan onmouseout bekerja.

Fungsi seperti di samping biasanya bekerja dengan cara memanfaatkan hover yang dibangun dalam bentuk kode CSS dimana syntax-nya seperti contoh berikut:

.gambar {height:..px;width:..px;background:url(...jpg) center no-repeat;padding:..px;border:...;margin:..px; ...dst;}
.gambar:hover{background:url(...jpg) center no-repeat; ... dst;}

Untuk membuat efek hover image menggunakan fungsi onmouseover dan onmouseout seperti gambar di atas, kode yang digunakan sbb:

Contoh:

Catatan & Keterangan:

Gunakan dua buah gambar dengan ukuran yang sama.
Penambahkan style berfungsi untuk membentuk berbagai variasi baru serta posisi gambar (border, padding, margin, border-radius, float dan beberapa kode lain yang diperlukan termasuk height dan width).
Jika ingin membuat posisi gambar di kiri, kanan, atau center maka bisa ditambahkan float:left;, float:right; atau display:block;margin:..px auto;
Penggunaan margin disesuaikan dengan posisi gambar (float:left; dan float:right;)
Width dan height disesuaikan dengan ukuran gambar.

Tutorial Lain

Slahkan buka tutorial lain yang bisa melengkapi tutorial di blog ini!

Cara Membuat Menampilkan Widget Label/Categories

2010-11-02T02:13:00.000-07:00

Memahami desain blog hingga penggunaan kode html desain blog merupakan sebuah kewajiban yang harus dilakukan blogger. Pada perkembangan selanjutnya sebuah blog akan cukup banyak memerlukan penambahan widget baru, kode html yang berupa xHTML, kode CSS dan javascript serta CSS3 guna peningkatan performa blog. Terlebih pada saat ini, setiap blogger dituntut untuk mampu mengembangkan diri membangun atau memodifikasi blog hingga halaman blog terlihat rapi dan cantik dengan harapan semakin membuat pengunjung betah berlama-lama membuka halaman demi halaman dan mengikuti setiap posting yang tersaji. Anda harus yakin bahwa penampilan yang lebih menarik dapat segera diciptakan dengan catatan bahwa anda bersungguh-sungguh dan telaten untuk mencoba mempelajari titik demi titik di mana sebuah blog terbangun.

Widget adalah satu dari sekian banyak bagian penyusun dan "kosmetik" bagi blog. Beberapa widget telah disediakan oleh blogger dan anda tinggal menampilkannya di halaman blog. Beberapa widget yang lain disediakan secara gratis ataupun berbayar oleh banyak situs yang tersebar memenuhi jagad maya. Salah satu widget yang telah disediakan blogger adalah widget Label atau Categories. Widget ini berfungsi untuk menampilkan link dari sekelompok posting anda. Sekalipun widget kategori merupakan widget dalam bentuk jadi dan merupakan bawaan blogger/blogspot, nantinya anda bisa melakukan banyak modifikasi hingga widget label yang sederhana ini mampu tampil dengan lebih mempesona. Perubahan pada kode HTML menjadi kuncinya.

Untuk menampilkan sebuah widget label atau categories, ada 1 (satu) syarat khusus yang harus dipenuhi. Karena sifatnya untuk menampilkan "link" bagi sekelompok "link posting", maka anda harus membagi terlebih dahulu posting anda menjadi beberapa kelompok.

Contoh:
Misalnya posting anda berkaitan dengan binatang.
Anda akan mengelompokkan posting dalam bentuk seperti :

Binatang Buas : Isi posting berupa segala macam binatang buas seperti : Harimau, Singa, Kucing Hutan, Beruang, Buaya dsb.
Binatang Melata : Posting akan mengupas tentang segala jenis binatang melata seperti ular, ulat, cicak dsb.
Hewan Memamah Biak : Ulasan posting akan berkisar semua binatang yang menggunakan cara memamah biak dalam proses pencernaan makan, seperti kerbau, sapi, kambing dsb.
Binatang Peliharaan : Dalam posting secara khusus membicarakan/menuliskan segala macam binatang peliharaan seperti kucing, anjing, kelinci, kerbau, kuda, ular dsb.
Hewan Menyususi : Posting akan terkelompokkan dalam beberapa judul posting yang bahasanya berputar soal binatang menyususi, seperti harimau, ikan paus, rusa, dsb.
Hewan Amphibi : Membicarakan katak, buaya dsb.

Keterangan

Pengelompokan berbagai jenis binatang seperti di atas akan memunculkan sebuah label/categories dari beberapa posting yang telah diterbitkan. Kategori Binatang Buas di dalamnya berisi posting tentang harimau, singa serta beberapa binatang buas lainnya. Demikian pula Binatang/Hewan Menyusui adalah 1 (satu) link label/categories yang di dalamnya terdiri dari beberapa link posting tentang hewan menyusui yang jumlahnya bisa mencapai ratusan posting.
Pengelompokan dalam bentuk label dimaksudkan untuk mempermudah pengunjung saat ingin mencari/membaca posting sesuai spesifikasi yang dia inginkan yang tersaji di sebuah blog/web.
Pengelompokkan seperti di atas berlaku untuk semua blog dan semua materi posting. Anda tinggal membuat jenis/nama kategori sesuai keinginan/posting yang menjadi fokus tulisan/artikel di blog anda.
Untuk menciptakan link/kelompok kategori/label, yang nantinya secara otomatis tertampilkan di blog, anda harus mengelompokkan setiap posting dalam kategori yang berbeda dan hal ini dilakukan di halaman posting. Anda bisa melihat gambar di bawah ini:

Gambar di atas akan anda lihat saat anda membuat posting (bagian bawah). Setelah judul dibuat, tuliskan kategori posting anda seperti terlihat pada gambar. Jika anda cermati maka terlihat dalam gambar bahwa label/categori setiap posting tidak harus dibatasi dalam 1 (satu) label. Di sana terlihat CSS3, Modifikasi Blog, Modifikasi Blogger Baru yang digunakan sebagai label atau kategori posting. Hal sama akan terjadi pada contoh tentang posting binatang yang tersampaikan di atas. Ketika artikel/posting mengupas tentang harimau maka anda harus menuliskan label dalam bentuk Binatang Buas, Bintang Menyusui.

Setelah posting terkelompokkan dalam beberapa label, maka langkah terakhir adalah menampilkan widget label/categories. Caranya sebagai berikut:

Login ke Blogger.
Dasboard.
KLIK Design/Rancangan.
KLIK Add a Gadget (Tambah Gadget). Pada box dengan garis terputus-putus. Bisa di sebelah kanan atau kiri (sidebar).
Tunggu hingga widget yang tersedia terlihat. Pilih dan klik Label.
Pilih bentuk Label : Daftar atau Cloud.
KLIK SAVE/Simpan.
Buka blog dan lihat hasilnya.
Jika anda ingin membuat/merubah kebentuk yang berbeda dari yang telah di buat, maka ulangi langkah di atas dan kembali pilih Daftar atau Cloud, baru kemudian klik SAVE/Simpan.

Tutorial Lain

Slahkan buka tutorial lain yang bisa melengkapi tutorial di blog ini!

Cara Membuat Elemen Baru di Bawah Footer & Outer-Wrapper

2010-10-28T04:05:00.000-07:00

Mengapa sebuah elemen baru menjadi sangat penting untuk dibuat? Mengapa pula beberapa elemen ini juga harus dibuat di tempat-tempat tertentu yang sebelumnya tidak pernah tersediakan oleh pembuat desain blog? Sampai seberapa jauh fungsi dan kegunaannya?

Membuat sebuah atau beberapa buah elemen baru harus dilakukan oleh blogger di saat kebutuhan penempatan widget terus bertambah. Widget ini bisa berupa widget dalam bentuk jadi (yang disediakan beberapa situs tertentu termasuk blogger) ataupun widget baru yang kita buat sendiri menggunakan kode HTML yang di simpan melalui Add A Gadget. Mungkin ada suatu pertanyaan lagi? Mengapa tidak secara langsung saja kita masukkan atau simpan kode HTML baru tersebut di "halaman Edit HTML"?

Itulah arti pentingnya sebuah Elemen Baru!
Jika anda menyimpan kode HTML baru langsung di halaman Edit HTML, apabila Kode HTML tersebut berisi teks, maka teks akan selalu terlihat di Page Elements/Elemen Laman. Tentu saja ini akan menjadi gangguan serius bagi kindahan Page Elemen dan juga akan membuat tatanan Page Elements terlihat kacau. Dengan kondisi seperti ini, satu-satunya cara untuk membuat semua halaman dalam blog tetap terlihat rapi dan enak ketika digunakan adalah dengan membuat elemen baru tempat widget tersimpan.

Elemen di bawah footer ini lebih tepatnya berada di bawah outer wrapper (sering disebut juga outer-wrap dan banyak istilah lain) dan tepat di atas tag penutup </body>. Anda bisa melihat di blog ini, dimana beberapa widget yang tidak harus ditampilkan secara menonjol/fulgar bisa kita tempatkan di bagian tersebut (lihat di ujung bawah halaman blog!). Dengan adanya widget baru ini, maka widget footer bisa dimanfaatkan untuk beberapa hal yang "dikhususkan" seperti halnya yang terlihat di bawah. Widget footer ini kita gunakan untuk menempatkan "beberapa hal penting berkaitan dengan identitas blog".

Membuat elemen baru seperti yang telah anda lihat bisa dilakukan dengan sangat cepat dan mudah. Anda tinggal simpan kode CSS dan xHTML di bagian header (Kode CSS) dan di bagian body (xHTML). Jika anda ingin membuatnya, anda bisa mengikuti panduan berikut ini:

Login ke Blogger
Setelah Dasbor terbuka, klik Design (Rancangan).
Kembali klik Edit HTML.
Lakukan prosedur pengamanan template dengan Back-up Templates.
- KLIK Download Full Template (Download Template Lengkap).
- Simpan File Template (berikan nama khusus untuk memudahkan bila diperlukan).
Edit HTML » klik Expand Widget Templates.
Cari kode ]]></b:skin>.
Copy-paste kode CSS dan letakkan di atas kode tersebut.
Lanjutkan dengan mencari kode </body>.
Copy paste kode xHTMl dan letakkan tepat di atasnya.
Silahkan klik "SAVE Templates (Simpan Templates)".
Buka Elemen Laman (Page Elements) dan periksa hasil pembuatan Elemen Baru!
Jika Elemen Baru telah terlihat, cobalah untuk menggunakan elemen baru tersebut guna menempatkan widget. Anda bisa mencobanya dengan beberapa teks atau widget!

Kode CSS-1

#bawahfooter, #bawahfooter1 {
       margin:0;
       padding:0;
       text-align:center;
}
#bawahfooter1 {
       background:#111;
       border-top:4px solid #666;
       border-bottom:6px solid #666;
}
#bawahfooter1 widget{
       margin:2px 0;
       background:#333;    
       padding:5px;
}
#bawahfooter1 widget-content img {
       padding: 2px;
       background:#eee;
       border:2px solid #888;
       border-radius:4px;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;   
}

]]></b:skin>

Kode CSS-2

Jika kode CSS-1 telah dilengkapi dengan beberapa kode sebagai pelengkap elemen dan widget, kode CSS-2 merupakan kode CSS untuk penambah elemen baru dalam bentuk polos. Anda bisa menambahkan beberapa kode CSS baru dan xHTML untuk memberi background, border, padding dan margin serta beberapa kode pelengkap yang lain. Silahkan anda pilih salah satu di antara ke dua macam kode CSS ini. Untuk xHTML-nya tidak ada perubahan.

#bawahfooter {
       margin:0;
       padding:0;
       text-align:center;
}
#bawahfooter1 {
       margin:10px 0 10px 0;
       padding:0;
}

]]></b:skin>

xHTML

<div id='bawahfooter'>
<b:section class='bawahfooter1' id='bawahfooter1' showaddelement='yes'/>
</div>

</body>

Tutorial Lain

Slahkan buka tutorial lain yang bisa melengkapi tutorial di blog ini!

Cara Membuat Drop Caps Otomatis di Posting Blog

2010-10-27T08:59:00.000-07:00

Jika anda membuka sebuah blog dan "huruf pertama" pada posting atau di bagian yang lain selalu berupa huruf dengan ukuran yang berbeda (jauh lebih besar) dengan semua huruf di teks berikutnya, maka itulah yang kita sebut sebagai drop caps. Jadi intinya, dengan menggunakan fungsi drop caps ini maka di semua posting yang diterbitkan, huruf pertamanya akan kita buat dalam ukuran yang jauh lebih besar dari huruf selanjutnya. Cara membuatnya sangat praktis karena kita hanya perlu menambahkan kode CSS dan memanfaatkan tag DIV di pembuka posting. Jika anda ingin melihat seperti apa, sih, sebenarnya drop caps dan apakah drop caps ini akan membuat blog terlihat lebih bagus, silahkan klik link di bawah ini.
D E M O
Untuk membuat drop caps seperti yang telah anda ketahui atau lihat, sebenarnya ada dua cara yang dapat kita gunakan. yang pertama kita gunakan tag span dan yang ke dua kita gunakan tag DIV (sekalipun juga bisa kita gunakan tag p). Jika yang akan kita buat ini kita sebut sebagai Drop cpas otomatis, itu karena selain berfungsi menciptakan efek drop caps, tag DIV ini sekaligus kita manfaatkan sebagai pengatur posting dalam bentuk rata kiri atau rata kanan-kiri (text-align:left; atau text-align:justify;). Dengan kode baru yang kita gunakan, maka anda tidak perlu lagi menambahkan kode <div style="text-align:justify;"> untuk membuat posting rata kanan-kiri.

Kode CSS Drop Caps Otomatis

.post .opening:first-child:first-letter {
       font:50px/18px Georgia, Times New Roman, Times, serif;
       float:left;
       text-align:justify;    
       padding:2px 5px 0 0;
       margin-bottom:-5px;
       color:#0099FF;
       text-shadow:2px 1px 1px #FF9900;
}

]]&lgt;</b:skin>

Copy-paste dan simpan kode tersebut di atas kode ]]></b:skin> dengan cara:

Login ke blogger.
Setelah halaman dasbor terbuka, klik Design/Rancangan.
Lanjutkan dengan KLIK Edit HTML.
Back-up Templates dengan cara klik Download Full Templates/Download Template Lengkap.
SAVE/Simpan file template di folder PC.
Cari kode ]]></b:skin> (gunakan Ctrl+F untuk mempermudah dan mempercepat pencarian kode).
Copy dan letakkan kode CSS Drop Caps Otomatis di atas ]]></b:skin>.
KLIK SAVE Templates/Simpan Templates.
Coba hasilnya dengan membuat posting menggunakan kode HTML (tag DIV) yang baru kemudian buka blog untuk mengetahu berfungsi tidaknya drop caps otomatis yang sudah terpasang.

xHTML untuk Posting

Saat anda membuat posting, gunakan xHTML berikut sebagai tag pembuka posting dan tag penutup posting

<div class="opening">Tuliskan artikel di sini!</div>

Contoh:

<div class="opening">Jika anda membuka sebuah blog dan "huruf pertama" pada posting atau di bagian yang lain selalu berupa huruf dengan ukuran yang berbeda (jauh lebih besar) dengan semua huruf di teks berikutnya, maka itulah yang kita sebut sebagai drop caps. Jadi intinya, dengan menggunakan fungsi drop caps ini maka di semua posting yang diterbitkan, huruf pertamanya akan kita buat dalam ukuran yang jauh lebih besar dari huruf selanjutnya. Cara membuatnya sangat praktis karena kita hanya perlu menambahkan kode CSS dan memanfaatkan tag DIV di pembuka posting. Jika anda .... dst</div>

Catatan & Keterangan

Untuk merubah ukuran font drop caps, silahkan rubah nilai pada
font:50px/18px Georgia, Times New Roman, Times, serif;
Jika pengaturan posisi drop caps diperlukan, lakukan perubahan nilai pada :
padding:2px 5px 0 0;
nilai 2px untuk pengaturan naik turunnya font, 5px untuk mengatur jarak dengan huruf selanjutnya.
text-align:justify; untuk bentuk posting rata kanan-kiri. Untuk merubah ke bentuk rata kiri ganti justify dengan left.
Sesuaikan warna font drop caps dengan merubah warna yang terdapat di code color:#0099FF;. Anda bisa mengganti kode yang berwarna merah dengan kode warna dalam bentuk angka dan huruf atau dalam bentuk teks seperti red, blue, orange dan yang lainnya.
Jika ingin menghilangkan text-shadow, buang kode text-shadow:2px 1px 1px #FF9900;

Tutorial Lain

Slahkan buka tutorial lain yang bisa melengkapi tutorial di blog ini!

Cara Membuat Tag Cloud CSS3 dengan Efek pada Background & Color Link

2010-10-26T12:15:00.001-07:00

Sebelum melangkah lebih jauh untuk membuat tag cloud CSS3 dengan background effect ini, terlebih dahulu kita akan mencoba memahami apa yang dimaksud tagcloud beserta fungsinya seta beberapa jenis tagcloud yang ada.

Tagcloud merupakan sebuah box yang berfungsi sebagai wadah bagi sekelompok link dalam sebuah web. Pada umumnya difungsikan sebagai wadah beberapa link dari posting yang telah diterbitkan. Model penulisan setiap link judul posting pada tagcloud di buat dalam berbagai variasi bentuk, ukuran dan gaya. Variable HTML pembentuk tagcloud dapat menggunakan kode css dan xhtml saja, atau bisa terjadi juga memanfaatkan javascript untuk memperoleh efek-efek yang tidak memungkinkan bila hanya menggunakan kode css. Penggunaan kode yang berbeda ini tentunya juga mempunyai nilai plus dan minus karena disamping efek yang ditimbulkan berbeda, beban yang termuat dalam desain templatepun akan berbeda pula.

Penggunaan kode css (murni) sebagai pembentuk tagcloud mempunyai nilai lebih pada sisi ringannya beban muatan kode html yang ditanggung sebuah blog. Di luar itu dengan hadirnya CSS3, kini banyak efek indah bisa dibuat tanpa bantuan javascript. Jika kita membandingkan dengan tag cloud yang dibuat menggunakan javascrip, tagcloud CSS ini tak akan menjadi terlihat mengecewakan karena background efect dibuat dengan memanfaatkan CSS3 transition hingga ada semacam animasi/fade efect yang muncul saat tersentuh cursor. Untuk menjadi perhatian pula bahwa sekalipun javascript mampu menciptakan berbagai efek yang sangat indah, namun penggunaan script yang berlebihan akan sangat mempengaruhi beban dan loading. Bagi mereka yang mempunyai akses internet dengan kecepatan super, masalah loading tidaklah menjadi problem, tetapi karena akses terhadap sebuah blog bersifat umum (semua orang akan mengakses) dan banyak di antaranya yang loadingnya lambat, maka apabila sebuah blog terlalu berat maka sebagian dari mereka yang menggunakan modem dengan kecepatan lambat akan (malas membuka karena loading yang lama).

Dengan berbagai konskwensi seperti tersebut di atas, sekarang tinggal bergantung kepada pemilik blog. Tagcloud seperti apakah yang akan dimanfaatkan untuk melengkapi penampilan blognya?

Jika anda penasaran untuk melihat CSS3 Tag Cloud, silahkan klik DEMO!

D E M O

Cara Membuat CSS Tag Cloud dengan Background Effect :

Login ke Blogger (Login to Blogger).
Dasbor (Dasboard).
KLIK Design/Rancangan.
KLIK Edit HTML.
Back-up Templates : Amankan template dengan cara :
- KLIK Download Template Lengkap (Download Full Template).
- Simpan Template di folder PC.
- Kembali ke Edit HTML.
Cari KODE ]]></b:skin> .
Copy paste KODE CSS berikut dan letakkan di atas kode ]]></b:skin> .
KLIK Simpan Template (SAVE Template).

KODE CSS :

.tagcloud {
       width:300px;
       margin:10px auto;
       font-family:Times;
       text-align:center;       
       padding:15px 8px;
       border:solid 1px #eee; 
       background:#fff;
}
.tcloud { 
       padding:3px 6px;
       text-decoration:none;
       -o-transition:all 0.6s ease-in;
       -moz-transition:all 0.6s ease-in;
       -webkit-transition:all 0.6s ease-in;       
}
.tcloud:link {
       color:#003EBA;
}
.tcloud:visited {
       color:#ff900;
}
.tcloud:hover {
       color:#ffffff;
       background:#003EBA;
       text-decoration:none;      
}
.tcloud:active {
       color:#ffffff;
       background:#5D7CBA;
}

Cara Menggunakan Kode HTML :

Setelah dasbor anda akan masuk di Page Element/Elemen Laman. KLIK Add a Gadget.
Setelah terlihat beberapa widget, pilih dan KLIK HTML/Javascript.
Akan disediakan sebuah box untuk menambah widget. Copy-paste xHTML ke dalam box.
KLIK Simpan/SAVE.
Buka halaman blog dan lihat hasilnya.

xHTML

<div class="tagcloud">
<a style="font-size:10px" class="tcloud" href="Link-1" title="Title Link-1">Nama Link-1</a>
<a style="font-size:16px" class="tcloud" href="Link-2" title="Title Link-2">Nama Link-2</a>
<a style="font-size:18px" class="tcloud" href="Link-3" title="Title Link-3">Nama Link-3</a>
<a style="font-size:14px" class="tcloud" href="Link-4" title="Title Link-4">Nama Link-4</a>
<a style="font-size:27px" class="tcloud" href="Link-5" title="Title Link-5">Nama Link-5</a>
<a style="font-size:22px" class="tcloud" href="Link-6" title="Title Link-6">Nama Link-6</a>
<a style="font-size:14px" class="tcloud" href="Link-7" title="Title Link-7">Nama Link-7</a>
<a style="font-size:18px" class="tcloud" href="Link-8" title="Title Link-8">Nama Link-8</a>
<a style="font-size:10px" class="tcloud" href="Link-9" title="Title Link-9">Nama Link-9</a>
<a style="font-size:14px" class="tcloud" href="Link-10" title="Title Link-10">Nama Link-10</a>
</div>

Keterangan:

Link-1 s/d Link-10 bisa diperbanyak disesuaikan dengan dengan jumlah link yang akan ditampilkan.
Link-1 s/d Link-10 adalah link posting yang telah diterbitkan dengan URL seperti misalnya :
http://..../....../judul posting.html
Nama Link-1 s/d Link-10 = Judul Posting/menu.
Title Link berisikan penjelasan singkat Nama Link.

Tutorial Lain

Slahkan buka tutorial lain yang bisa melengkapi tutorial di blog ini!

Promosikan Blog Anda di "Tecnorati Baru"

2010-04-20T21:16:00.000-07:00

TECHNORATI BARU

Setelah sekian lama nggak pernah sowan di Technorati, hari ini aku datang meminta maaf karena lupa berterima kasih dengan semua kebaikan yang telah diberikan selama berbulan-bulan. Orang memang biasa melupakan jasa yang telah disemaikan. Sifat yang manusiawi dan terkadang perlu di maklumi serta diberi maaf sebesar-besarnya (kecualui aku, tentunya !). Banyak yang telah berubah ternyata. Tidak hanya dandanannya yang terlihat lebih manis dan bersahabat, ternyata ada perubahan besar di layanan birokrasinya. Kalau dulu untuk sekedar minta tolong mempromosikan blog nggak perlu banyak thethek bengek, ternyata sekarang jauh lebih mremet dan butuh kesabaran extra. Terlalu banyak yang ngantri mungkin, ya? Atau karena nggak ada "markus" yang ikutan menjual jasa? He...he... Bener-bener bikin kepala panas, semangat melorot dan sedikit gondok setelah aku mencoba mempromosikan sebuah blog temanku yang mengeluh sampai meler-meler ingusnya! Aha... ini yang namanya tantangan. Ini yang namanya ujian mental! Dus..., akhirnya aku cuma bisa ngomong sama temanku. Sabar....sabar..., semua memang harus dihadapi dengan hati yang dingin. Nggak perlu kuatir. Segala sesuatu yang diupayakan dengan susah payah dan penuh kesabaran pasti akan mendatangkan berkah yang jauh lebih besar. Sambil menunggu proses penilaian dari Technorati, buatlah posting seperti biasanya. Syukur tantangan ini justru lebih memacu semangatmu. Jika dulu seminggu hanya satu posting, sekarang buatlah menjadi 3 posting. Percayalah Technorati hanya mau melihat kesungguhanmu nge-blog. Temanku hanya manggut-manggut dengan muka masam. Masih dongkol, kali.

Meskipun cara untuk melakukan promosi di Technorati telah aku posting dengan cukup detail (bisa kamu buka di sini.), dengan menyertakan beberapa gambar untuk memvisualisasikan prosedur yang memang cukup sulit, karena banyak hal yang sudah berubah maka kita akan pelajari bersama langkah-langkah yang mesti dilakukan.

Langkah melakukan promosi blog di "Technorati baru" Tahap-1 :

Sign Up
Gunakan alamat ini untuk memulai promosi http://technorati.com/account/signup/. Atau kamu bisa juga "KLIK" di sini.

Real first name :
Isi dengan nama depan kamu seperti di email.

Real last name :
Isi dengan nama belakang kamu seperti di email.

Member name :
Tulis nama untuk member (User Name).

Email address :
Tulis email kamu di box yang telah disediakan. Tulis kembali di box bawahnya (Comfirm Email).

Password
Tulis Password dan ulangi kembali untuk box bawahnya.

Character
Tuliskan karakter yang telah disediakan pada box di sebelah kanannya.

Agreement
Beri persetujuan dengan memberi tanda pada box kecil tanda persetujuan di sebelahnya.

Join
KLIK "KLIK button Join".

Tahap-2

Account Activation
Buka email kamu dan "KLIK" link aktivasi akun dari Technorati dibawah teks :
You're almost ready to start using Technorati! To verify your email address and get started, please go to:

Account Activated!
Akun telah anda telah di aktifkan. oleh Technorati. Segera "KLIK" Sign in.

Member Login!
Tulis Member Name (User Name) kamu kemudian KLIK button Login.

My Profile
Perhatikan ujung atas sebelah kanan. Di sebelah kiri Image Profile terdapat Member Name (User Name). Klik Namamu tersebut untuk masuk ke akun kamu (My Profile).

Starting Claim
Di ujung terbawah halaman My Profile terdapat box dengan kalimat Start a blog Claim - ..... - claim. Ketikkan URL blog yang akan kamu klaimkan
Contoh : http://bloggerstuars.blogspot.com

Claim a New Blog
Terlihat sebuah halaman baru dengan judul seperti di atas. Beberapa hal yang berkaitan dengan identitas dan deskripsi blog yang kamu klaimkan harus di sampaikan di halaman ini.
- Blog title :
  Tulis dengan jelas nama blog kamu.
- URL :
  URL blog ditulis seperti : http://bloggerstars.blogspot.com
- URL Feed :
  URL Feed untuk blogger bisa menggunakan :
  1. URL blog kamu/feeds/posts/default
  2. URL blog kamu/feeds/posts/default
  3. Kalau dari Feedburner misalnya : http://feeds.feedburner.com/blogspot/....
- Linking Blog :
  Tulis URL blog yang ngelink ke blog kamu. Atau kamu tuliskan URL blog-blog yang kamu punya.
- Site Description :
  Tulis dalam bahasa Inggris seputar blog yang kamu ingin klaimkan.
- Site Categories :
  Pilih diantara kategori yang tersedia dengan KLIK box yang tersedia (max=3).
- Site Tags :
  Kamu tulis keyword (kata yang paling sering atau penting digunakan ketika posting dalam setiap kolom-kolom kecil yang disediakan cukup banyak tersebut.
- Proceed to the Next Step
  KLIK button tersebut.

Lihat Email
Tunggu hingga proses di atas selesai kemudian buka email kamu. Ambil Claim Token yang bentuknya seperti ini : FEH2H4GUJKLD (hanya contoh!). Terbitkan di ruang posting blog yang kamu klaimkan. Nggak usah disertakan judul atau apapun karena hanya digunakan sebagai bukti oleh Technorati bahwa kamu pemilik blog yang sedang di daftarkan untuk promosi sekaligus memastikan kamu penulis dari blog tersebut.

Check Claim
Kembali buka halaman My Profile. Langsung ke bagian terbawah. "KLIK" Check Claim box.

Claim Status
Ini hanyalah verifikasi ulang yang dilakukan Technorati. "KLIK" Verify Claim Token.

Periksa Email
Kembali kamu harus membuka email kamu. Perhatikan email yang kamu terima dari Technorati. Thank you for submitting your blog claim on Technorati. We have successfully crawled your blog and found the claim token, and your claim is now awaiting review.

Hapus Claim Token
Hapus Claim Token dari halaman posting anda karena telah terdeteksi oleh Technorati.

Harus Menunggu ?
Buka Halaman My Profile di Technorati. Jika blog anda sudah ditampilkan, berati ada dua kemungkinan.
- Proses registrasi langsung bisa diselesaikan.
  Bila proses registrasi kamu berjalan dengan sangat bagus tanpa diharuskan menunggu penilaian Technorati, ikuti langkah ke-3!
- Masih harus menunggu penilaian.
  Tetaplah rajin membuat posting dan cobalah untuk selalu melakukan cek ulang di Technorati dengan membuka halaman My Profile atau anda coba cek email anda.

Tahap ke-3 :

Favourite Buttons
Kamu akan dipersilahkan memilih beberapa buah button favourite yang berisi link ke Technotrati. Pilih yang kamu suka, copy kode htmlnya dan simpan di template kamu. Terserah mau kasih di sidebar atau di mana yang jelas menggunakan penambahan widget.

Save Blog Info
"KLIK" dan proses klaim blog anda selesai. Silahkan posting serutin mungkin untuk menggapai popularitas. Nantikan rejeki yang akan mengalir ke kantong kamu. dan jangan lupa :

Pesan Eyang Kakung:

Berbagilah kamu senantiasa dalam keadaan susah dan senang ! Maksud eyang kakung tentunya bagi-bagi du'it

Creating a Simple Tag Cloud Using Background Effects

2010-04-15T18:58:00.000-07:00

Sebelum melangkah lebih jauh untuk membuat tagcloud dengan memanfaatkan efek background, terlebih dahulu kita akan mencoba memahami apa yang dimaksud tagcloud beserta fungsinya seta beberapa jenis tagcloud yang ada.

Tagcloud merupakan sebuah box yang berfungsi sebagai wadah bagi sekelompok link dalam sebuah web. Pada umumnya difungsikan sebagai wadah beberapa link dari posting yang telah diterbitkan. Model penulisan setiap link judul posting pada tagcloud di buat dalam berbagai variasi bentuk, ukuran dan gaya. Variable HTML pembentuk tagcloud dapat menggunakan kode css dan xhtml saja, atau bisa terjadi juga memanfaatkan javascript untuk memperoleh efek-efek yang tidak memungkinkan bila hanya menggunakan kode css. Penggunaan kode yang berbeda ini tentunya juga mempunyai nilai plus dan minus karena disamping efek yang ditimbulkan berbeda, beban yang termuat dalam desain templatepun akan berbeda pula.

Penggunaan kode css (murni) sebagai pembentuk tagcloud mempunyai nilai lebih pada sisi ringannya beban muatan kode html yang ditanggung sebuah blog, sehingga relatif tidak mempengaruhi kecepatan loading. Meskipun penggunaan javascript mampu menciptakan berbagai efek yang memperindah penampilan sebuah blog, namun penggunaan script yang berlebihan akan sangat mempengaruhi beban dan loading. Bagi mereka yang mempunyai akses internet dengan kecepatan super, masalah loading tidaklah menjadi problem, tetapi karena akses terhadap sebuah blog bersifat umum (semua orang akan mengakses), maka apabila sebuah blog terlalu berat maka blog tersebut mejadi jarang di buka orang (malas karena nunggunya lama).

Dengan berbagai konskwensi seperti tersebut di atas, sekarang tinggal bergantung kepada pemilik blog. Tagcloud seperti apakah yang akan dimanfaatkan untuk melengkapi penampilan blognya?

Cara Membuat CSS Tacloud menggunakan efek background :

Login ke Blogger (Login to Blogger).
Dasbor (Dasboard).
KLIK Design (Rancangan).
KLIK Edit HTML.
Back-up Template : Amankan template dengan cara :
- KLIK Download Template Lengkap (Download Full Template).
- Simpan Template di folder PC.
Cari KODE ]]></b:skin> .
Copy paste KODE CSS berikut dan letakkan di atas kode ]]></b:skin> .
KLIK Simpan Template (SAVE Template).

KODE CSS :

.tagcloud {
       width:300px;
       font-family:Times;
       padding:15px 8px;
       border:solid 1px #eee; 
       background:#fff;
}
.tcloud { 
       padding:3px 6px;
       text-decoration:none;
}
.tcloud:link {
       color:#003EBA;
}
.tcloud:visited {
       color:#ff900;
}
.tcloud:hover {
       color:#ffffff;
       background:#003EBA;
}
.tcloud:active {
       color:#ffffff;
       background:#5D7CBA;
}

xHTML

Copy xHTML di bawah ini dan simpan melalui Add a Gadget (tambah Gadget) di Elemen Laman.

<div class="tagcloud">
<a style="font-size:10px" class="tcloud" href="Link-1" title="Title Link-1">Nama Link-1</a>
<a style="font-size:16px" class="tcloud" href="Link-2" title="Title Link-2">Nama Link-2</a>
<a style="font-size:18px" class="tcloud" href="Link-3" title="Title Link-3">Nama Link-3</a>
<a style="font-size:14px" class="tcloud" href="Link-4" title="Title Link-4">Nama Link-4</a>
<a style="font-size:27px" class="tcloud" href="Link-5" title="Title Link-5">Nama Link-5</a>
<a style="font-size:22px" class="tcloud" href="Link-6" title="Title Link-6">Nama Link-6</a>
<a style="font-size:14px" class="tcloud" href="Link-7" title="Title Link-7">Nama Link-7</a>
<a style="font-size:18px" class="tcloud" href="Link-8" title="Title Link-8">Nama Link-8</a>
<a style="font-size:10px" class="tcloud" href="Link-9" title="Title Link-9">Nama Link-9</a>
<a style="font-size:14px" class="tcloud" href="Link-10" title="Title Link-10">Nama Link-10</a>
</div>

Keterangan :

1. Link-1 s/d Link-10 : bisa diperbanyak disesuaikan dengan dengan jumlah link yang akan ditampilkan.
2. Link-1 s/d Link-10 : link posting yang telah diterbitkan dengan URL seperti misalnya :
http://..../....../judul posting.html
3. Nama Link-1 s/d Link-10 = Judul Posting.
4. Title Link : berisikan penjelasan singkat Nama Link.

Tutorial Lain

Slahkan buka tutorial lain yang bisa melengkapi tutorial di blog ini!

Cara Posting Kode HTML

2010-04-07T12:18:00.000-07:00

Posting kode html sebenarnya hampir sama dengan posting dalam bentuk teks yang lain. Sedikit perbedaan hanya terjadi pada beberapa kode tertentu seperti tanda lebih kecil dari (<) atau lebih besar dari (>), tanda petik (') atau tanda petik dua ("). Meskipun di luar kode-kode tersebut , masih ada beberapa kode lain yang harus dituliskan secara khusus, tetapi yang paling sering digunakan adalah 4 (empat) kode yang tertulis di atas. Itupun, untuk kode tanda petik dan tanda petik dua bisa dituliskan seperti apa adanya.

A. Tanda < dan tanda > digunakan pada kode html seperti :

<script type="text/javascript">
.....
.....
.....
</script>

atau contoh yang lain misalnya :

<style type="text/css">
.....
.....
.....
</style>

Juga pada KODE seperti :

1. <link href="http://....../...../font.css rel="stylesheet" type="text/css" />

2. < script src="http://...../...../jquery.1.3.2.min.js" type="text/javascript">
3. <img src="http://...../...../...../gadis.jpg" width="200" height="300" />

4. <a href="http://bloggerstuars.blogspot.com>bloggerstars-1</a>

B. Cara menuliskan tanda < dan > dalam kode html :

1. tanda < dituliskan sebagai < .

Contoh : <script .....

ditulis : <script .....

2. Tanda > dituliskan sebagai >

Contoh : ..../gadis.jpg/>

ditulis : ..../gadis.jpg/>

C. Tanda (') dan (") mempunyai fungsi sama dan jika ingin menuliskan dalam bentuk khusus silahkan dituliskan sebagai " .

Cara Menggunakan Link

2009-12-07T13:59:00.000-08:00

Link pada dasarnya merupakan sebuah alamat pada suatu dokumen HTML. Dalam sebuah web atau blog sebuah link dapat dengan cepat dikenali dengan perubahan yang terjadi pada bentuk cursor, warna/ukran teks, perubahan gambar dan banyak bentuk yang lain bergantung kepada pemilik blog dalam menggunakan "KODE" di templatenya. Melalui perintah dalam bentuk KODE tertentu, maka sebuah link akan membuat perpindahan dari satu bagian ke bagian yang lain, baik dalam web itu sendiri ataupun perpindahan ke window yang baru. Berdasarkan fungsinya, link dibedakan menjadi 3 jenis link:

1. Link Relatif.
2. Link Absolut, dan
3. Link dalam dokumen yang sama.

Kode sebuah link :

<a href="Alamat">Nama Alamat</a>

1. Link untuk perpindahan ke web baru :

Contoh :

Untuk membuat blog baru, silahkan kunjungi blogger.com,

Bentuk linknya :

Untuk membuat blog baru silahkan kunjungi <a href="http://www.blogger.com">blogger.com</a>

D E M O :

KLIK di sini untuk membuat blog baru

2. Link untuk window baru (IE) atau tab baru (Opera dan Mozzila).

Apabila kita menggunakan KODE seperti di bawah ini, maka ketika sebuah link di KLIK, maka web yang tertulis dalam link akan di buka di window baru (di IE) atau tab baru (di Mozzila dan Opera).

Untuk membuat blog baru silahkan kunjungi <a href="www.blogger.com" target="_blank" >blogger.com</a>

D E M O :

KLIK di sini untuk membuat blog baru

3. Link untuk perpindahan ke bagian yang lain dalam dokumen yang sama (dalam satu halaman blog).

Dengan menggunakan fungsi link, maka perpindahan dari satu bagian ke bagian yang lain dalam satu dokumen dapat dilakukan dengan sangat cepat tanpa harus melakukan scrolling. Fungsi ini biasanya dimanfaatkan untuk perpindahan secara cepat ke bagian atas blog (TOP), ke paragraf lain, artikel(posting) lain, atau ke bab lain.

KODE yang digunakan :

a. Ke bagian atas blog.

< href="#top">- Kembali ke Atas/TOP -</a>

b. Ke judul artikel, paragraf atau bab lain.

Cara membuat link :

Tambahkan KODE seperti di bawah pada setiap judul, paragraf atau bab dalam sebuah posting.

Untuk Judul, paragraf atau bab:

<a name="Judul/paragraf/bab">Teks lengkap Judul/paragraf/bab</a/a>

Link yang harus dibuat :

<a href="Judul/paragraf/bab">- ke Judul/paragraf/bab -</a/a>

Contoh :

1. Bab 5 adalah Pemanfaatan Link Untuk Perpindahan Bagian Posting

Tulis bab 5 sebagai :

<a name="bab5">ke Bab 5: Pemanfaatan Link Untuk Perpindahan Paragraf/bab Posting</a>

Tulis Link untuk ke bab 5 seperti ini :

<a href="#bab5">KLIK di sini untuk kembali ke Bab 5 : Pemanfaatan Link Untuk Perpindahan Paragraf/bab Posting</a>

D E M O :

KLIK di sini untuk kembali ke bagian : Link untuk perpindahan ke web baru

2. Kembali ke Judul Posting:

<a name="judul">Link pada dasarnya</a>

"Teks Link pada dasarnya" di gunakan untuk link karena tempatnya paling dekat dengan judul posting. Coba lihat teks di bawah judul yang berwarna kuning!!!

Untuk kembali ke judul, KODE yang digunakan adalah :

<a href="judul">Kembali ke Judul Posting</a>

D E M O :

KLIK Kembali ke Judul Posting di bawah ini untuk kembali ke Bagian teratas posting:

Kembali ke Judul Posting

Bouncescroll Text

2009-12-01T13:40:00.000-08:00

Bouncescroll text berfungsi untuk menampilkan animasi teks yang bergerak seperti gelombang sinusoidal dengan kecepatan gerak bounce serta tinggi gelombang sinus (distance) serta kecepatan scroll yang dapat diatur. Dengan perubahan pada variable distance semakin besar, maka bentuk gelombang yang diciptakan akan semakin besar. Demikian juga, penambahan nilai variabel scrollspeed dan bouncespeed akan membuat gerak teks semakin bertambah cepat.

Cara membuat Bouncescroll Text :

Copypaste bouncescroll.js di bawah ini dan upload di file/javascript hosting:

2. Copypaste Javascript berikut dan letakkan di bagian body di antara <body> dan </body> bersama bouncescroll.js hasil upload anda, sehingga dengan susunan seperti di bawah ini :

<script language="JavaScript">
var author="";
var text="Selamat Datang! gubhugreyot-bloggerstars1";
var textfont="Helvetica";
var textcolor="fdb902";
var textstyle="bold";
var textsize="26";
var scrollspeed="4";
var bouncespeed="1";
var distance="600";
var posy="600";
var regkey="";
var reglink="";
var regtarget="";
</script>

<script type="text/javascript" src="http://......./bouncescroll.js"></script>

KODE berwarna kuning dapat di rubah di disesuaikan dengan keinginan pengguna :

- Selamat Datang! gubhugreyot-bloggerstars1 : teks yang ditampilkan.
- Helvetica : jenis font bisa diganti dengan arial, cursive atau verdana.
- fdb902 : warna teks.
- bold : style teks bisa diganti dengan italic.
- 26 : ukuran font.
- 4 : kecepatan scroll (arah atas bawah)--> semakin besar semakin cepat.
- 1 : kecepatan bounce (arah teks bergerak) --> semakin besar semakin cepat.
- 600 : distance --> tinggi gelombang gerak dalam pixel.
- 600 : posisi teks dari batas atas (header).

Catatan :

- Sebelum melakukan penambahan animasi ini sebaiknya amankan template terlebih dahulu.

Drop in Content Box

2009-11-25T09:28:00.000-08:00

Drop in Content Box bisa dimanfaatkan untuk menyampaikan kata sambutan yang berupa ucapan selamat datang, pesan kepada pembaca, iklan, memuat gambar/photo atau mungkin profil blogger dengan menampilkan secara bersamaan antara foto dan identitas yang layak diketahui pemngunjung blog. Fungsi yang cenderung fleksibel ini membuat drop in content box menjadi sangat layak untuk di dayagunakan guna melengkapi dan menambah daya tarik blog.

Cara membuat drop in content box :

1. Lakukan pengamanan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML.

- Cari KODE ]]></b:skin>

3. Letakkan KODE CSS berikut persis di atas ]]></b:skin>

<style type="text/css">
#BGSdropinGRcover{
width: 330px; /*change width to desired */
height: 300px; /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}
#BGSdropinGR{
font-weight:bolder;
color:#00FF99;
width: 302px; /*change width to above width-20. */
height: 280px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
margin:0;
border: 8px double magenta; /*Customize box appearance*/
background: #404041;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}
</style>

4. Letakkan javascript berikut persis di bawah ]]></b:skin>

5. Letakkan KODE berikut pada bagian <body> :

<div id="BGSdropinGRcover">
<div id="BGSdropinGR">
<center><a href="#" onClick="dismissboxv2();return false" style="background:#6699FF; border:2px solid #666666;padding:2px; border:2px solid #CC3300; font-size:12px;"> - CLOSE - </a><br />
<img src="http://www.wallpapers3dvistaxp.com/mfiles/6940hb.jpg" style="width:200px; height:100px;"/><br />
Drop in Content Box bisa dimanfaatkan untuk menyampaikan kata sambutan, ucapan selamat datang, pesan kepada pembaca, iklan, memuat gambar atau mungkin profil blogger dengan menampilkan secara bersamaan antara foto dan identitas yang layak diketahui pemngunjung blog.<br />
<font style=" background:black; border:1px solid #990000; font-weight:bolder; "><a href="http://gubhugreyot.blogspot.com">bloggerstars1 - gubhug reyot</a></font></center>

6. KLIK Simpan Template.

7. Lihat hasilnya dengan membuka blog.

Catatan :

- KODE yang berwarna merah, oranye dan hijau di atas (no. 5), silahkan untuk disesuaikan dengan kebutuhan blog anda !

Duble Click to Top Page

2009-11-25T08:58:00.000-08:00

Memberi kemudahan kepada pengunjung blog merupakan salah satu bentuk layanan yang tentunya akan sangat dihargai. Double Click to Top Page bermanfaat saat pembaca blog hendak kembali ke halaman blog di bagian teratas, setelah menghabiskan waktunya menjelajahi blog hingga ke bagian paling dasar. Rangkaian script di bawah berfungsi untuk menterjemahkan fungsi tersebut. Hanya dengan melakukan KLIK dua kali secara berurutan (doble click) pada mouse, maka halaman teratas blog akan tersaji di depan mata dalam hitungan sepersekian detik.

Cara pembuatan double click to top page:

1. Lakukan pengamanan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML.

- Cari KODE ]]></b:skin>

3. Letakkan KODE berikut persis di bawah ]]></b:skin>

<script language="JavaScript1.2">
function dblclick() {
window.scrollTo(0,0)
}
if (document.layers) {
document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;
</script>

4. KLIK Simpan Template.

5. Coba hasilnya dengan membuka blog.

Catatan :

- KLIK Ctrl + F pada keyboard secara bersamaan untuk memudahkan pencarian KODE ]]></b:skin>

Slide Calendar

2009-11-25T02:29:00.000-08:00

Slide Calendar merupakan sebuah kalender yang sangat praktis dengan manfaat yang benar-benar terasakan. Meskipun hanya menggunakan secuil javascript yang sangat ringkas, kalender mampu menampilkan penanda hari, tanggal, bulan dan tahun. Bentuknya yang mungil,membuat halaman blog tidak bertambah semrawut melainkan justru membuat tampilannya semakin cakep.

Cara membuat Slide Calendar :

1. Lakukan pengamanan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML.

- Cari KODE <body>

- Copy paste KODE berikut dan letakkan persis di bawah KODE <body>

<b><font size="3" color="#3b32fd" face="cursive"><marquee align="left" behavior="slide" width="250" direction="right" loop="0">
<script type="text/javascript">
/* bloggerstars - gubhug reyot */
var dayNames = new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu");
var monthNames = new Array("Januari","Febuari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
var now = new Date();
document.write(dayNames[now.getDay()] + ", " + now.getDate() + " " + monthNames[now.getMonth()] + ", "+ (2009) );
</script>
</marquee></font></b>

3. KLIK Simpan Template.

4. Buka blog untuk melihat hasilnya !

Catatan :

- Gunakan Ctrl + F (di keyboard) untuk memudahkan saat mencari KODE <body>
- Saat tahun 2009 berakhir, ganti 2009 dengan 2010.

Membuat Link Pelangi

2009-11-24T15:51:00.000-08:00

Dari nama pelangi yang dipergunakan, kiranya sudah cukup jelas arti judul di atas. Kalau pada umumnya link pada sebuah blog hanya berupa teks satu warna, dengan memanfaatkan javascript di bawah ini maka seluruh link yang terdapat dalam blog akan terlihat sebagai teks dengan warna yang berubah-ubah seperti warna-warna pelangi.

Cara membuat link pelangi :

1. Amankan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata Letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Copy KODE berikut dan tempatkan pada bagian head di atas ]]></b:skin>

3. Ganti KODE <body> dengan KODE <body onLoad="start()">

4. Simpan Template.

5. Buka blog untuk melihat hasilnya.

Catatan :

- Untuk mempermudah pencarian KODE ]]></b:skin> dan <body> , KLIK secara bersamaan Ctrl+F

Mengatasi Trouble Pemasangan Javascript

2009-11-24T15:06:00.000-08:00

Meskipun hampir semua javascript dapat dengan mudah terpasang pada template, beberapa javascript dengan KODE tertentu (seperti misalnya &) menjadi sulit terpasang karena ditolak saat dilakukan proses penyimpanan di bagian tag head atau body. Untuk mengatasi permasalahan ini, biasanya penyimpanan kemudian dilakukan lewat penambahan gadget atau dengan di upload terlebih dahulu di file hosting. Apabila javascript tersebut berisikan KODE dengan variable yang tidak perlu dirubah-rubah tidaklah menjadi persoalan. Berbeda yang terjadi, seandainya beberapa variable javascript yang kita pergunakan tersebut pada saat-saat tertentu harus selalu dilakukan perubahan. Untuk mengatasi persoalan ini, mungkin KODE di bawah bisa menjadi solusinya.

- KODE yang biasa dipakai:

<script type="text/javascript">

ISI JAVASCRIPT

</script>

- Ganti KODE menjadi seperti di bawah ini :

<script type='text/javascript'>
//<![CDATA[

ISI JAVASCRIPT

//]]>
</script>

Mendayagunakan Margin pada Posting Gambar

2009-11-24T07:18:00.000-08:00

Margin pada sebuah posting gambar atau photo sering kali tidak begitu diperhatikan dan dimanfaatkan dengan baik oleh para blogger saat melakukan posting, karena pemahaman yang kurang tentang KODE HTML, khususnya yang berkaitan dengan margin. Keteledoran ini mengakibatkan gambar atau photo terpostingkan begitu saja tanpa ada upaya untuk membuat penataan dengan memanfaatkan margin yang tersedia. Pada dasarnya, besaran angka margin merupakan nilai yang digunakan untuk mengatur jarak antara suatu bidang dengan bidang yang lain, yang pada penggunaanya memberi keleluasaan blogger untuk mengatur jarak pada ke 4 sisi bidang. Margin atas untuk mengatur jarak bagian atas, margin kanan untuk mengatur jarak bagian kanan, margin bawah untuk mengatur jarak dengan bidang di bawahnya dan margin kiri digunakan untuk mengatur jarak dengan bidang (garis, gambar atau teks) yang berada di sebelah kirinya. Pengaturan margin memungkinkan blogger untuk membuat penataan yang diinginkan saat melakukan posting gambar ataupun photo yang disertai teks. Hal yang perlu diperhatikan adalah, pengaturan margin untuk penataan gambar hanya bisa dilakukan pada saat dilakukan posting pada menu POSTING EDIT HTML.

Contoh KODE Gambar atau Photo pada menu Posting Edit HTML:

- Apabila KODE gambar ini dipergunakan seperti apa adanya, maka pola susunan gambar yang di hasilkan saat posting adalah seperti di bawah ini :

Gambar posting yang di buat tanpa perubahan nilai margin akan menghasilkan pola tampilan gambar dan teks seperti ini.
Pada posting ini terlihat betapa gambar bagian atas terlihat terlalu menonjol ke atas melebihi teks

- Pemanfaatan margin untuk merubah pola tampilan (posisi gambar) :

Penataan posisi gambar bisa dilakukan dengan cara merubah nilai margin untuk memperoleh pola penataan yang tertata dan sesuai sehingga mampu memberikan penampilan yang indah serta rapi.

margin yang dipergunakan pada gambar di sebelah adalah : margin: 25px 20px 10px 20px;

- Pemanfaatan penggunaan margin akan lebih terasakan pada saat dalam satu posting menampilkan lebih dari satu gambar/photo.

Tips Memasang KODE CSS baru

2009-11-24T06:55:00.000-08:00

Sebelum memasang KODE HTML baru, terutama yang berupa KODE CSS, beberapa hal yang berkaitan dengan pola pemasangan KODE HTML harus diperhatikan supaya KODE yang baru tidak justru mengakibatkan perubahan yang tidak diharapkan pada blog.

1. Penambahan KODE pada sebuah sintak:

- Contoh :

.sidebar{
color:#c1edec;
line-height:0.5em;
padding-top:5px;
}

Penambahan KODE baru dilakukan dengan cara menempatkan KODE sebelum tanda } ,

Bentuk sintak setelah dilakukan penambahan KODE baru :

.sidebar{
color:#c1edec;
line-height:0.5em;
padding-top:5px;
background:#fff;
border:1px solid blue;
}

2. Penambahan kode pada body :

- Perhatikan bentuk huruf yang digunakan sebagai tambahan. Seringkali KODE body baru menggunakan KODE dalam huruf besar (BODY). Ubah KODE kebentuk seperti yang digunakan pada template. Misalnya :

- contoh :

BODY {
....
}

- KODE baru yang dipergunakan sebaiknya menggunakan standar template, seperti:

body {
....
}

3. Penambahan KODE pada <body>

Penambahan KODE pada biasanya dipergunakan pada saat kita menggunakan penggunaan KODE baru yang berupa Javascript.

- Contoh :

- <BODY on onload="rotate()">

Penggunaan HURUF besar pada KODE body terkadang berpengaruh.

- Rubahlah tetap dalam bentuk standar template, sehingga bentuknya menjadi :

- <body on onload="rotate()">

4. KODE CSS baru yang dibutuhkan saat menambahkan fungsi baru :

- contoh :

. menuddhorz {
background:#fff;
width:auto;
color:green;
border:1px solid #000;
}
.... dst
#menuddhorz li a {
...dst
}

- Letakkan KODE tersebut di atas KODE ]]></b skin> dengan menambahkan KODE :

<style type="text/css">

KODE CSS Baru

</style>

5. Cara menambahkan KODE CSS baru yang tersimpan dalam file hosting :

Contoh alamat CSS yang dipergunakan :

- http://h1.ripway.com/GR_menuhorz.css
- KODE di tempatkan di atas KODE ]]></b skin> dengan bentuk penulisan KODE :

<link href="http://h1.ripway.com/GR_menuhorz.css" rel="stylesheet" type="text/css">

Catatan :

- Sebaiknya semua penulisan KODE HTML pada template selalu menggunakan huruf kecil !!

Menambah Widget di atas Halaman Posting

2009-11-23T11:18:00.000-08:00

Pada blog baru, biasanya widget hanya ada di bagian footer dan sidebar sehingga penambahan gadget baru hanya bisa dilakukan pada elemen tersebut. Supaya mempunyai tempat yang lebih lebih leluasa dalam menempatkan penambahan gadget baru, kita bisa menambahkan widget baru di beberapa bagian pada blog. Salah satunya adalah di atas halaman posting.

Cara menambah widget di atas halaman posting :

1. Amankan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata Letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. tetap di Edit HTML

Cari KODE :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>

3. Ganti 'no' menjadi 'yes' , sehingga kode berubah menjadi :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>

4. Simpan Template.

5. Lihat hasilnya dengan membuka Elemen halaman.

Membuat Bingkai dan Background Link

2009-11-23T10:33:00.000-08:00

Link yang biasanya hanya berupa teks biasa, dengan sedikit menambahkan KODE css, bisa di tampilkan dalam bentuk berbeda yang membuat pengunjung blog menjadi lebih mudah dalam membedakan antara teks biasa dan teks yang merupakan link. Supaya perbedaan link menjadi lebih kentara, kita akan menambahkan sebuah background dan bingkai yang akan membuat link yang kita berikan juga tampil semakin cantik.

Cara membuat background dan bingkai link :

1. Amankan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata Letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML :

Edit HTML --> Cari KODE a:link ...dst yang berakhir dengan KODE }

KODE ini berada tidak jauh di bawah <head>

3. Ganti KODE di atas dengan :

a:link{
background:#fff url(http://i47.tinypic.com/2iqoc2w.jpg);
border:1px #b5ffb7 solid;
color:#c4c6e0;
text-decoration:none;
}

4. Kode yang berwarna hijau bisa dirubah untuk disesuaikan dengan warna blog:
- http://i47.tinypic.com/2iqoc2w.jpg --> background image link.
- 1px dan #b5ffb7 --> tebal dan warna border.
- #c4c6e0 --> warna teks link
- Untuk text-decoration bisa tetap atau diubah menurut selera.

5. Simpan Template.

6. Lihat blog untuk melihat hasilnya!

Beberapa Alternatif Koneksi Modem Smart Haier D 1200P

2009-11-19T09:22:00.000-08:00

Modem Smart Haier D 1200P akhir-akhir ini benar-benar sering bikin stress penggunanya. Tidak bisa disangkal lagi, peningkatan jumlah pengguna yang kurang seimbang dengan peningkatan kwalitas layanan menjadi faktor utama "lelet"nya akses. Sebagai pengguna yang hampir setengah tahun lebih menjadi konsumen setia Smart, saya bisa merasakan betapa jauh kecepatan akses dan loading modem saat awal dipasarkan hingga detik ini ketika layanan internet murah ini sudah membeludak pemakainya. Suatu hal yang wajar ketika sebuah harga murah akhirnya hanya mendapatkan layanan yang ala kadarnya juga. Untuk mengatasi sembelit koneksi Smart, kreatifitas diri menjadi bentuk solusi yang kadang menjadi penghibur hati. Hati mereka yang berkantong tipis tapi selalu pingin nge-net. Beberapa alternatif koneksi di bawah ini, akan sangat berarti bagi kalian yang tetap setia menggunakan Smart. Silahkan dicoba satu persatu mana yang paling cepat untuk digunakan di lokasi anda tinggal karena setiap lokasi akan berbeda dengan lokasi yang lain.

Langkah yang harus dilakukan untuk lebih mempercepat akses modem :

1. Lakukan instalasi ulang dengan menginstall Driver baru Haier D 1200P. Untuk mendapatkan software drivernya bisa download di http://www.smart.co.id/

2. Driver baru ini terutama berfungsi untuk meningkatkan kecepatan koneksi. Setelah aku coba , sangat jauh lebih cepat daripada driver bawaan dari paket modemnya. O...ya, supaya nggak bingung, setelah kamu masuk ke smart.co.id, kamu lihat saja di pojok kanan bagian tengah, KLIK "Setting dan Download". Setelah itu ada banyak pilihan, silahkan KLIK di "Smart Haier D 1200P"

3. Petunjuk Instalasi bisa di baca setelah download karena disertakan 1 paket dengan driver baru tersebut. Buat yang sementara ini sudah pakai si bandel, saya kira nggak akan mengalami kesulitan dalam instalasi ulang.

4. Langkah selanjutnya adalah untuk mempercepat loading dan download si bandel.

- Lakukan perubahan terhadap nomor phone number yang digunakan. Kamu bisa buat dua macam koneksi : pakai#777 dan yang satunya lagi yang baru. Coba saja nanti bandingkan hasilnya. Dari pengamatan selama saya menggunakannya, di saat phone number yang lama untuk koneksi sekalipun nggak mampu, dengan cara yang baru ini kita tetap dapat tersambung dengan amat mudahnya.

- Koneksi baru yang mujarab ini, sebagai berikut:

1. Create New Connection --> (Next) -->
2. Connect to the Internet --> (Next) -->
3. Setup my connection manually --> (Next) -->
4. Connect using a dial-up modem --> (Next) -->
5. Modem-VIA Telecom CBP USB Modem CDM (COM ...) --> (Next) -->
6. ISP Name :isi dengan sembarang teks --> (Next) -->
7. Phone Number : *31*111111# -deret angka 1 berjumlah 6x --> (Next) -->
8. User Name -Password- Confirm Password : smart -smart- smart --> (Next) -->
9. Add a shorcut to the connection to my desktop ---> Finish

Alternatif Koneksi yang lain :

1. Ganti Phone Number dengan : *31*11111#
2. Ganti Phone Number dengan : 080989999 atau 0809899999
- User Name -Password- Confirm Password : telkom-telkom-telkom
3. Ganti Phone Number dengan : 222
- User Name -Password- Confirm Password : smart-smart-smart
- Ganti Phone Number dengan : 777
- Ganti Phone Number dengan : 999

Changing Drop Down Menu

2009-11-19T07:38:00.000-08:00

Pemanfaatan Drop Down Menu sebagai salah satu alternatif tampilan menu blog akan sangat praktis dan membuat blog tampak lebih ringkas serta tak tampak berjubel. Drop down menu yang akan kita buat ini juga menjadi lebih menarik karena menu pada setiap link akan ditampilkan secara berurutan dengan mode putar. Nama menu pertama secara otomatis akan digantikan dengan kemunculan nama menu ke dua, ke tiga dan seterusnya hingga menu terakhir. Selain kemunculan bergilir setiap link menu, seluruh nama menu juga dapat ditampilkan secara bersamaan. Untuk membuka link menu yang inginkan, kita dapat lakukan hanya dengan mengKLIK "Go".

Cara membuat Changing Drop Down Menu :

1. Login ke Blogger --> Tata Letak --> Elemen Laman -->

Javascript/HTML --> Copy Paste KODE --> Simpan

KODE :

<script type="text/javascript">
/* bloggerstars-gubhug reyot*/
function formHandler(form) {
var URL = form.site.options[form.site.selectedIndex].value;
popup = window.open(URL,"MenuPopup");
}
</script>

<form name=form>
<select name=site SIZE=1 style="font-family:Times New Roman; font-weight:bold; color:blue; font-size:14px; background-color:#CCCC66; border:2px double #333333;">
<option value="http://link1.html">Sosial dan Budaya
<option value="http://link2.html">Ekonomi dan Sumber Daya Manusia
<option value="http://link3.html">Politik dan Pemerintahan
<option value="http://link4.html">Pakaian Adat Kalimantan Tengah
<option value="http://link5.html">Hukum dan Ketatanegaraan
<option value="http://link6.html">Pemuda dan Olahraga
<option value="http://link7.html">Lembaga Tinggi Negara
<option value="http://link8.html">Korupsi, KPK, Polisi dan Kejaksaan Agung
</select><input type="button" value="Go" onclick="formHandler(this.form);window.close()">
</form>

<script type="text/javascript">
function rotate() {
menu = document.form.site;
chosen = menu.selectedIndex;
menu.selectedIndex= (chosen == (menu.length-1)) ? 0 : chosen + 1;
setTimeout("rotate()",3000);
}
rotate();
</script>

2. Link1.html s/d Link8.html disesuaikan dengan link menu blog.
3. Nama setiap Link menu disesuaikan dengan nama setiap link menu blog.
4. Jumlah nama dan link menu disesuaikan kebutuhan blog.
5. Kecepatan pergantian nama link menu dapat dirubah dengan merubah nilai kecepatannya (3000).
6. Warna (color) dan background huruf juga bisa disesuaikan dengan merubah KODE warnanya.

Animasi javascript pada status bar

2009-11-09T10:05:00.000-08:00

Bar bagian paling bawah dari blog, atau sering juga disebut sebagai status bar, ternyata bisa juga diberi sentuhan effect animasi yang cukup menarik untuk diterapkan. Animasi dalam bentuk javascript ini memberi kesempatan kepada blogger untuk menampilkan teks dalam jumlah yang cukup banyak dan panjang. Karena kemampuan yang sangat fleksibel, kita dapat menyuguhkan berbagai kata, baik berupa kata sambutan maupun teks lain sepuas-puasnya. Aplikasi javascript inipun sangat mudah dilakukan.

Cara menggunakan javascript animasi status bar:

1. Amankan template dengan cara :

Login ke Blogger --> KLIK Tata Letak --> KLIK Edit HTML -->

KLIK Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML, kemudian lanjutkan dengan :

a. Cari kode </body> (di bagian terbawah Edit HTML)

b. Copy paste javascript di atas, letakkan persis di atas KODE </body>

c. KLIK Simpan Template, kemudian lihat hasilnya di blog.

<script type="text/javascript">
//*bloggerstars1/gubhugreyot.blogspot.com*//
message = "* boggerstars1 * bloggerstuars.blogspot.com *.... Kami mengucapkan selamat datang dan Selamat menikmati apa yang kami sajikan di dalam blog ini !!!^" +
"Banyak sekali kekurangan dan ketidak sempurnaan dalam pengelolaan ataupun penyajian posting kami^" +
"Oleh karena itu, kritik, saran dan komentar yang bersifat membangun sangat kami butuhkan demi terwujudnya posting yang lebih baik di masa ke depan.^" +
"Kami yakin, dengan dukungan yang tulus dari pembaca, akan semakin memicu semangat yang lebih tinggi untuk terus berkarya,^" +
"sehingga akan terwujudkan posting yang semakin berkwalitas dan bisa memberikan kontribusi yang nyata bagi kemajuan dunia blog khususnya.^" +
"Atas kepedulian dan perhatiannya, sekali lagi kami mengucapkan terima kasih. Selamat menikmati apa yang menjadi sajian kami melalui blog ini !!!!^" +
"^"
scrollSpeed = 100
lineDelay = 1000
txt = ""
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

Catatan :

1. Kode berwarna merah silahkan diganti dengan teks yang sesuai dengan blog anda.

2. KODE berwarna hijau dapat dilakukan perubahan nilai guna merubah kecepatan animasi dan waktu sela/delay setiap pergantian teks.

3. Jumlah teks dapat ditambah dengan cara menambahkan teks diantara KODE :" dan ^" +

atau "TEKS baru/TEKS tambahan^" + yang diletakkan di atas tanda "^".

Pengganti javascript Slide Menu dari Geocities yang hilang

2009-11-09T09:26:00.000-08:00

Bila anda menggunakan menu slide atau apapun sebutannya (menu samping, menu geser, omni slide menu, dll), yang saat ini tidak bisa digunakan lagi bersamaan dengan tutupnya Yahoo Geocities, anda bisa mengaktifkan kembali menu tersebut dengan mengganti link javascriptnya pada URL baru dari Ripway.com.

URL lama :

<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>

Gantikan dengan :

<script language='JavaScript1.2' src='http://h1.ripway.com/bloggerstars/gr-bgs1-menugeser.js'/>
<script>

Animasi document's tittle menggunakan javascript

2009-11-09T07:07:00.000-08:00

Animasi document's tittle menggunakan javascript, selain tidak terlalu membebani loading blog, juga memudahkan blogger untuk mengganti teks yang akan ditampilkan sebagai judul dokumen. Mudahnya penggantian teks akan memungkinkan blogger melakukan pergantian document's title sesuai keinginan. Jika mau, biar tiap hari digantipun, waktu dan tenaga tidak akan tersita. Javascript di bawah, mampu membuat tampilan document's tittle muncul huruf demi huruf layaknya orang membuat tulisan menggunakan mesin ketik atau keybord, yang tentunya akan membuat tampilan blog semakin menarik. Karena begitu mudah cara mengaplikasikannya dalam blog, maka blogger pemula sekalipun tidak akan mengalami kesulitan saat mencoba memperindah tampilan blognya menggunakan javascript ini.

Pasang Kalender di Blog

2009-10-30T02:56:00.001-07:00

Menambah kalender di blog tentunya akan membuat blog kita semakin lengkap saja. Kalender ini akan membuat pengunjung blog semakin dimanjakan, dan tentunya akan semakin membuat nyaman, betah sekaligus kerasan untuk berlama-lama menikmati seluruh posting yang sudah kita buat dengan segenap curahan pikiran. Rasa lelah akan terobati karenanya. Sangat praktis dan sangat mudah untuk dilakukan perubahan, sehingga baik warna maupun ukurannya bisa kita gonta-ganti setiap waktu. Kalender ini tersedia dalam berbagai pilihan, baik dari warna font, ukuran kalender, background dan satu yang spesial adalah kita bisa memilih jenis kalender sesuai dengan kepercayaan yang kita anut. Ada Chrisstian Calendar, Muslim Calendar, Budhist Calendar dan juga Hindu Calendar serta sport calendar. Untuk mendapatkanya anda bisa datang dengan meng KLIK alamat di samping ini my calendar.
Bila anda tertarik, untuk merubah ukuran maupun warna kalender, anda bisa melihat contoh KODE berikut dan dimana KODE yang bisa di rubah.

<div align="center" style="margin:15px 0px 0px 0px"> <div align="center" style="width:140px;border:1px solid #ccc; background: #020202; color: #00FF00;font-weight:bold;font-size:12px;"> <a style="text-decoration: none; color: #00FF00;" href="http://bloggerstuars.blogspot.com/">bloggerstars1 calendar</a></div> <script type="text/javascript" src="http://mycalendar.org/calendar.php?cp3_Hex=0004FF&cp2_Hex=020202&cp1_Hex=00FF00&ham=0&img=&hbg=0&hfg=1&sid=0&fwdt=240&text1=Religious&text2=Christian&group=Religious&calendar=Christian&widget_number=2"></script> </div>

- KODE berwarna hijau digunakan untuk merubah: ukuran kalender, ukuran dan warna border, besar font, posisi serta tebal font.
- KODE warna merah, kuning dan oranye digunakan untuk merubah warna font bagian bagian atas dan bawah serta latar belakang (background).

Menampilkan gambar sebagai Background Header

2009-10-29T22:41:00.000-07:00

Seingkali kita lupa atau tidak menyadari bahwa sebenarnya bagian header atau kepala blog selain bisa dipergunakan sebagai media penyampai misi blog sekaligus identitas blog, juga mampu dimanfaatkan untuk memperindah tampilan blog. Terlebih bagian header merupakan bagian blog yang selalu pertama kali muncul dan menjadi sorotan pandang utama pembuka blog. Niatan untuk melanjutkan menjelajah isi blog terkadang juga juga bergantung kepada tampilan header blog yang tampak pada saat blog dibuka. Satu cara untuk memperindah tampilan header dapat dilakukan dengan memberi header sebuah gambar yang berupa nama blog dalam bentuk gambar ataupun gambar-gambar lain yang mencerminkan isi blog. Tentunya gambar yang di pergunakan harus diupayakan supaya tidak terlalu besar muatanya, sehingga kecepatan loading blog juga tidak terkendala. Untuk melakukan ini kita akan mencoba mencarikan solusi agar usaha mempercantik blog tidak justru menjadi kendala baru bagi anda.

Langkah pemasangan gambar :

1. Amankan template.

TATA LETAK

EDIT HTML

DOWNLOAD TEMPLATE-LENGKAP

SIMPAN-ke FOLDER-PC

2. Cari: #header atau #header-wrapper

TATA LETAK

EDIT HTML

CARI #header

KASIH-KODE BACKGROUND

SIMPAN/SAVE TEMPLATE

3. Cara mencari dan mengetahui #header :
- sering ditulis sebagai #header atau #header-wrapper
- Setelah masuk "Edit HTML", gunakan keyboard dan tekan Ctrl+F untuk memudahkan pencarian.
- Kode #header berada di bagian atas ruang "Edit HTML". Di atasnya persis sering diberi KODE pengenal seperti : /* Header------------------ */
- KODE header biasanya di ikuti KODE lain, seperti:
#header {
padding-top:15px;
padding-$endSide:0;
padding-bottom:10px;
padding-$startSide:110px;
position: relative;
}

atau :

#header-wrapper {
background:#fff;
margin:22px 0px 0px 0px;
padding:8px 0px 0px 0px;
color:#000;
}
- Seandainya pada #header tidak ada KODE --> width:...px; , untuk mengetahui lebar header, anda bisa mengetahuinya dengan cara mencari KODE width, yang biasanya sama besarnya dengan width pada header. KODE ini terletak pada #footer atau #outer-wrapper.
Nilainya rata-rata di atas 660px.
- Nilai tersebut yanga menjadi ukuran lebar gambar header. Untuk tingginya silahkan anda cari dengan cara seperti cara mencari lebarnya (width). KODE untuk tinggi adalah height: ...px; Besarnya biasanya di atas 100px dan dibawah 200px.

4. Memasang gambar untuk header :
- beri tambahan KODE ---> background: url(alamat gambar);, sehingga bentuk sebenarnya seperti berikut:

#header-wrapper {
background:#fff url(http://www.xxx.com/xxx/xxcx.jpg); (atau #fff bisa dihilangkan)
margin:22px 0px 0px 0px;
padding:8px 0px 0px 0px;
color:#000;
}
- Apabila gambar mempunyai besar yang sama dengan ukuran header (lebar dan tingginya), KODE menjadi :
background:#fff url(http://www.xxx.com/xxx/xxxx.jpg) no-repeat;

background:#fff url(http://www.xxx.com/xxx/xxxx.jpg); --> bila lebar dan tinggi gambar lebih kecil.

background:#fff url(http://www.xxx.com/xxx/xxcx.jpg) top repeat-x; --> bila hanya bagian tinggi yang sama

background:#fff url(http://www.xxx.com/xxx/xxxx.jpg) top repeat-y; --> bila hanya bagian lebar yang sama

5. Untuk membuat gambarnya anda bisa menggunakan Adobe Photoshop, hunting gambar atau meminta tolong pembuat gambar logo gratis .

6. Untuk membuat gambar deengan muatan entheng, gambar bisa anda COMPRESS di alamat ini : http://tools.dynamicdrive.com/imageoptimizer/

7. Setelah KLIK "Simpan Template", anda bisa lihat hasilnya dengan membuka blog di tab yang lain.

Selamat mencoba, semoga berhasil dengan baik !

Satu email buat banyak blog !

2009-10-29T21:28:00.000-07:00

Sudah punya blog dan pingin tambah blog lagi? Gampang dan mudah caranya. Dengan satu alamat email kita bisa buat blog baru. Pembuatan blog tambahan ini bermanfaat sekali bagi kita, terutama untuk menambah frekuensi posting ataupun untuk membuat blog baru dengan materi posting berbeda. Di sisi yang lain, mungkin kita perlu untuk digunakan sebagai tempat percobaan posting/melihat hasil posting sementara, yang nantinya akan diterbitkan di blog utama. Satu hal lagi, dengan punya blog tambahan, kita juga bisa melakukan uji coba terhadap hal-hal baru yang yang akan kita pasang di blog utama, atau akan dipergunakan sebagai posting, yang berkaitan dengan modifikasi atau penambahan-penambahan fasilitas baru pada template. Silahkan buat berapa yang di butuhkan.

Cara buat blog baru :

1. Loggin ke blogger.com

2. KLIK teks "buat blog" yang terletak pada sebelah kanan bagian atas dashbor.

3. Tulis nama blog dan alamat blog baru anda. Lanjutkan dengan menuliskan karakter yang dimunculkan blogger, kemudian KLIK "Lanjutkan.

4. Selesai dan blog baru siap dipergunakan!

5. Untuk memperlancar dan mempermudah, lakukan cek ketersediaan terlebih dahulu, karena banyak sekali nama blog ataupun alamat blog yang sudah dipergunakan orang lain.

Lihat dan KLIK gambar di bawah untuk melihat contoh pengisiannya!

Dunia semakin panas

2009-10-29T20:29:00.000-07:00

Mengapa dunia semakin panas? Dua hal yang menjadi penyebab.Panasnya bumi yang semakin tak terbendung karena pohon yang seharusnya tumbuh sudah berganti dengan pohon berakar besi, dan juga panasnya hati dan otak karena kebutuhan hidup yang semakin membuat manusia mengalami ketidak normalan hidup. Coba lihat saja gaya hidup sekarang, tidak ada lagi waktu yang longgar untuk anak-anak dan keluarga. Semua sibuk mencari "uang" untuk kebutuhan hidup, sekaligus kecukupan dan kalau bisa "segepok uang lagi" untuk memenuhi hajat "keroyalan plus kemewahan" hidup! Gila dan semakin gila! Semua sudah lari dari kodrat awal manusia diciptakan. Membuat keseimbangan hidup yang mampu membuat dunia semakin indah serta dipenuhi kerukunan yang dilandasi kesederhanaan dan kasih sayang. Bagaimana mungkin mengasihi sesama, kalau untuk keluarga sekalipun nggak ada lagi waktu tersisa?!

Kenyataan seperti ini membuat kita harus lebih banyak menyegarkan pikiran. Baik dengan lebih mendekatkan diri kepada "Sang Khalik" ataupun aktivitas hidup yang mampu membuat "hidup tidak cepat mati". Bukankah orang bisa disebut mati bila hatinya sudah tidak lagi mengenal sesama? Bukankah orang juga di sebut mati bila sudah tidak lagi bisa lagi melihat keindahan hidup dan dunia? Mati tidak hanya "lenyapnya nyawa dari raga", mati juga boleh diartikan bagi mereka yang sudah tidak lagi mengenal arti hidup!

Dunia memang semakin gila sehingga banyak orang kemudian menjadi mati. Aku sungguh tdak mengerti mengapa akhirnya bisa seperti ini. Kesalahan Tuhan atau kesalahan manusiakah? Bagi mereka yang tidak pernah "percaya Tuhan" tentunya akan menyalahkan-Nya. Ya, seandainya manusia diciptakan seperti binatang atau pohon, tentunya nggak akan pernah terjadi kondisi yang seperti ini. Bagi "mereka yang taat beribadah" dan selalu menyerahkan segala jalan kehidupannya kepada "Yang Maha Pencipta", tentunya sekalipun tidak akan pernah menyalahkan Tuhan. Bukankah manusia diberi kebebasan sepenuhnya untuk membawa kearah mana hidup mau dibawa. Semua kekacauan hidup ini karena "ketololan dan keserakahan" manusia sendiri karena mereka semakin menjauh dari"penciptanya".

Contoh kecil yang bersama kita lihat, tentang bagaimana panasnya hidup, kita bisa melihat gaya hidup para celebritis. Terkadang aku membatin. O..., seperti itu gaya hidup mereka. Pagi-pagi baru pulang kerja, rumah berganti mobil, malam melek siangnya tidur sebentar, langsung tancap gas lembur shothing lagi. O..., makanya hidup mereka juga "seperi orang gila". Kawin sebentar sudah cerai, pulang malam mabuk, nabrak orang, nyantai di klub malam sambil nyabu e....ketangkap polisii! Melihat ini semua aku cuma bis "ndomblong" (terlongong-longong heran). Aku.., tak bisa lagi kubayangkan seandainya hidupku juga seperti mereka. Aku tidak kepingin jadi "orang tolol dan serakah" yang membuat hidup tidak lagi dingin. Trus aku bertanya lagi dengan mereka yang setiap paginya harus berangkat kerja berdasi dengan sepatu mengkilap. Apakah gaya hidup mereka juga seperti para celebritis ataukah mereka lebih banyak punya waktu longgar? Asal jangan punya banyak waktu longgar karena bolos kerja saja. Sudah dikantor cuma baca koran , e...pulang pagi nggak nyampe rumah, ternyata sudah nongkrong di mall (atau lebih gila lagi. Sudah nyanggong di hotel!).

Panasnya dunia membuat panasnya bathok kepala. Semua jadi gila!!!!!

Resep Masakan Indonesia Seumur Bumi Berputar

2009-10-29T19:13:00.000-07:00

Resep masakan asli Indonesiai sungguh sangat luar biasa ragamnya. Mengukur dari beragamnya suku dan jumlah pulaunya, kita bisa membayangkan betapa bangsa besar ini begitu dikaruniai sesuatu yang sangat spesial sebagai suatu bangsa. Dengan tumbuh kembangnya dunia dan dengan kecerdasan serta wawasan yang semakin meningkat, membuat khasanah masakan dan resep mengalami perkembangan yang menakjubkan. Kreativitas warga bangsa dalam mengembangkan menu masakan negeri tercinta membuat kekayaan menu masakan bangsa ini semakin tak terhitung lagi. Dari bahan baku terasi dengan dan bau yang susah hilang dari jari-jari yang lentik, daun ketela pohon yang harum dan ketela pohonnya yang seakan buah ajaib, buah talas yang multi fungsi, hingga menu dari daging asli dalam negeri, semua dapat dikembangkan menjadi masakan yang benar-benar menarik dan terasa super nikmat di lahap. Karena perkembangan ini akan terus berjalan, itulah sebabnya dalam judul saya sebutkan seperti itu.

Keberadaan menu masakan yang berkembang pesat melebihi kecepatan mobil fomula1 ini, menciptakan trend baru dikalangan media baik televisai sebagai media elektronik ataupun media cetak. Kesempatan mengail rejeki melalui dunia masak-memasak, menciptakan sebuah peluang baru bagi media. Terciptalah berbagai acara yang berkaitan dengan masakan, seperti wisata kuliner yang saat ini ditayangkan hingga lebih dari satu stasiun televisi. Media cetakpun, mampu mengambil kesempatan dengan munculnya trend baru ini dengan menerbitkan menu masakan di edisi mingguannya. Yang tampak lebih spektakuler adalah munculnya beberapa tabloid khusus masakan yang hingga kini bisa tetap eksis di jalurnya.

Tidak ada lagi kamusnya bila seorang ibu rumah tangga atau wanita manapun yang punya alasan menyatakan bingung untuk memasak buat keluarga. Menu makan harian bisa menjadi sangat bervariasi. Bahkan bila mau, dalam satu hari berganti seribu jenis masakanpun bukan sesuatu yang mustahil untuk dilakukan. Bagaimana menyikapi perkembangan dunia masakan ini dalam kaitanya dengan pola makan dan perekonomian keluarga? Tentu saja kita harus cerdas untuk meilah serta memilih menu yang cocok buat keluarga. Banyak hal yang harus dipertimbangkan, misalnya : menu apa yang cocok berkaitan dengan perekonomian keluarga, kesehatan setiap anggota keluarga yang tinggal bersama (berkaitan dengan penyakit yang diderita), kemudahan dalam mencari bahan baku, waktu yang tersedia untuk memasak, dan yang lebih penting lagi adalah bagaimana untuk sedapat mungkin menggunakan bahan baku yang betul-betul higienis saat diolah menjadi masakan buat keluarga. Mengapa kita mesti mempertimbangkan hingga ke hal tersebut? Kalau kita bersama menyadari, saat ini hampir semua makanan maupun bahan mentahnya diolah dengan menggunakan bahan kimia guna pengawetan sekaligus juga pada proses produksinya. Baik proses produksi di level produksi awalnya (pertanian) ataupun pada proses pengolahannya di industri yang memproduksi dan mengolah bahan makanan.

Penggunaan bahan kimia yang berlebihan terbukti semakin meningkatkan tingkat kematian dan jumlah penderita penyakit berbahaya di negeri ini dan diseluruh dunia yang kondisinya sangat mengkawatirkan.Sebagai penutup saya hanya bisa mengajak kepada seluruh warga bangsa ini, untuk lebih mencintai menu masakan asli Indonesia dan marilah bersama-sama kita untuk selalu menggunakan bahan baku yang sehat untuk di konsumsi.

Dahulu kala ayam jago bisa bicara

2009-10-26T04:20:00.000-07:00

Ini bukan cerita bohong! Sungguh-sungguh terjadi dan hingga saat ini buntut dari kisah ini masih dapat kita dengar dan kita rasakan setiap harinya. Kalau kalian nggak percaya silahkan ikuti dulu kisahnya kemudian baru bisa kasih komentar.

Saat itu belum dikenal yang namanya dokter. Tidak seperti sekarang ini, hampir setiap gang ada saja dokter yang buka praktek. Dari dokter gigi hingga dokter hewan. Dari orang hingga bebek-pun kalau sakit nggak perlu kuwatir lagi. Dokter banyak, mantri suntik banyak, perawat banyak, bahkan dokter-dokter gadungan yang ahlipun ruar biasa banyaknya. Wong sekarang bakul-bakul dipinggir jalanpun sudah pada pinter kasih resep sama orang yang lagi sakit, kok.

Ya..., waktu itu semua hewan termasuk ayam jago masih pintar bicara. Ngobrol sama sapi, kerbau, anjing dan manusia itu pekerjaan sehari-hari mereka. Kalau orang kasih makanan basi..e... jangan tanya. Melebihi wanita bawel omelannya. Bunyinya nggak gok..gokk..petok...petokkk atau kuk..kukk..ru..yuk..! Nggak.. nggak! Kukuruyuk hanya mereka lakukan saat bangun tidur atau ketika mereka menang bertarung. Hu... kalau kalian bisa dengar sendiri seperti pada saat itu, aku tanggung kalian akan lari terbirit-birit dengar umpatannya.

Karena ayam jago terkenal dengan ocehanya yang menyakitkan, akhirnya timbul rasa sakit hati setiap orang. Mereka punya niatan untuk menghabisi setiap ayam jago. Akhirnya satu demi satu ayam jago terkapar tewas ditangan manusia. Kepala suku ayam. Sang jago yang ruar biasa besarnya, dan dijadikan sesepuh sekaligus pimpinan ayam, sangat prihatin melihat rasnya satu demi satu mati berkalang tanah. Karena beban pikiran yang sangat berat dan berlarut-larut, sakitlah si kepala suku ayam. Mau tidak mau dia dibawa berobat kepada manusia yang tahu othak-athik daun dan akar untuk dibuat ramuan obat. Melihat Kepala suku datang dan minta berobat, giranglah manusia. "Ini dia yang selama ini di cari dan susah ditemukan. Akhirnya datang sendiri untuk menyetorkan nyawanya", seru manusia dalam hatinya. Si kepala suku menyadari akan hal ini, tetapi dia sudah berserah diri. Benarlah, ketika si Kepala suku ayam ini di beri ramuan obat, dia tidak bertambah baik, malah bertambah kesakitan. Perutnya seakan mau pecah dan terasa panas sekali. Menyadari yang diberikan bukan obat tetapi racun yang sangat mematikan dan membuatnya kesakitan luar biasa, tercetuslah sumpah si ayam. Sambil mengerang dia berteriak menggelegar hingga seakan langit akan runtuh,"Hai... manusia.., terkutuklah engkau yang begitu jahat. Sama sekali bangsaku tidak pernah membunuh satupun bangsamu (ya, nggak bakalan mampu, ya ?!), tetapi tega-teganya engkau menghabisi seluruh bangsaku. Terkutuklah engkau dan aku bersumpah", si kepala suku masih melanjutkan kutukannya sambil menggelepar, "Karena engkau tega menghabisi bangsaku, seumur semesta ini lihatlah, aku dan seluruh bangsaku yang telah kau bunuh akan tinggal di dalam perut kalian. Aku akan berteriak lantang setiap harinya apabila kalian terlambat memberi makan. Suaraku akan terdengar dari dalam perutmu dan akan kucocok perutmu hingga sesakit-sakitnya. Semakin terlambat maka akan semakin keras kucocok dan teriakkupun akan semakin kukeraskan.

Manusia yang mengerumuninya terbelalak kaget dan menyesali kejadian itu. Semuanya sudah terlanjur. Esok paginya mereka semua kaget, karena baru kali itulah mereka mendengar suara ayam jago dalam perut mereka dan sakitnya semakin minta ampun begitu perut tidak cepat diisi. Kejadian ini jadi buah bibir di semua sudut bumi dan tidak akan berhenti hingga kiamat datang.

Ya...Kutukan kepala suku ini hingga sekarang dapat kita rasakan. Kapoklah kita semua karena kejahatan kita manusia berakibat ke anak, cucu, cicit hingga cucunya cicit, cicitnya cicit hingga cicitnya cicitcicitnya...cicitcicitcicit cuat cuit....Nggak tahulah! Urutkan saja sendiri.

Makannya jadi manusia jangan jahat. Beginilah akibatnya !!!!

Otak-atik posting gambar

2009-10-25T01:41:00.000-07:00

Posting yang berwujud gambar mempunyai tingkat kesulitan yang lebih bila dibandingkan dengan posting dalam bentuk teks. Gambar atau photo yang diberikan oleh blogger.com dalam bentuk KODE yang kita terima dalam ruangan posting di mode POSTING-EDIT HTML sebenarnya sudah sangat lengkap , tinggal bagaimana kita mengolah kode tersebut sehingga mejadi bentuk gambbar yang sesuai dengan keinginan kita. Baik ukuran gambar, posisi ataupun bagaimana kita memperindah tampilan gambar tersebut. Sebagai contoh akan saya berikan satu KODE HTML dari gambar yang diberikan blogger.com :

1. KODE warna ORANYE : apabila hendak menampilkan gambar di sebelah kanan dan saat "UNGGAH GAMBAR" terlanjur di kiri, maka anda bisa merubah KODE :

- float:left; menjadi float:right; ---> posisi gambar di kanan
- text-align: center; margin:0 auto 10px;display:block; ---> untuk posisi di tengah
- float:left;dan margin:0 10px 10px 0; di hilangkan ---> posisi bebas

2. KODE warna Hijau :

- KODE s1600-h mempunyai maksud : bila gambar di buka maka akan tampil di pojok kiri atas.
- Dengan menggantinya menjadi s400, maka gambar akan tampil di tengah layar monitor.

3. KODE warna merah :

- 0 10px 10px 0 menyatakan margin atas, kanan, bawah dan kiri. Bisa anda sesuaikan dengan kebutuhan posting. Jarak tersebut dalam nilai pixel dan merupakan jarak antara segala sesuatu yang ada di sebelah atas, kanan, bawah atau kiri gambar tersebut.

4. KODE warna KUNING :

- berfungsi untuk merubah ukuran gambar, baik memperkecil ataupun memperbesar.
- Width=lebar/panjang gambar dan height=tinggi gambar (nilai dalam pixel atau px)
- Apabila nilai diperbesar, maka gambar bertambah besar. Begitu juga sebaliknya.

5. KODE warna BIRU :

- Border atau gampangnya garis bingkai gambar. Bisa dirubah besarannya dan bisa ditambahkan warna border yang sesuai dengan menambahkan KODE border-color:...; setelah KODE float:left;
- titik-titik bisa diisi dengan warna red, yellow, blue atau warna lain dan juga bisa di isi dengan warna, dalam KODE yang berbentuk angka dengan menambahkan tanda pagar di depannya. Contoh : border-color:#83cdd0;

Semoga bermanfaat !!!

Menambah kelengkapan blog dengan Perubah Ukuran Teks

2009-10-23T21:41:00.000-07:00

Javascript ini, meskipun tidaklah besar, namun mampu memberikan sesuatu yang baru buat pembaca blog. Terlebih bagi mereka yang kondisi penglihatannya sudah tidak normal lagi. Dia mampu memberikan pembesaran teks hingga mata yang sedang kena "belekan" pun dengan mudahnya dapat menikmati segala jenis teks sambil meggunakan kacamata hitamnya. Sekalipun diutamakan berfungsi sebagai alat untuk memperbesar teks, javascript ini juga mampu untuk memperkecil teks dengan sama baiknya. Penasaran untuk menggunakannya ?

Langkah-langkah yang harus di tempuh :

1. Amankan template anda dengan download terlebih dahulu :

2. Lanjutkan :

Tata Letak --> Edit HTML --> Cari Kode ]]></b:skin>

3. Letakkan KODE-1 di sebelah bawah ]]></b:skin>. Posisi ]]></b:skin> berada di atas </head> dan <body>

4. Jika ini berhasil, lanjukan dengan langkah ke-5, namun jika tidak berhasil dengan baik, anda bisa mengupload javascript ini ke file hosting atau lakukan langkah termudah dengan cara :

Tata Letak --> Elemen Laman--> Tambah Gadget --> Javascript/HTML

Letakkan CODE-1 dalan ruang Javascript/HTML dan Simpan (ini pasti berhasil baik).

5. Letakkan KODE-2 di atas KODE-1 (untuk langkah no.3 dan no.4) atau bisa diletakkan dimana anda suka. Di sidebar, di bawah header atau di dalam ruang posting paling atas, pada saat anda sedang membuat postingan.

KODE-1 :

<script language="javascript">
//** bloggerstars-bloggerstars1 --*//
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
</script>

KODE-2 :

<a href="javascript:ts('body',1)"><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/PerbesarTeksbgs.gif"/></a><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/bgs-bgs1.gif"/><a href="javascript:ts('body',-1)"><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/PerkecilTeksbgs.gif"/></a>

Selamat mencoba dan semoga berhasil> Buatlah senang seluruh penikmat blog yang berkacamata, dari bayi yang baru lahir hingga nenek-nenek yang sudah pikun !!!

Satu tips lagi tentang Read More

2009-10-23T17:30:00.000-07:00

Ya..., meski read more membuat ruang menjadi lebih effisien, tetapi kadang-kadang menjengkelkan juga (seperti blog ini! Sorry..., masih malas untuk merubah. Habis harus edit lagi semuanya !). Habis..., posting sudah sudah selesai dibaca, karena ada "Read More" terpampang dan masih penasaran sama isi posting, otomatis cursor lari ke "sono" langsung "KLIK" dan.... Sialan ! Ehhh, nggak tahunya masih halaman yang sama seperti yang sudah selesai terbaca ! Nggak lain yang muncul rasa mengkal ditambah umpatan kesal yang bikin mulut "semakin methekol" (bhs Ind: berotot), ya.., nggak ?!

Ada cara untuk mensiasati masalah ini :

1. Biasa langsung amankan template terlebih dahulu :

2. KLIK Expand Template Widget dan cari kode :

<a expr:href='data:post.url'>Read More</a>

3. Delete kemudian ganti dengan kode ini: <a expr:href='data:post.url'/>

4. KLIK Simpan Template.

Pindah ke ruang posting :

1. Setelah selesai melakukan posting dan posting diterbitkan, ambil URL posting anda dan masukan dalam kode seperti ini :

<a href='data:post.url'>Read More</a>

2. Kode berwarna merah gantilah dengan URL posting anda tadi dan terbitkan kembali. Istilahnya seperti kita melakukan edit ulang posting !

Contoh hasilnya seperti ini :

<a href='http://bloggerstuars.blogspot.com/2009/10/satu-tips-lagi-tentang-read-more.html'>Read More</a>

Contoh hasilnya untuk posting ini dalam read more baru :

Read More

Keterangan :

- Gunakan Ctrl+F untuk mempermudah saat mencari KODE pada ruang Edit HTML !
- Untuk penggunaan tips ini kode span class fullpost-nya tetap digunakan.
- Segera lakukan perubahan sebelum terlanjur. Kalau sudah terlalu banyak posting akan menyita waktu cukup banyak sehingga malas untuk merubahnya.
- Bila ingin memadukan dengan posting sebelumnya "Merubah Read More tampil lebih cantik", silahkan langsung bisa di padukan. Caranya hampir sama persis.

Merubah Read More tampil lebih cantik

2009-10-23T15:53:00.000-07:00

Read More (Baca lengkap dll) yang sering muncul dihalaman blog sering kali hanya berupa teks yang tampil tanpa 'embel-embel' (tampil berupa teks doang!), sehingga meskipun hanya secuil informasi, terkesan tidak diberi kesempatan untuk membuat blog semakin menarik. Ada satu cara simple untuk merubah tampilan read more ini tanpa harus menambah gambar atau animasi yang akan semakin membebani blog. Sekelumit kode tambahan akan membuatnya tampil semakin bersahabat bagi pengelana blog.

Sebelum memulai "mendadani" read more, perlu sedikit diingat lagi bahwa teks tersebut diletakkan diantara kode seperti ini:

<a expr:href='data:post.url'>Read More</a>

1. Untuk mencari sekaligus "mendadani" kode yang dimaksud di atas, seperti biasa lakukan :

2. Setelah pengamanan template selesai tetaplah di Edit HTML kemudian beri tanda "centrang" pada Expand Template Widget dengan meng"KLIK" kotak kecil disampingnya.

3. Cari KODE yang ada Read More-nya tersebut dan tambahkan KODE di bawah untuk menggantikan teks Read More yang sudah ada di template, sehingga bentuk KODE menjadi seperti ini :

4. Setelah KODE terpasang, KLIK Simpan Template. Lihat hasilnya di blog !

Keterangan :
- Gunakan Ctrl+F untuk mempermudah pada saatmencari KODE di ruang Edit HTML.
- Apabila read more ingin diletakkan di sisi kanan, ganti float:leff dengan float:right.
- Besaran bingkai dan warna border, teks serta background bisa anda rubah sendiri sesuai dengan warna blog !!

Auto Scroller ; UP and DOWN

2009-10-21T03:51:00.000-07:00

Auto Scroller; Up and Down merupakan Scroller yang berfungsi untuk menggulung halaman pada blog, baik ke ujung paling atas di kepala blog (top), daerah "dada dan perut" (tengah) hingga turun lagi.... sampai ke ujung "kuku jari" kaki halaman (bottom). Membuat petualang blog menkjadi lebih nyaman untuk menggulung tiap lembar blog dan juga sekaligus menambah lengkap fasilitas blog yang memanjakan mereka yang tak pernah bosan untuk mencari hal-hal yang baru. Oke ..., langsung ke sasaran :

1. Langkah pertama : LOGIN ke BLOGGER
2. Lihat gambar blog di bawah :
KLIK gambar

3. KODE ysng harus di COPY PASTE sebagai berikut :

<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0">
<img src="http://i35.tinypic.com/1iy2v8.gif" border="0">
</a><br>
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0">
<img src="http://i35.tinypic.com/wl7gk0.gif" border="0">
</a>
</div>

<script type="text/javascript">
//* har-bloggerstars & bloggerstuars.blogspot.com *//
var Hoffset=70
var Voffset=80
var thespeed=15 //nilai ini adl kecepatan scroll. Ganti yang cocok !!!
var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0
var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight
if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}

else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)
</script>

4. Ubah kecepatan yang menurut anda paling nyaman untuk digunakan. Dimulai dari 1.

5. Ganti tanda scroll-nya bila ingin yang baru atau bentuk lain dengan mengganti URL yang berkode http:// .....gif. (ada 2 terletak pada kode bagian atas;DOWN & UP).

Selamat mencoba dan bila berhasil gulunglah blok anda hingga fajar merekah. Ingat!!! Bila ayam belum berkokok dan kambing belum mengembik jangan pernah berhenti!!!

Auto Scroller untuk gambar dan teks

2009-10-20T17:03:00.000-07:00

Auto Scroller ini akan membuat gambar/teks yang disertai link bergeser secara otomatis sehingga teks dan gambar akan muncul secara berurutan. kelebihan dari scroller ini, selain menggunakan javascript yang relatif irit, juga secara otomatis gambar atau teks akan berhenti saat cursor menyentuhnya dan dengan cara tersebut link di dalamnya bisa di buka. Modifikasi scroller ini sangat mudah untuk dilakukan, yang meliputi luas halaman (lebar dan tingginya), background, jenis dan besaran font serta kecepatan gesernya. Apabila bentuk gambar yang akan dimunculkan, sebaiknya luasan scroller bar disesuaikan dengan ukuran gambarnya sehingga tampilan akan tampak rapi dan menerik.

Langkah pembuatan Auto Scroller :

1. Setelah LOGIN ke BLOGGER lakukan urutan dalam gambar berikut :
KLIK gambar

KODE-1 berikut silahkan di copy paste dan dicoba terlebih dahulu, baru kemudian setelah berhasil, lakukan penggantian gambar dan URL-nya. Demikian juga gunakan KODE-2 (untuk teks) untuk menggantikan KODE-1 yang berwarna biru (untuk gambar) :

KODE-1

<script type="text/javascript">
/** har-bloggerstars & bloggerstuars.blogspot.com **/
//lakukan modifikasi di bawah ini:

var memorywidth="150px" //lebar
var memoryheight="100px"//tinggi
var memorybgcolor="#DEFDD9"//warna
var memorypadding="4px"//padding
var borderCSS="border: 5px ridge blue;"//tebal, jenis, dan warna border
var memoryspeed=2 //(1 s/d 10)
var pauseit=1 // (0 atau 1)
var persistlastviewedmsg=1
var persistmsgbehavior="onload"

//lakukan perubahan pada KODE di bawah ini (gambar dan URL-nya)
var memorycontent='<nobr><a href="#"><img src="http://i33.tinypic.com/111thdi.gif"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/dauphin_011.jpg"/><a/><a href="#"><img src="http://www.fond-ecran.net/icones/chevaux_014.jpg"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/marioncotillard_003.jpg"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/3dpaysage_001.jpg"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/halleberry_004.jpg"/></a></nobr>'

////di bawah ini tidak perlu di rubah////////////
var combinedcssTable="width:"+(parseInt(memorywidth)+6)+"px;background-color:"+memorybgcolor+";padding:"+memorypadding+";"+borderCSS+";"
var combinedcss="width:"+memorywidth+";height:"+memoryheight+";"
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
memoryspeed=(document.all)? memoryspeed : Math.max(1, memoryspeed-1) //slow speed down by 1 for NS

var copyspeed=memoryspeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById

if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-10000px">'+memorycontent+'</span>')
var actualwidth=''
var memoryscroller

if (window.addEventListener)
window.addEventListener("load", populatescroller, false)
else if (window.attachEvent)
window.attachEvent("onload", populatescroller)
else if (document.all || document.getElementById)
window.onload=populatescroller
function populatescroller(){
memoryscroller=document.getElementById? document.getElementById("memoryscroller") : document.all.memoryscroller
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
if (persistlastviewedmsg && get_cookie("lastscrollerpos")!="")
revivelastmsg()
memoryscroller.innerHTML=memorycontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
lefttime=setInterval("scrollmarquee()",20)
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}

return returnvalue;
}

function savelastmsg(){
document.cookie="lastscrollerpos="+memoryscroller.style.left
}

function revivelastmsg(){
lastscrollerpos=parseInt(get_cookie("lastscrollerpos"))
memoryscroller.style.left=parseInt(lastscrollerpos)+"px"
}

if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
function scrollmarquee(){
if (parseInt(memoryscroller.style.left)>(actualwidth*(-1)+8))
memoryscroller.style.left=parseInt(memoryscroller.style.left)-copyspeed+"px"
else
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
}

if (iedom){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0" style="'+combinedcssTable+'"><td>')
write('<div style="position:relative;overflow:hidden;'+combinedcss+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=memoryspeed">')
write('<div id="memoryscroller" style="position:absolute;left:0px;top:0px;" '+divonclick+'></div>')
write('</div>')
document.write('</td></table>')
}
}

</script>

KODE-2

var memorycontent='<nobr><span style="font: bold 13px Verdana"> * Makan nangka banyak bijinya * <a href="http://bloggerstuars.blogspot.com"> bloggerstars1 * </a> Besar besar seperti bola * <a href="#"> Makan petai pasti bijinya * </a> Besar-besar ampun baunya * <a href="#">Ah... kamu !!! * </a>Kalau buang air di sungai sana !!! Bau !!! *</span></nobr>'

Keterangan :

- KODE <a href="#"> tanda setelah "sama dengan" merupakan URL subyek yang ditampilkan atau URL link lain yang berkaitan dengan subyek.

- bloggerstuars.blogspot.com (pada KODE-2) juga diganti dengan link yang sesuai.

- untuk melakukan modifikasi pada KODE yang ada sudah sangat jelas. Khusus untuk KODE-2 (teks), gunakan ukuran teks dan tinggi dan lebar ruang auto scroll yang sesuai. Kira-kira bentuk yang dipergunakan adalah bentuk segi empat memanjang. Misalnya 300px dan 30px dengan besaran font 18px.

Selamat mencoba dan moga-moga cocok untuk digunakan di blog anda !!! Jangan lupa tambah petainya, tapi ingat...., buang airnya di lapangan bola atau di sungai !!! hiiiiiii........!!!!

LAPEJU (Bola tape Keju)

2009-10-20T16:47:00.000-07:00

Oho.... ! Tape...tape...tape...!!! Singkong lagi !! Singkong lagi !!! Singkong lagi !!!
Ayo rame-rame othak-athik singkong jadi bukan singkong lagi ! Caranya ? Beli tape dulu !!!

Bahan yang di butuhkan :

a. 250 gram tape singkong. Haluskan ! (bukan tape ketan, mbah !!!)
b. 50 gram susu bubuk.
c. 1/2 sendok teh vanili.
d. 100 gram gula halus.
e. 250 gram keju melted (potong-potong).

Bahan lapisan :

a. 100 gram tepung terigu.
b. 150 ml air.
c. garam, minyak goreng, gula pasir secukupnya.

Cara membuat :

a. Campur dan aduk rata : tape singkong, gula pasir halus, susu bubuk dan vanili.
b. Ambil satu sdk makan adonan tape tipiskan dan tambahkan 3 potong keju. lakukan seperti itu untuk seluruh adonan.
c. Untuk lapisan : Campur tepung terigu, garam, gula dan air kemudian saring.
d. Celupkan bola tape dalam adonan lapisan dan goreng hingga matang .
e. Sajikan dalam kondisi hangat akan terasa lebih nikmat !

Selamat menikmati !!! jangan lupa sisihkan buat saya !!!

Merubah background blog berbentuk gambar

2009-10-20T14:59:00.000-07:00

Membuat background blog berupa sebuah gambar atau photo dengan posisi yang tetap ditempat sekalipun halaman geser turun pasti akan membuat blog menjadi lebih menarik. Cara yang sederhana hanya dengan sedikit merubah KODE pada bagian " body { " akan mampu menciptakan suasana baru dengan keindahan yang membuat blog semakin menarik untuk dinikmati dan dijelajahi. Gambar apa saja yang bisa digunakan sebagai latar belakang blog? Semua gambar bisa! Bahkan bagi anda yang menyukai gambar animasi sebagai sebagai bacgkround-pun akan bisa digunakan. Atau mengkin gambar yang itu ?!

A. Dua prasyarat supaya blog anda kelihatan lebih indah dan teks postingan terlihat jelas adalah :

1. Sebaiknya gunakan gambar atau photo yang tidak terlalu berwarna-warni. Gambar yang berwarna-warni akan membuat orang kesulitan untuk melihat/membaca teks anda karena tentunya warna teks akan menjadi tidak jelas begitu latar belakangnya mempunyai warna yang sama atau tidak kontras dengan warna teks.

2. Gunakan gambar yang utuh seukuran body dan tidak menggunakan gambar yang terlalu kecil karena akan terjadi duplikasi gambar di background blog. Ukuran yang sebaiknya digunakan adalah minimal 1000x600 pixel.

B. Langkah-langkah untuk merubah background blog sebagai berikut :

1. Amankan template dengan dengan cara sebagai berikut :
KLIK Gambar

2. Setelah template di amankan, lakukan langkah berikut :

KLIK Tata Letak --> Edit HTML --> Cari KODE body } --> Gantikan KODE -->

KLIK SIMPAN TEMPLATE

3. Yang perlu anda cari dan ganti adalah KODE :

body {
background:$bgcolor; atau

body {
background :#000 atau black, blue, yellow..dsb ;

gantikan dengan :

body {
background: url(http://....gif/jpg/png) repeat top left;
background-attachment: fixed;

contohnya :

body {
background: url(http://bloggerstars.gif) repeat top left;
background-attachment: fixed;

4. KLIK SIMPAN TEMPLATE dan lihat hasilnya di blog !!!

5. Pesan saya : Pasang gambar yang manis-manis dan membuat semua orang terhibut ! Pokoknya gambar yang membuat darah menglair lebih "kencang" !!! ha...ha...ha...!

Catatan :

KODE-KODE yang lain pada body } selain bacground jangan dihilangkan !!!
KODE body { terletak pada bagian atas Edit HTML

Menciptakan Efek Warna pada Scroll Bar

2009-10-19T09:45:00.000-07:00

Setiap kali melihat scroll bar, pasti warnanya itu-itu juga! bagaimana supaya kita bisa memvariasikan warna pada scroll bar sehingga berbeda dengan yang selama ini kita pakai? Dengan javascript di bawah ini, kita bisa melakukan beberapa variasi warna sekaligus menciptakan sedikit "gaya" karena scroll bar bisa berkelap-kelip berubah warna! Pokoknya ditanggung cantik, dah !!!

1. Ikuti langkah dalam gambar berikut :

KLIK gambar

2. Modifikasi warna dan penerapan warna :

- Ubahlah kode warna untuk memilih warna yang disukai.
- Ganti KODE berikut dengan warna yang dikehendaki. Contohnya sbb :(null,null,"red") menjadi (null,null,"blue")
(KODE ini terdapat dalam rangkaian KODE di atas) !

Good Luck for you and ... Sugeng ma(t)karyo !!!!

Pasang calculator di blog; Siapa tahu jadi bos ?!

2009-10-19T09:00:00.000-07:00

Lho ? Masa buat calculator dalam blog?! Emang mo buat apa?! Aha.. ini khan sekedar buat pelengkap saja. E..., siapa tahu ada yang butuh! Mungkin saja ada di antara kalian yang saat ini sedang nyambi jual bakso atau jual tahu, atau mungkin setiap kali othak-athik template harus nyari cipoa gara-gara calculatornya dipakai istri atau buat belajar anak. Nggak susah buatnya dan ditanggung pasti ada manfaatnya. E... kali-kali juga penggemar setia blog kalian lagi pusing nyari calkulator yang ketinggalan di toko, jadinya tinggal klik di blog ! Iya, khan ?!

Langkah pasang calculator :

KLIK gambar

1. Copy paste KODE berikut dan tempatkan pada ruang Javascript/HTML di bagian Elemen Laman.
2. SIMPAN dan lihat hasilnya di blog.

<table cellspacing="0" border="2" bordercolor="#99996" onclick="previouskey=event.srcElement.innerText" cellpadding="0" height="270"
style="bgcolor=#222222" width="220">
<tr>
<td id="result" width="100%" style=" border:2px solid #FFFFCC; font:bold 24px Arial; color:#f4fd00;text-align='right'" height="70" bgcolor="#0f1023"></td>
</tr>
<tr><td valign="middle" width="100%"
align="center"><table border="2" bordercolor="#FFFFCC" cellspacing="0" cellpadding="0" style="font:bold 20px Verdana;color:white" width="100%" bgcolor="282825">
<tr><td width="80%" align="center"><table onmouseout="event.srcElement.style.color='#40f6fd'" cellspacing="0" border="1" onselectstart="return false" onclick="calculate()" cellpadding="0" onmouseover="if (event.srcElement.tagName=='TD')event.srcElement.style.color='yellow'" height="168" style="cursor:hand;font:bold 18px Arial; color:#959532" width="100%">
<tr><td width="25%" height="40" align="center">7</td>
<td width="25%" height="40" align="center">8</td>
<td width="25%" height="40" align="center">9</td>
<td width="25%" height="40" align="center">/</td>
</tr>
<tr>
<td width="25%" height="40" align="center">4</td>
<td width="25%" height="40" align="center">5</td>
<td width="25%" height="40" align="center">6</td>
<td width="25%" height="40" align="center">*</td></tr>
<tr><td width="25%" height="40" align="center">1</td>
<td width="25%" height="40" align="center">2</td>
<td width="25%" height="40" align="center">3</td>
<td width="25%" height="40" align="center">-</td></tr>
<tr><td width="25%" height="40" align="center">0</td>
<td width="25%" height="40" onclick="pn();previouskey=1;event.cancelBubble=true" align="center">+/-</td>
<td width="25%" height="40" align="center">.</td>
<td width="25%" height="40" align="center">+</td>
</tr></table></td><td width="20%"><div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr><td width="100%" style="cursor:hand; text-align:center; font:bolder 24px Verdana; color:red; text-align:center" height="50" onclick="result.innerText=0;results=''">C</td></tr></table></div>
<div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0" height="73">
<tr><td width="100%" style="cursor:hand; text-align:center; font:bold 32px Verdana;color:blue;" onmouseover="event.srcElement.style.color='yellow'"
height="71" onmouseout="event.srcElement.style.color='blue'" onclick="calculateresult()">=</td>
</tr></table></div>
<div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="1" height="40" align="center">
<tr><td width="100%" style=""><img src="http://i35.tinypic.com/2lksolh.gif"/></td></tr></table></div></td>
</tr></table></td></tr></table>
<script language="JavaScript1.2">
/* *bloggerstar1* */
var results=''
var previouskey=''
var re=/(\/|\*|\+|-)/
var re2=/(\/|\*|\+|-){2}$/
var re3=/.+(\/|\*|\+|-).+/
var re4=/\d|\./
var re5=/^[^\/\*\+].+\d$/
var re6=/\./
function calculate(){
if (event.srcElement.tagName=="TD"){
if (event.srcElement.innerText.match(re4)&&previouskey=="=")
results=''
if (result.innerText.match(re3)&&event.srcElement.innerText.match(re)){
if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results
}
results+=event.srcElement.innerText
if (results.match(re2))
results=results.substring(0,results.length-2)+results.charAt(results.length-1)
result.innerText=results
}
}
function calculateresult(){
if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results
}
function pn(){
if (result.innerText.charAt(0)!='-')
result.innerText=results='-'+result.innerText
else if (result.innerText.charAt(0)=='-')
result.innerText=results=result.innerText*(-1)
}
</script>

3. Calculator ini tidak compatible untuk firefox.
4. Beberapa modifikasi bisa dilakukan pada kode selain javascript :
- ukuran : huruf/teks, box/kotak,
- warna : teks, box
- jenis font/huruf/teks

Selamat mecoba!! Mudah-mudahan lebih lancar saat menghitung hasil jualan sate dan sotonya. Saya doakan semoga untungnya tambah gedhe !!!

Dimana dan Bagaimana Cara Upload Javascript dan CSS Gratis ?

2009-10-09T08:20:00.000-07:00

Penggunaan Javascrip di hampir semua modifikasi ataupun mempercantik blog mengharuskan kita tahu file hosting javascript dan cara registrasi serta mengupload sekaligus mendapatkan URL-nya. Sebenarnya cukup banyak tempat untuk upload javascript dan CSS. Mari kita coba untuk di ripway.com. Supaya lebih cepat proses uploadnya, ikuti panduan di bawah ini :

Urutan prosedurnya adalah sebagai berikut :

---> Masuk ke ripway.com ---> KLIK Sign Up ---> Isi Registrasi ---> Log in

---> Isi Kolom Log in ---> Clik here to view file/My File ---> KLIK UPLOAD

---> Memasukkan File dr Folder kemudian KLIK Upload ---> KLIK My File

---> Copy paste URL File

Prosedur selengkapnya yang disertai gambar :

-->1. Masuk ripway.com atau KLIK * di sini * .
-->2. KLIK Sign Up. --> Lihat/KLIK * gambar 1 * .

-->3. Isi Registrasi. Year born dan ZIP/Postal Code tidak harus di isi. Setelah lengkap KLIK Sign Up Now. ---> Lihat/KLIK * gambar 2 * .
-->4. KLIK Log in ---> * gambar 3 *
-->5. Isi User Name & Password ---> Klik Log in . Lihat/KLIK * gambar 4 * .
-->6. KLIK "Click here to view file" atau KLIK "My File". Lihat/KLIK * gambar 5 * .
-->7. KLIK UPLOAD Lihat / KLIK * gambar 6 * .
-->8. Pilih File dari Folder PC yang akan di upload dan lanjutkan KLIK Upload. Lihat/KLIK * gambar 7 * .

-->9. Kembali KLIK My File untuk melihat URL file yang telah di upload.

->10. Copy paste URL tersebut dan gunakan sesuai kebutuhan anda.

Selesai sudah. Semoga bermanfaat.

Scroll Menu model layar buka-tutup vertikal

2009-10-05T13:43:00.000-07:00

Sebuah ruang menu yang sangat praktis karena bentuknya yang sangat kecil, simpel tapi menambah keindahan blog. Sebagai contoh anda bisa melihatnya di sisi sebelah kanan layar. Satu kelebihan menu ini adalah bisa di modifikasi baik lebar, tinggi, warna maupun ukuran huruf, serta kecepatan bergulungnya layar.

Cara membuat Scroll Menu ini sebagai berikut:

1. Login ke Blogger --> Tata Letak ----> Elemen Laman.

2. "Klik" Javascript/HTML.

3. Copy paste kode di bawah (scroll bar) ke dalam elemen halaman anda untuk anda coba dulu dalam template anda. Tempatkan dalam ruang Javascript/HTML kemudian SIMPAN/SAVE.

<p align="left"> * Tips dan Trik Blogger *
<a href="http://bloggerstuars.blogspot.com/search/label/Tips-trik%20Blogger"> - bloggerstars1 - </a></p>

<script type="text/javascript">

//SUSUN POSTING DI BAWAH INI PADA RUANG BERNOMOR
// harry roy-bloggerstars1
//bloggerstuars.blogspot.com
var tickercontents=new Array()

tickercontents[0]=' * 1 * bloggerstars1 <a href="http://bloggerstuars.blogspot.com/2009/09/satu-tips-lagi-untuk-pengguna-modem.html"> - Satu Tip Lagi Untuk Pengguna Modem Smart</a> -'

tickercontents[1]=' * 2 * bloggerstars1 <a href="http://bloggerstuars.blogspot.com/2009/09/cara-terbaru-mempercepat-koneksi-modem.html"> - Cara Terbaru mempercepat modem Smart Haier D 1200 P</a> -'

tickercontents[2]=' * 3 * bloggerstars1<a href="http://bloggerstuars.blogspot.com/2009/09/belajar-dan-bekerja-keras-tanpa-rasa.html"> - Belajar dan Bekerja Keras Tanpa Kenal Putus Asa</a> -'

tickercontents[3]=' * 4 * - bloggerstars1<a href="http://bloggerstuars.blogspot.com/2009/08/mengembangkan-teknik-posting-gambar-dan.html"> - Mengembangkan Teknik Posting Gambar dan Photo</a> -'

tickercontents[4]=' * 5 * - bloggerstars1<a href="http://bloggerstuars.blogspot.com/2009/08/promosi-blog.html"> - Promosi Blog</a> -'

tickercontents[5]=' * 6 * - bloggerstars1<a href="http://bloggerstuars.blogspot.com/2009/08/cara-membuat-postingan-2-tips-dan-trik.html"> - Cara membuat Postingan: Tips dan Trik</a> -'

//// SILAHKAN LAKUKAN MODIFIKASI DI SINI

var tickerwidth="210px"
var tickerheight="45px"
var fontcss="font: bold 12px Verdana; color:#fe342a"
var tickdelay=5000//delay btw messages
var highlightspeed=1 //1 pixels at a time.
var highlightcolor="#565bab"
var backdroptextcolor="#e2fe72"

////Jangan merubah yang di bawah ini akan MERUSAK Javascript dan fungsinya////////////////

document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')

document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')

document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')

document.write('</div>')

var currentmessage=0

var clipbottom=1

function changetickercontent(){

msgheight=clipbottom=crosstick.offsetHeight

crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"

crosstickbg.innerHTML=tickercontents[currentmessage]

crosstick.innerHTML=tickercontents[currentmessage]

highlightmsg()

}

function highlightmsg(){

//var msgheight=crosstick.offsetHeight

if (clipbottom>0){

clipbottom-=highlightspeed

crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"

beginclip=setTimeout("highlightmsg()",20)

}

else{

clipbottom=msgheight

clearTimeout(beginclip)

if (currentmessage==tickercontents.length-1) currentmessage=0

else currentmessage++

setTimeout("changetickercontent()",tickdelay)

}

}

function start_ticking(){

crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg

crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter

crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement

if (parseInt(crosstick.offsetHeight)>0)

crosstickParent.style.height=crosstick.offsetHeight+'px'

else

setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake

changetickercontent()

}

if (document.all || document.getElementById)

window.onload=start_ticking

</script>

<p align="left"> -Silahkan kunjungi kami di -

<a href="http://bloggerstuars.blogspot.com"> bloggerstars1 </a></p>

4. Lihat hasilnya dan kemudian rubah semua yang perlu disesuaikan dengan template anda, baik ukuran, warna, nama-nama dan link yang ada.

5. Untuk yang berwarna hijau di rubah disesuaikan dengan menu yang ada di blog anda. Tickercontents dari no. 1 hingga no. 5 dan nomor selanjutnya bila anda ingin menambah bisa disesuaikan dengan pengisian yang dilakukan seperti nomor 1.

6. Kode yang berwarna kuning merupakan kode untuk warna, dellay, kecepatan dan ukuran baik lebar atau tinggi. Silahkan dilakukan perubahan untuk penyesuaian.

7. Di bawah ini juga saya sertakan variasi pengisian tickercontents, yang bisa ditambahkan secara berselang-seling nomor urutannya.

tickercontents[1]=' Pingin menu yang lengkap untuk masak tiap hari? <a href="http://bloggerstuars.blogspot.com"> Menu Masakan SSM </a> akan membantu anda menciptakan anggota keluarga merasa lebih nikmat makan di rumah '

tickercontents[2]=' Untuk melengkapi koleksi mp3 anda silahkan <a href="http://bloggerstuars.blogspot.com"> downloads mp3 </a> -disini! '

Selamat mencoba!!!

Membuat Teks Posting Mengalir ; Teks muncul berurutan

2009-10-04T12:51:00.000-07:00

Membuat teks posting muncul secara berurutan seperti layaknya "orang mengetik" mungkin akan menjadi variasi tersendiri untuk menarik pembaca. Pada saat bersamaan dengan penerapan fungsi "Teks Mengalir" ini, sekaligus kita juga akan mengisi halaman blog kita dengan suatu "kalimat sambutan" bagi pengunjung blog, yang bisa berupa ucapan terima kasih dan ucapan selamat datang. Ini mutlak harus dilakukan karena berfungsi mendukung terwujudnya bentuk posting teks mengalir. Cara untuk melakukan proses ini sebenarnya tidak terlalu rumit, namun membutuhkan ketelitian. Monggo… Sebelum memulai membuat tampilan baru ini, saya mengucapkan " Selamat berkarya", semoga tidak ada kesulitan yang di temui serta semoga hari yang indah dan kesuksesan selalu menyertai hidup anda!!!

Langkah yang harus dilakukan :

1. Copy java script di bawah ini dan upload ke hosting anda.

/*

An object-oriented Typing Text script, to allow for multiple instances.

A script that causes any text inside any text element to be "typed out", one letter at a time. Note that any HTML tags will not be included in the typed output, to prevent them from causing problems. Tested in Firefox v1.5.0.1, Opera v8.52, Konqueror v3.5.1, and IE v6.

Browsers that do not support this script will simply see the text fully displayed from the start, including any HTML tags.

Functions defined:

TypingText(element, [interval = 100,] [cursor = "",] [finishedCallback = function(){return}]):

Create a new TypingText object around the given element. Optionally

specify a delay between characters of interval milliseconds.

cursor allows users to specify some HTML to be appended to the end of

the string whilst typing. Optionally, can also be a function which

accepts the current text as an argument. This allows the user to

create a "dynamic cursor" which changes depending on the latest character

or the current length of the string.

finishedCallback allows advanced scripters to supply a function

to be executed on finishing. The function must accept no arguments.

TypingText.run():

Run the effect.

static TypingText.runAll():

Run all TypingText-enabled objects on the page.

*/

TypingText = function(element, interval, cursor, finishedCallback) {

if((typeof document.getElementById == "undefined") (typeof element.innerHTML == "undefined")) {

this.running = true; // Never run.

return;

}

this.element = element;

this.finishedCallback = (finishedCallback ? finishedCallback : function() { return; });

this.interval = (typeof interval == "undefined" ? 100 : interval);

this.origText = this.element.innerHTML;

this.unparsedOrigText = this.origText;

this.cursor = (cursor ? cursor : "");

this.currentText = "";

this.currentChar = 0;

this.element.typingText = this;

if(this.element.id == "") this.element.id = "typingtext" + TypingText.currentIndex++;

TypingText.all.push(this);

this.running = false;

this.inTag = false;

this.tagBuffer = "";

this.inHTMLEntity = false;

this.HTMLEntityBuffer = "";

}

TypingText.all = new Array();

TypingText.currentIndex = 0;

TypingText.runAll = function() {

for(var i = 0; i < TypingText.all.length; i++) TypingText.all[i].run();

}

TypingText.prototype.run = function() {

if(this.running) return;

if(typeof this.origText == "undefined") {

setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval); // We haven't finished loading yet. Have patience.

return;

}

if(this.currentText == "") this.element.innerHTML = "";

// this.origText = this.origText.replace(/<([^<])*>/, ""); // Strip HTML from text.

if(this.currentChar < this.origText.length) {

if(this.origText.charAt(this.currentChar) == "<" && !this.inTag) {

this.tagBuffer = "<";

this.inTag = true;

this.currentChar++;

this.run();

return;

} else if(this.origText.charAt(this.currentChar) == ">" && this.inTag) {

this.tagBuffer += ">";

this.inTag = false;

this.currentText += this.tagBuffer;

this.currentChar++;

this.run();

return;

} else if(this.inTag) {

this.tagBuffer += this.origText.charAt(this.currentChar);

this.currentChar++;

this.run();

return;

} else if(this.origText.charAt(this.currentChar) == "&" && !this.inHTMLEntity) {

this.HTMLEntityBuffer = "&";

this.inHTMLEntity = true;

this.currentChar++;

this.run();

return;

} else if(this.origText.charAt(this.currentChar) == ";" && this.inHTMLEntity) {

this.HTMLEntityBuffer += ";";

this.inHTMLEntity = false;

this.currentText += this.HTMLEntityBuffer;

this.currentChar++;

this.run();

return;

} else if(this.inHTMLEntity) {

this.HTMLEntityBuffer += this.origText.charAt(this.currentChar);

this.currentChar++;

this.run();

return;

} else {

this.currentText += this.origText.charAt(this.currentChar);

}

this.element.innerHTML = this.currentText;

this.element.innerHTML += (this.currentChar < this.origText.length - 1 ? (typeof this.cursor == "function" ? this.cursor(this.currentText) : this.cursor) : "");

this.currentChar++;

setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);

} else {

this.currentText = "";

this.currentChar = 0;

this.running = false;

this.finishedCallback();

}

}

2. Kode yang berwarna kuning berfungsi untuk merubah kecepatan aliran teks. Semakin kecil nilainya, maka akan semakin cepat. Begitu juga sebaliknya.

3. Java script ini setelah diupload ke hosting anda, simpan alamatnya (link javascript hasil upload). Catatan : anda bisa upload di ripway.com atau yang lain. untuk upload di ripway tutorialnya silahkan anda cari di blog ini!

4. Login ke Blogger ---> "KLIK" Tata Letak ---> "KLIK" Edit HTML

5. Amankan dulu template anda dengan "KLIK" Download Template Lengkap.

6. Letakkan kode berikut tepat di bawah ]]></b:skin>

<script language="javascript" type="text/javascript" src="alamat upload/TypingText.js">
/* edit ulang oleh harry roy "bloggerstars1"
bloggerstuars.blogspot.com */
</script>

7. Kalau anda anda kesulitan untuk upload silahkan menggunakan link ini sebagai alamat upload javascript (tapi bila menggunakan yang ini, anda tidak akan mungkin untuk merubah kecepatan aliran teksnya).

http://h1.ripway.com/pantekerini/TypingText.js

sehingga bentuk lengkapnya menjadi :

<script language="javascript" type="text/javascript" src="http://h1.ripway.com/pantekerini/TypingText.js">
/* edit ulang oleh harry roy "bloggerstars1"
bloggerstuars.blogspot.com */
</script>

8. "Klik" SIMPAN TEMPLATE/SAVE TEMPLATE.

9. Lanjutkan dengan copy paste kode di bawah dan tempatkan pada HTML/java script dengan masuk ke menu : Elemen Laman ----> HTML/Javascript.

<div id="example1"> Terima Kasih dan Selamat Datang <a href="http://bloggerstuars.blogspot.com/"> bloggerstars1 <a>
</div>
<p id="example2"> Selamat membaca dan menikmati <b> semua yang kami sajikan </b> di dalam blog ini. </b> Semoga bermanfaat dan dapat <br /> sedikit menambah ilmu dan wawasan anda <br> Sekali lagi kami mengucapkan terimakasih!!! </p>
<script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));
//Define second typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example2"), 100, function(i){ var ar = new Array("\\", "", "/", "-"); return " " + ar[i.length % ar.length]; });
//Type out examples:
TypingText.runAll();
</script>

10. "Klik" simpan dan lihat hasil sementara terlebih dahulu!

11. Kode pada point 9 tersebut anda masukkan pada ruang posting pada saat menerbitkan posting anda. Ruang berwarna merah muda di gunakan untuk menulis artikel atau memuat posting. Ruang yang berisi kata "Terima Kasih dan Selamat Datang" digunakan sebagai ruang utama, sedang ruang yang lain silahkan digunakan untuk kata-kata tambahan.

Membuat animasi kata atau nama blog sebagai cursor

2009-10-04T05:04:00.000-07:00

He...he...! Mungkin agak unik dan cukup menarik untuk menjadikan animasi nama blog, nama diri, nama idola, anak, binatang kesayangan dan terlebih...,nama kekasih tercinta menjadi sebuah cursor yang setiap hari kita sentuh, kita lihat dan selalu mendampingi saat ngeblog. Cursor dalam bentuk kata ini dibuat menggunakan javascript. Silahkan nanti dicopy dan pasang di blog kamu. O..., ya, untuk nama yang yang akan dituliskan sebagai cursor dan warna bisa anda ganti sesuai dengaan keinginan. Apabila lebih telaten ukuran dan variasi lainya juga bisa di rubah.

Cara membuat animasi kata menjadi sebuah cursor :

1. Login ke blogger
2. Masuk ke menu TATA LETAK
3. KLIK "ELEMEN LAMAN".
4. KLIK lagi di HTML/Javascript.
5. Langsung coba dulu kode dalam scrholl bar dengan copy paste dalam ruang HTML.
6. KLIK Simpan/Save.
7. Lihat hasilnya dengan membuka blog di browser yang lain. Bila editing dilakukan di IE, lihat hasilnya di Opera atau Firefox

if (document.layers){window.onMouseMove = nsmouse}

else if (document.all){window.document.onmousemove = iemouse}

ey = Math.round(Ey+=((ypos+20)-Ey)*2/2);ex = Math.round(Ex+=((xpos+20)-Ex)*2/2);

dy = Math.round(Dy+=(ey - Dy)*2/4);dx = Math.round(Dx+=(ex - Dx)*2/4);

cy = Math.round(Cy+=(dy - Cy)*2/6);cx = Math.round(Cx+=(dx - Cx)*2/6);

by = Math.round(By+=(cy - By)*2/8);bx = Math.round(Bx+=(cx - Bx)*2/8);

ay = Math.round(Ay+= (by - Ay)*2/10);ax = Math.round(Ax+= (bx - Ax)*2/10);

makefollow();

jumpstart=setTimeout('move()',10);

}
function hidetrail(){

if (document.all){

for (i2=0;i2<amount;i2++){

outer.all.inner.all[i2].style.visibility="hidden"

clearTimeout(jumpstart)

}

}

else if (document.layers){

for (i2=0;i2<amount;i2++){

temp="ns"+i2

document.layers[temp].visibility="hide"

clearTimeout(jumpstart)

}

}

}
window.onload=move;

//-->

</script>

8. Bila belum muncul kata "bloggerstars1 berwarna kuning" yang mengikuti cursor, coba restart sekali lagi blog yang digunakan untuk melihat hasilnya (blog yang dibuka di browser yang berbeda tadi).

9. Setelah berhasil dengan munculnya nama bloggerstars1 yang selalu mengikuti cursor), silahkan nama tersebut bisa anda ganti dengan nama yang menjadi pilihan kamu. Akan lebih oke lagi bila yang dituliskan nama kekasih kamu. Bayangkan kamu sebagai cursornya dan kekasihmu selalu mengikuti kemanapun kamu pergi. Ke WC sekalipun. He...he...Entar malah nggak jadi EkOk...!!!!

10. Untuk mengganti kata "bloggerstars1 dengan warna kuning", silahkan ubah kode yang berwarna kuning. Sebelah atas untuk nama dan sebelah bawah kode warnanya.

11. Beberapa kode bisa dirubah untuk memberi tampilan yang berbeda bila kamu mau.

Selamat mencoba. Semoga berhasil!!!

Peran Wanita dalam Politik dan Pembangunan Bangsa

2009-10-02T10:24:00.000-07:00

Sejarah tumbuh kembangnya bangsa kita bila kita runut dari sejarah terbentuknya NKRI, tidak hanya dimulai abad ke 19, tetapi jauh sebelum itu, ketika bangsa ini masih tercecer sebagai kerajaan-kerajaan yang tumbuh dan runtuh secara bergantian, peran wanita ternyata begitu besarnya. Sebelum Era RA Kartini yang menjadi pahlawan emansipasi wanita, peran yang lebih besar terukir dalam sejarah bangsa. Berdasar sejarah yang ada, pernah muncul seorang raja perempuan yang dikenal sebagai Ratu Shima di jaman yang jauh sebelum Mataram berdiri. Kemudian pada masa perjuangan melawan penjajah Belanda, bertempur dengan tegar dan gagah berani seorang pahlawan bangsa. Cut Nya Dien!!! Barulah RA Kartini berjuang untuk bangsa demi peran wanita untuk dapat berdiri sejajar dengan para pria dalam peran membangun kemajuan bangsa dan negara. Bukan berjuang dalam medan tempur yang penuh desingan peluru, melainkan berjuang untuk harkat dan martabat kaum wanita.

Bagaimana dengan gereget wanita Indonesia pada masa sekarang ini? Wanita Indonesia perlu memberikan jawaban yang kongkrit dengan suatu wujud yang nyata dalam memberi kontribusi terhadap maju mundurnya bangsa dan negara. Bukankah selama ini sudah banyak para wanita yang berperan aktif dalam politik, ekonomi, sosial, budaya dan Hankam ? Itu adalah jawaban klasik yang menjadi andalan siapapaun. Mereka tidak pernah melihat sampai seberapa besarkah peran wanita terutama bila diperhitungkan dari prosentase yang aktif terlibat di dalamnya. Termasuk bidang bisnis dan beberapa yang lain seperti bidang politik. Bukankah wanita Indonesia jumlahnya lebih dari pria ?

Kalau kita secara obyektif melihat dan membuktikan di lapangan, ternyata peran wanita masih sangat kecil sekali dalam perkembangan bangsa ini. Mereka lebih banyak berperan dalam bidang-bidang yang kecil dan sederhana. Meskipun kita tidak boleh memandang remeh terhadap hal tersebut. Misalnya hanya sebagai ibu rumah tangga, TKI, pembantu rumah tangga dan buruh-buruh di pabrik. Seharusnya kalau bangsa ini tidak luluh lantak dari segala lini pembangunan di masa ORDE BARU, peran wanita akan jauh lebih besar dari masa sekarang ini.

Satu contoh besar yang terjadi. Bidang politik adalah satu media atau sarana dan tempat terdepan dalam memberi pengaruh bagi maju dan mundurnya bangsa. mengapa bisa demikian? Politik adalah suatu cara untuk menguasai yang dilakukan oleh sekelompok orang. Banyak hal yang mampu dikuasai atau menjadi target politik. Satu yang terbesar adalah menguasai pemerintahan Negara Republik Indonesia. Seberapa besar peranan mereka? Mungkin kalau dilihat dari beberapa wanita yang terlibat dalam geliat politik di tingkat elit (Nasional) terlihat cukup banyak, tetapi kalau kita mau turun sampai ke akar rumput, ternyata kondisinya amat menyedihkan sekali. Betapa tidak! Hanya beberapa gelintir wanita yang mau dan sadar utnuk terlibat dalam pergolakan politik. Sebagian terbesar hanya terlibat karena dibutuhkan sebagai pelengkap dalam organisasi politik. Contoh yang nyata adalah dalam PEMILU Legislatif yang lalu. Masih banyak partai yang tidak mampu memenuhi 30 % kuota wanita. Bahkan partai besar sekalipun ada yang tidak mampu untuk merekrut apalagi menggeret para wanita untuk mencalonkan diri sebagai bakal calon. Bukan salah partainya, tetapi...................... Berlanjut

Membuat dan memasang icon Address Bar

2009-10-02T10:19:00.000-07:00

Pingin wajah kamu mejeng sebagai ikon di sebelah alamat web/blog kamu. Atau mungkin ingin menggunakan gambar favorit kamu untuk di tampilkan di sana. O..., ya... lebih trendy lagi bila ada file gambar dalam bentuk GIF yang bisa bergerak ditampilkan untuk mewakili identitas blog kamu yang terpasang. Dengan cara praktis, cepat dan proses yang sederhana, yang akan selesai hanya dalam hitungan menit, maka tampilan icon address bar akan berubah sesuai keinginan kamu. So..,Gimana langkahnya?!

http://bloggerstuars.blogspot.com

Inilah urutan langkah yang harus dilakukan :

1. Pilih gambar untuk icon.

Ketentuan gambar :
- bentuk file : gif, jpg atau png atau yang lain.
- Ukuran gambar : maksimal 100 pixel X 100 pixel,
- gambar animasi atau gambar statis/biasa.

2. Cara membuat gambar ukuran icon :
- gunakan software yang sesuai: Adobe, Corel, GIF Rezizer, Irfan View atau yang lain.

3. Apabila mengalami kesulitan untuk mengecilkan gambar, minta tolonglah pada Favikon Generator.

Caranya :

- Masuk ke http://www.favicongenerator.com
- Upload gambar terpilih,
- Download kembali setelah selesai diperkecil oleh Favikon Generator.

4. Upload gambar yang sudah diperkecil ke image hosting (Photo Bucket atau yang lain)

5. Copy paste alamat/URL gambar hasil upload.

6. Masukkan link calon gambar icon seperti di bawah ini:

<link href="http://i36.tinypic.com/alrbif.gif" rel="shortcut icon"/>

Kode yang berwarna kuning diganti dengan URL calon icon baru milik anda.

7. Login-----> masuk ke Tata Letak ----> 'klik' Edit HTML

8. Letakkan kode lengkap address bar icon persis di atas </head>

9. Simpan Template dan kemudian lihat hasilnya.

Jika langkah tidak ada yang keliru, maka icon lama akan hilang dan yang muncul adalah icon baru yang membuat tampilan blog bertambah keren.

Cara memasang jam di Blog

2009-10-01T14:26:00.000-07:00

Melihat jam menjadi sangat penting bagi seorang blogger. Bukan hanya untuk kepentingan pemilik blog saja, tetapi dengan adanya jam juga memberikan keuntunganbagi pembaca blog. Mengapa bisa demikian? Tentu saja tidak lepas dari kebiasaan para internet mania. Sering lupa waktu! Memang asyik, sih kalau udah ngenet atau ngeblog. Seringkali waktu jadi tidak terpikirkan. Ee..., tahu-tahu matahari baru udah nongol lagi.

Cara memasang jam di blog:

-1. Buka http://www.clocklink.com atau bisa 'klik' di sini.
-2. 'Klik' Gallery di menu bagian atas untuk melihat stok jam yang ada.
-3. Pilih jenis jam yang sesuai dengan selera anda dengan cara meng'klik' Analog, Digital, animal atau yang lain. Atau boleh buka semua untuk melihat-lihat dulu dan menemukan yang anda pandang cocok dan serasi ditempatkan di blog.
-4. Setelah ketemu yang cocok, 'klik' view HTML tag.
-5. Lanjutkan dengan 'klik' Accept.
-6. Sesuaikan waktu jam dengan wilayah anda. Klik tanda panah pada timezone, kemudian sesuiakan waktu dengan menambah atau mengurangi dari GMT. Untuk wilayah Indonesia berkisar + 07.00 s/d +08.00.
-7. Besaran jam bisa dipilih pada "Size".
-8. Pilih warna jam dengan 'klik' lingkaran di sebelah warna yang diperlihatkan.
-9. Copy paste code yang terdapat dalam schroolbar atas dan bawah kemudian simpan terlebih dahulu. Gunakan salah satu kode yang bisa ditempatkan dalam template anda dari 2 kode dalam schrollbar tersebut.
10. Buka template dengan Login.
11. Masuk ke Elemen Halaman.
12. Pilih HTML/Java Script.
13. Copy paste kode yang pertama dan simpan.
14. Lihat hasilnya dengan cara melihat blog.
15. Jika belum berhasil gunakan kode yang ke dua (dari schrollbar ke-2) atau pilih jam yang lain.

Nikmati tampilan blog anda setelah dihiasi dengan jam gratis. Jangan lupa manfaatkan jam baru tersebut sebaik-baiknya. Artinya : Jangan lupa waktu seperti saya!!!! Ha....ha...!!!

Rendang Suir Ayam Kampung

2009-09-30T16:43:00.000-07:00

Rendang ini kita namakan Rendang Suir Ayam Kampung karena bahan daging ayam yang kita gunakan harus daging ayam kampung dan daging tidak boleh dipotong-potong, akan tetapi harus disuir pakai tangan hingga menjadi potongan potongan kecil. Diluar itu, membuat rendang ini dengan daging ayam kampung akan membuat rasanya semakin aduhai.

Bahan yang dibutuhkan :

a. 1 ekor ayam kampung muda.
b. 2 lembar daun kunyit.
c. 2 batang sereh yang dimemarkan.
d. 5 Lembar daun salam.
e. 8 lembar daun jeruk.
f. Santan agak kental yang dibuat dari 5 butir kelapa.
g. Minyak untuk menumis.
h. Garam secukupnya.

Bumbu halus :

8 siung bawang putih, 20 siung bawang merah, 100 gram cabai merah, 2 ruas jari jahe, 4 ruas jari leangkuas, 1 jari kunyit, 10 butir kemiri.

Cara memasak :

1. Ayam direbus hingga lunak kemudian disuir-suir.
2. Tumis bumbu halus hingga harum.
3. Masukkan daun salam, daun jeruk, daun kunyit, sereh dan masak hingga bumbu matang.
4. Tuangkan santan, masak hingga mendidih kemudian menjadi berminyak dan agak mengering.
5. Masukkan ayam yang telah disuir.
6. Adu dengan merata hingga bumbu meresap dan bumbu kering.
7. Angkat rendang kemudian tiriskan hingga benar-benar kering .
8. Rendang siap dinikmati dan cukup tahan lama karena menjadi masakan yang kering.

Menambah Widget di atas halaman posting (main-wrapper)

2009-09-30T02:27:00.000-07:00

Mungkin anda perlu menambah widget di atas ruang posting anda? Ada cara termudah menambah widget di posisi tersebut hanya dengan merubah satu kode yang terdapat dalam ruang Edit HTML.

1. Login terlebih dahulu di Blogger.
2. Masuk ke Tata Letak.
3. 'Klik' Edit HTML.
4. Untuk mengamankan template, Download Template Lengkap terlebih dahulu.
5. Cari kode <div id='main-wrapper'>
jika kesulitan untuk mencarinya, gunakan CTRL + F. Jika tetap belum ketemu cari dengan kode kunci main-wrapper dan showaddelement (karena mungkin terjadi perbedaan penulisan kode). Posisi <div id='main-wrapper'> ada di bawah <body> dan di dekatnya ada showaddelement.
6. Temukan <b:section class='main' id='main' showaddelement='no'> atau <b:section class='main' id='main' maxwidgets='1' showaddelement='no'>
Rubah 'no' menjadi 'yes'.
7. 'Klik' Simpan Template.
8. Lihat hasilnya di Elemen Halaman. Bila langkah yang dilakukan benar, maka akan terjadi penambahan widget di atas ruang posting di bawah header.

Silahkan dipergunakan untuk menambah gadget-gadget yang baru.

Sidebar's Scrolling Menu ; wadah Link yang ringkas dan manis

2009-09-29T16:09:00.000-07:00

Menggunakan Menu Schroll untuk digunakan sebagai daftar posting atau daftar yang lain pada sidebar, membuat ruang lebih ringkas dan menjadi lebih indah. Kita juga bisa memvariasikan ukuran maupun warna menu scrholl tersebut. Kelebihan menu ini adalah meskipun bentuknya kecil tapi mampu memuat hingga ratusan daftar menu.

Langkah membuat Sidebar's Schrolling Menu:

1. Lakukan Login.
2. Masuk ke Elemen Halaman.
3. 'Klik' Tambah Gadget kemudian lanjutkan dengan 'klik' HTML/Java Script.
4. Copy paste kode HTML yang terdapat dalam scrholl bar di bawah ini kedalamnya dan biarkan tanpa judul. Kode HTML berada di bawah contoh link yang berwarna-warni.

5. Setelah klik simpan dan melihat hasilnya, selanjutnya nama link menu dan URL link menu bisa anda ganti dengan nama dan alamat milik anda.
6. Yang perlu di rubah untuk disesuaikan dengan template anda adalah :

a. Lebar (width), tinggi (height)
b. Warna background ( disesuaikan dengan warna sidebar).
c. Warna nama link bisa dipilih sesuai selera (sudah dilampirkan bervariasi warna).
d. Backgraund bisa menggunakan gambar yang tersimpan dalam image hosting atau hanya berupa kode warna.
e. Nama menu.
f. URL link menu.
g. Apabila diperlukan perubahan, kode teratas untuk bingkai terluar, bagian tengah untuk judul dan yang terbawah untuk bingkai link dan nama-nama menu.
h. Perubahan-perubahan yang diperlukan harus dilakukan dengan hati-hati, jangan sampai ada kode yang hilang karena akan sangat berpengaruh terhadap hasil akhirnya.

Selamat mencoba semoga berhasil dengan sukses dan membuat template bertambah indah. O..., ya....! Scrholl Bar yang anda buat ini bentuknya sama seperti yang anda lihat di atas.

Satu Tips lagi untuk pengguna modem Smart Haier

2009-09-29T15:29:00.000-07:00

Pusing memang menggunakan modem internet yang murah dengan jumlah pengguna yang ngaudubilah. Seperti aku misalnya. Ya..., apa boleh buat, sementara kanthong memang setipis bokong sementara nafsu ngenet setebal bibir. Bibirnya si Togog dan mBilung yang tebalnya melebihi bibir pak dhe Mandra.

Dari pusing karena "lelet", akhirnya tiada lain muncul semangat "othak-athik" gathuk. Nih, coba bagi yang pakai modem Haier D 1200 P moga-moga semakin betah nglembur "lek-lek"an.

Buat koneksi baru dengan cara :

Klik- Connect to - Create a New Connections - Next - Connect to the internet - Set up my connection manually - Connect using a dial-up modem - Pilih Modem-VIA Telecom CBP USB Modem (COM) - isi ISP Name dengan sembarang nama - isi Phone Number dengan : *31*111111# (ingat-angka 1 (satu)nya berjumlah 6 (enam); jangan lebih dan jangan kurang) - pada Internet Account Information isi User Name dan Password dengan smart - Add a shortcut to this connection to my desktop - Dial .........Tahan nafas sebentar sambil menunggu koneksi tersambung.... dan lepas nafas pelan-pelan.... Yoooo serbu....cepat klik operanya...!!!!

Trik ini sudah saya coba dan dua hari dua malam nonstop online tanpa harus restart modem. Semoga hari anda bertambah indah! Jangan lupa untuk istirahat "tidur". Kurangi chatting dan poker serta game-game yang lain biar orang lain juga kebagian. Lebih baik perbanyak minum kopi dan tidur seperti saran almarhum mbah Surip. Ha...ha...ha....!

Samakah Manusia dan binatang?

2009-09-29T14:37:00.000-07:00

Sebelum saya menuliskan apa yang menjadi pemikiran saya ini, aku harap rekan rekan tidak langsung menanggapinya dengan emosional. Sebenarnya antara manusia dan hewan diciptakan dalam keadaan dan bentuk yang sama sekali berbeda. Bahkan kalau kita pernah belajar tentang sejarah penciptaan manusia (moga-moga jangan nggak pernah), sangat jelas sekali perbedaan proses penciptaan antara keduanya. Disebutkan dengan jelas bahwa manusia diciptakan sebagai satu-satunya makhuk ciptaan Tuhan yang paling sempurna, yang dibuat tidak hanya dengan kata-kata Tuhan tetapi harus melalui proses yang rumit. Sangat berbeda jauh jika dibandingkan dengan penciptaan hewan atau bahkan alam semesta yang luar biasa dahyatnya ini.

Sesungguhnya,harusnya manusia memang harus berbeda jauh dengan binatang, karena manusia diciptakan dengan keunggulan yang jauh dari binatang. Kita sebagai manusia dikaruniai dengan akal budi yang hebat, yang membuat manusia mampu melakukan hal-hal yang luar biasa. Sangat jauh jika dibandingkan dengan hewa. Hewan yang paling pintar sekalipun! Tetapi sayangnya, kelebihan itu tidak bisa dimanfaatkan manusia dengan sebaik-baiknya. Yang lebih menyedihkan, manusia, baik dimasa sebelum kita lahir hingga detik ini cenderung meniru sifat-sifat atau perilaku binatang. Tidak hanya seperti kancil yang dikatakan suka menipu, manusia juga seperti kucing yang suka mencuri. Ada yang lebih dari itu. Manusia banyak yang doyan membunuh sesamanya. Salahkah kalau dikatakan tak ada bedanya manusia dan binatang. Banyak sekali contoh yang ada dalam kehidupan di sekitar kita. Dari yang sederhana, ngomongin tetangga sampai tega-tegannya membunuh tetangga atau teman hidupnya hanya karena masalah yang sederhana.

Dengan kenyataan yang seperti ini, sudah seharusnya kita sebagai makluk yang paling luhur untuk bersama-sama mencoba menciptakan sebuah fenomena yang baru tentang manusia. Bukan manusia yang seperti binatang, tetapi banusia yang lebih baik segalanya dari binatang. Sebuah era baru di mana manusia tak lagi bisa disamakan dengan binatang. Tak ada lagi kata-kata "anjing, kau!" atau "dasar anjing". Untuk itu mari bersama-sama kita nyanyikan lagu Rhoma Irama.... dan banyak lagi yang lainnya...ha..haa..haa...hha... (entah itu "babi, lu" atau yang lain!).

Monggo menurut anda seperti apa sebetulnya. Sama nggak manusia dan binatang?

Schrolling Bar untuk Posting

2009-09-29T13:58:00.001-07:00

Kadang-kadang kita membutuhkan ruang posting yang sangat panjang karena postingan yang kita buat memang membutuhkan ruang yang sangat luas. Dengan amat panjangnya postingan membuat seakan-akan posting tak ada ujungnya, sehingga mungkin mengakibatkan pembaca mejadi malas untuk menyimak posting kita. Solusi utnuk mengatasi hal ini bisa dilakukan dengan memanfaatkan Schrolling Bar. Sederhana akan tetapi mampu membuat suasana terlihat praktis dan simple serta memakan ruang yang sangat kecil. Untuk membuatnya anda bisa menggunakan kode dalam Scrholl Bar ini. Caranya tinggal masukkan saja ke dalam ruang posting, selanjutnya materi atau artikel yang akan diterbitkan tinggal di masukkan ke dalamnya (Ruang Posting).

Kode HTML Schroll Bar Untuk Posting

Untuk tinggi dan lebarnya bisa disesuaikan dengan kebutuhan dengan cara merubah nilai height serta width baik pada div class Artikel maupun widget-content. Demikian juga background warnanya bisa disesuaikan dengan warna template yang dipergunakan.

Selamat mencoba dan semoga semakin bersemangat dalam berkarya.

Slide Menu

2009-09-28T17:20:00.000-07:00

Lihatlah slide menu di atas. Slide Menu sungguh satu menu yang nampak praktis dan menarik. Menu ini juga bisa disebut sebagai menu geser, menu samping, menu animasi ataupun menu petak umpet. Mengapa bisa di beri sebutan Menu Petak Umpet? Ya..., model menu ini memang seperti halnya permainan petak umpet, saat tidak tersentuh cursor seluruh bagian menu ini tersembunyi di kedalaman sisi blog, sedang bila tersentuh cursor, seluruh bagian menu ini akan muncul di halaman blog. Ditinjau dari effisiensi ruang, tentu saja menu ini sangat menarik untuk digunakan sebagai bagian yang mampu memberikan daya jelajah kepada ruangan blog tetapi hanya memakan secuil ruang. Tidak sulit menerapkannya dalam template. Hanya dengan sekali copy paste, kemudian simpan, maka berfungsilah dia.

Meskipun menu petak umpet ini sering kali hanya disebut sebagai menu yang hanya bisa diletakkan pada posisi kanan atau kiri ruang, sebenarnya ada satu tempat lagi yang mampu ditempati oleh menu ini. Dia bisa juga menempati bagian sebelah atas, sehingga seluruh bagian menu akan meluncur ke arah bawah saat tersentuh cursor. Hebat, khan? Setelah nanti kita coba kita akan tahu lebih banyak nilai lebih dari menu ini. Ingin mencoba untuk memasangnya dalam blog anda? Ikuti langkah dan detail fungsi yang saya sertakan di bawah ini!

Langkah pemasangan Menu Petak Umpet :

1. Seperti biasa, sebagai kartu pembuka Login dulu di blogger.
2. Masuk ke Tata Letak kemudian lanjutkan "klik" Edit HTML.
3. Jangan lupa untuk mengamankan template dengan "klik" Download Template Lengkap.
4. Cari kode </head> (posisinya di atas <body> atau di bawah ]]></b:skin> ).
5. Copy paste kode di bawah ini persis di atas </head>

<style>
#menu1 a {
color:#84fffe;
background-color:#444444;
text-decoration:none;
text-indent:1ex;
}
#menu1 a:active {
color:#fbbae3;
text-decoration:none;
}
#menu1 a:hover {
color:#fe01f5;
background-color:#0a03a6
}
#menu1 a:visited {
color:#fea801;
text-decoration:none;
}
</style>

<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>
resizereinit=true;

menu[1] = {
id:'menu1',
bartext:'Daftar Isi Blog',
menupos:'top',
barbgcolor:"#000000",
barcolor:"#d5d097",
barfontweight:"bold",
barfontsize:'140%',
bordercolor:"#330101",
fontsize:'140%',
menuspeed:2,
menupause:100,
borderwidth:1,
barwidth:40,
menufont:'Times New Roman',
linkheight:40,
hdingwidth:350,

menuItems:[

["Home", "http://bloggerstuars.blogspot.com", "_self"],

["Tutorial Blogger", "http://bloggerstuars.blogspot.com/Search/Label/Tutorial%20 Blogger", ""],

["Politik", "http://bloggerstuars.blogspot.com/Search/Label/Politik", ""],

["Olah Raga", "http://bloggerstuars.blogspot.com/Search/Label/Olah%20Raga", ""],

["Kesehatan", "http://bloggerstuars.blogspot.com/Search/Label/Kesehatan", ""],

["Seni dan Budaya", "http://bloggerstuars.blogspot.com/Search/Label/Seni%20dan%20Budaya", ""],

["Bloggerstars1", "http://bloggerstuars.blogspot.com/search/label/Bloggerstars1", ""],

["Buku Cerita", "http://bloggerstuars.blogspot.com/search/label/Buku%20Cerita", ""],

["Kuliner", "http://bloggerstuars.blogspot.com/search/label/Kuliner", ""],

["Elektronika", "http://bloggerstuars.blogspot.com/search/label/Elektronika", ""],

["Tokoh Dunia", "http://bloggerstuars.blogspot.com/search/label/Tokoh%20Dunia", ""],

["Obat Tradisional", "http://bloggerstuars.blogspot.com/search/label/Obat%20Tradisional", ""],

["Back To Top", "#", ""]
]};
make_menus();

</script>

6. Klik "Simpan Template". Tunggu beberapa saat dan lihat hasilnya.
7. Beberapa perubahan kode dapat dilakukan untuk memodifikasi warna dan ukuran. Untuk melakukan perubahan harap dilakukan dengan teliti karena sensitifitas menu ini.

Beberapa perubahan yang mungkin dilakukan adalah sebagai berikut :

a. #menu1 a { (Color: warna link, background: latar belakangnya).
b. #menu1 a:hover { (Color: warna link, background: latar belakangnya. Warna dan background saat tersentuh cursor).
c. #menu1 a:visited { (warna setelah di 'klik' dengan cursor).
d. bartext: (Daftar Isi Blog dapat diberi nama sesuai selera)
e. barbgcolor: (warna latar belakang judul Menu/Daftar Isi Blog).
f. barcolor: (warna huruf judul menu).
g. barfontweight: (ukuran ketebalan judula menu : bold, 100, 200, 300)
h. barfontsize: (untuk merubah ukuran huruf judul menu dilakukan dalam nilai %)
i. bordercolor: (warna border atau garis batas).
j. fontsize: (ukuran huruf link, dirubah nilai % -nya).
k. menuspeed: (kecepatan menu muncul dan menghilang; semakin kecil semakin cepat).
l. menupause: (kecepatan menu menghilang setelah cursor dilepas; semakin kecil semakin cepat).
m. borderwidth: (tebal border/garis batas; emakin besar semakin tebal).
n. barwidth: (lebar ruang judul menu).
o. menufont: (jenis huruf; Helvetika, Time New Roman atau Arial).
p. linkheight: (lebar/tinggi ruang link; semakin besar semakin lebar).
q. hdingwidth: (panjang atau tinggi ukuran ruang menu).
r. Ganti nama tiap-tiap menu sesuai dengan menu yang dibutuhkan.
s. Sesuaikan link dengan link yang sesuai dengan kelompok posting anda (label/kategori).
t. Jumlah menu yang ditampilkan bisa ditambah atau dikurang sesuai kebutuhan.

Selamat menikmati menu indah anda dan selamat bereksperimen!!!

Membuat Gambar Animasi GIF

2009-09-28T14:15:00.000-07:00

Gambar berbentuk animasi menjadi suatu bentuk gambar yang sangat menarik untuk dinikmati. Cara pembuatan gambar animasi dalam bentuk file GIF sebenarnya dapat dibuat dengan cara sederhana dan tidak terlalu rumit. Dibutuhkan ketelatenan dalam merangkai beberapa gambar dengan sedikit perbedaan, baik bentuk ataupun warna untuk dipadukan menjadi sebuah gambar yang bergerak dan/atau berubah warna. Melalui bentuk animasi ini kita bisa mendapatkan bentuk gambar yang indah, menarik dan bahkan lucu.

Bagaimana teknik membuatnya? Sebagai langkah awal untuk memahami teknik pembuatan gambar animasi, yang merupakan dasar dari pembuatan gambar animasi kita akan menggunakan Adobe Photoshop yang dipadukan dengan Adobe ImageReady.

Langkah-langkah memahami teknik dasar pembuatan animasi GIF:

-1. Buka Adob Photoshop.
-2. Buat bujur sangkar dengan ukuran 100pixel dengan background transparan. (File-New-width:100pixel-height:100pixel-background:transparent)
-3. Buat bingkai pada kotak tersebut menggunakan Rectangular Marque Tool (M).
-4. Berikan warna hitam pada kotak . (Set foreground color-pilih warna hitam-oke-Paint Bucket Tool-klik di kotak)
-5. Duplikasi kotak hitam menggunakan Duplicate Layer. (klik tanda panah ujung kanan atas menu layer-oke)
-6. Langsung lanjutkan dengan pilih warna biru dan lakukan juga duplikasi. (Set Foreground Color-pilih warna biru-oke-klik di kotak-duplikasi).
-7. Lanjutkan membuat warna hijau dan kuning. (caranya persis membuat warna hitam dan biru)
-8. Ada 4 kotak dengan 4 warna di layer. (ada 4 layer).
-9. Klik ikon mata pada ke-4 layer. Cari Edit Image Ready (Klik File kemudian klik Edit Image Ready atau tekan Shift+Ctrl+M).
10. Sekarang kita sudah masuk pada Adobe ImageReady.
11. Sekarang kita akan membuat animasi dari ke-4 layer yang telah kita buat di Photoshop sebelumnya. Perlu diketahui, inti dari apa yang akan kita lakukan adalah permainan layer.Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi.
12. Tampilkan layer kotak berwarna hitam pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.
13. Lanjutkan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame (klik tanda panah kecil di kanan atas Window Animation) dan sebuah duplikasi dari frame pertama telah terbuat.
14. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna biru dan nonaktifkan layer berwarna hitam.
15. Lakukan seperti langkah tersebut hingga semua warna masuk dalam Windows animation.
16. Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.
17. Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik ikon Plays/stops animation.

Apabila langkah-langkah dilakukan dengan benar, maka setelah play button di klik maka akan terlihat kotak warna yang bergantian muncul berselang seling dengan tempo sesuai yang kita buat.

Meskipun yang kita pelajari ini sangat sederhana, namun teknik ini dapat dikembangkan dengan mempelajari teknik membuat gambar menggunakan Adobe Photoshop agar kita bis membuat animasi gambar bergerak.

Selamat mencoba dan semoga berhasil!!!

Windows 7 E

2009-09-27T23:04:00.000-07:00

Windows 7 E sebenarnya direncanakan menjadi windows 7 versi khusus untuk Eropa akhirnya batal direalisasikan. Pengumuman itu di sampaikan dalam blog Microsoft on The Issues, yang merupakan blog resmi Microsoft seputar kebijakan dan isu legal. Salah satu alasan pembatalan realisasi Windows 7 E adalah keberatan dari manufaktur komputer yang tak mau mengedarkan komputer dengan Windows 7E, jika kemudian harus menggantinya dengan versi lain.

Windows 7 E ini sedianya akan beredar di wilayah Uni Eropa dan didalamnya akan meniadakan Internet Explorer 8, demi menghilangkan kekuatiran soal monopoli. Pada bulan Juli, Microsoft mengajukan solusi lain, yakni akan menambahkan sebuah aplikasi untuk memilih browser yang akan dipasang. Aplikasi ini akan datang dalam bentuk update. Bukan hanya pada Windows 7, tetapi juga akan ditambahkan pada Windows XP dan Vista. Dengan kegagalan penggunaan Windows 7 E, kemungkinan hanya akan digunakan Windows 7 untuk aplikasi di seluruh bagian dunia.

Bakso Kepala sapi dan Wanita

2009-09-27T22:44:00.000-07:00

Bakso...!Hampir semua wanita suka bakso! Entah kenapa, ya... rata rata wanita suka makan bakso. O..ya... , sebelum ku teruskan aku minta maaf karena aku menyebutnya "wanita" dan bukan "perempuan'" Hanya masalah suka saja. Karena aku orang jawa dan lidahku maunya menyebutnya seperti itu. Tak apalah kawan.. , toh aku enggak melanggar hukum, kan?! Terlebih mengucap 'wanita' di lidah terasa lebih nikmat, senikmat mengunyah bakso.

Bakso? Pasti hampir semua orang tahu. Dihidangkan pakai mangkok (bisa mangkok sasa, miwon atau mangkok gambar ayam jago), di dalamnya ada bulatan daging bercampur tepung pati yang digiling halus, dan biasanya dihidangkan bercampur dengan mie kuning atau putih, seledri, tahu dan juga sedikit daging. Dari seringnya aku makan bakso, aku jadi tahu bahwa disetiap daerah campuran hidangan bakso berbeda beda. Ada yang dikasih tempe, ada yang dikasih bakwan dan bahkan sekarang ada bakso lombok uleg. Untuk rasa aku sih senang yang bakso yang biasa saja. tanpa di kasih saos. Soalnya kalau lihat saos aku jadi ingat ketika nonton tv. Bahan bakunya itu, lho...! Pernah, kan lihat di TV. Mendingan pakai kecap saja ditambah sambalnya yang banyak biar lancar besok paginya. Haaaa..ha....

Seminggu yang lalu aku jalan-jalan ke Semarang ke rumah teman. Di daerah Sukun trus masuk ke dalam sana (jalan Kamfer Utara V), ...eee... aku lihat ada "Bakso Aneh'" Bakso Kepala Sapi!!! wah... Terus mangkoknya seberapa gedhe kalau baksonya sebesar kepala sapi. Nggak tahan pengin tahu akhirnya masuk juga aku ke sana. Wuah... jebule enak tenan, sampai aku minta tambah satu mangkok lagi. Nggak mahal, kok. Cuma enam ribu rupiah per mangkok.

Kembali lagi ke wanita dan bakso. Dari aku SD hingga saat ini, begitu masuk warung bakso aku mesti melihat ada banyak wanita di situ. Sebenarnya apa sih yang membuat wanita begitu menyukai bakso? Memikirkan jawaban pertanyaan itu benar-benar membuat kepalaku pusing sampai nggak bisa tidur. Hampir semua wanita yang kutanya juga selalu bilang : "nggak tahu !", atau "pokoknya suka aja!". Atau...., apa karena mereka nggak punya bakso ?! Entahlah..... Aku sudah lelah memikirkanya. Mungkin ada di antara kalian ada yang tahu.... Tolong kasih tahu biar aku nggak pusing lagi...!!!!!

Blog, blogger dan internet

2009-09-27T22:38:00.000-07:00

Inilah satu wahana yang sebenarnya sangat menarik untuk terlibat di dalamnya. Dunia yang harus di dipetualangi dengan ketelatenan, tekun dan pantang menyerah. Membicarakannya tentu tak akan lepas dari perkembangan penggunaan internet yang pada saat ini berkembang dengan sangat luar biasa, baik dari kecepatan pertumbuhan maupun jumlah pengguna blog. Internet dan blog ibarat anak dan induknya, oleh karena itu semakin tinggi kwantitas pengguna internet akan semakin banyak juga pengguna blog. Kalau waktu-waktu kemarin internet cukup sulit untuk diakses di daerah-daerah terpencil (jauh dari kota !), saat ini orang desa bisa dengan nyaman nge-net sambil tiduran. Bukan lagi sebagai barang antik yang susah dicari dan digunakan.

Perkembangan yang terjadi di bidang elektronika, khususnya teknologi komunikasi, komputer dan khususnya telepon genggam (HP), menjadi pemicu meledaknya penggunaan internet dan kemajuan dunia blog khususnya. HP yang dilengkapi fasilitas internetan membuat orang bisa mengakses internet dimanapun dan kapanpun. Mau di kantor, di perjalanan atau bahkan di WC sambil buang hajatpun bisa. Peran vendor-vendor HP dari China juga menjadi salah satu faktor peningkatan pengguna internet yang cukup signifikan. Harganya yang terjangkau dengan fasilitas komplit termasuk akses internet, membuat kita yang berkantong tipis tidak terlalu kesulitan untuk bisa menggegamnya sekaligus memanfaatkan untuk berpetualang di dunia maya. Bagi yang malas pakai HP karena bentuknya yang terlalu kecil, saat ibi juga beredar modem-modem untuk akses internet yang bisa di hubungkan dengan PC. Bahkan ada juga HP modem dengan harga yang cukup murah. Atau yang pengin begadang ramai-ramai bisa ngenet di warung-warung internet yang biasannya melayani 24 jam penuh.

Kelebihan dan kekurangan terjadi pada apapun. Begitu juga blog khususnya dan internet pada umumnya. Semuanya tergantung dari penggunanya. Segala macam hal bisa kita temukan di dalamnya. Dari iklan bakso sampai informasi dari seluruh penjuru bumi. Dari yang membuat cerdas hingga yang merusak moral semua tersedia. Tinggal kita mau ambil yang mana. Berita yang paling barupun dengan mudah bisa kita dapatkan. Internet membuat dunia seakan tiada berbatas lagi.

Untuk para blogger... selamat begadang. Tuangkan isi pikiran dan buat dunia semakin tenggelam dalam duniamu. Untuk yang baru memulai..., ayo maju terus pantang mundur...sebagai anak bangsa.....tentu kita bisa...! Lebih cepat lebih baik....! asal jangan cepat putus asa dan putus tali kolornya...!!!!!!!!!!

Glitch Remover

2009-09-25T08:23:00.000-07:00

Aktivitas scanning, baik scanning virus ataupun scanning atas kondisi operasi PC merupakan sesuatu hal yang seringkali diabaikan oleh pengguna. Tidak perlu ditanyakan apa sebabnya, karena rata-rata yang sering terjadi akibat rasa malas. Ya, karena scanning memakan waktu cukup lama sehingga perasaan enggan muncul. Akibat kondisi seperti ini menyebabkan banyak pengguna baru merasa menyesal setelah terjadi banyak permasalahan karena banyaknya virus yang mengeram di PC.

Dalam kasus seperti ini biasanya yang sering mengalami kerusakan ataupun penumpukan adalah "Registry Windows". Nah, untuk melakukan scanning terhadap registry dibutuhkan aplikasi khusus, salah satunya yang dapat dipergunakan adalah Glitch Remover.

Melalui aplikasi ini anda dapat melakukan perbaikan. Sebelum dilakukan proses perbaikan perlu dilakukan backup terlebih dahulu sebagai antisipasi apabila proses yang dilakukan mengalami kegagalan. Anda dapat melakukan scan registry dan folder atau bahkan melakukan restore terhadap perubahan yang telah dilakukan untuk mengembalikan ke kondisi awal.

download Glitch Remover

Spider MemManager

2009-09-25T07:16:00.001-07:00

Aplikasi yang dijalankan oleh user dapat melakukan beberapa proses secara bersamaan. Makin banyaknya proses yang berjalan pada PC, akan semakin banyak pula memory yang terpakai. Seringkali terjadi penggunaan memory ini tidak efisien dan optimal akibat beberapa proses yang enggan melepaskan memory yang sudah terpakai, padahal proses tersebut sudah tidak lagi membutuhkan penggunaan memory yang berlebih seperti sebelumnya, bahkan sebaliknya jika terjadi proses pengerjaan yang baru maka memory yang digunakan cenderung bertambah.

Pemakian memory berlebih dapat berakibat terjadinya crash atau hank. Biasanya aplikasi yang menimbulkan masalah ini adalah antivirus dan game. Nah, untuk mengatasi hal tersebut dibutuhkan bantuan aplikasi tertentu yan mampu melepaskan memory yang terikat pada beberapa proses. Salah satu aplikasi tersebut dikenal dengan nama Spider MemManager.

Aplikasi ini cukup ringan dipergunakan dan sederhana sehingga manajemen memory PC anda tentunya tampak lebih baik. Untuk menggunakan aplikasi ini juga sangat mudah. Untuk mendapatkan Spider MemManager anda bisa melakukan download di sini.

download

Hati-hati...! Anakpun bisa stress.

2009-09-24T10:56:00.001-07:00

Potensi anak ibarat balon. Ada yang besar dan ada yang kecil. Tidak hanya poensi kearah yang baik, tetapi termasuk di dalamnya adalah potensi lain yang sebenarnya tidak bagus untuk anak. Semakin banyak udara di pompa ke dalamnya maka akan semakin besarlah balon tersebut. Tumbuh kembangnya potensi anak tergantung pada pembelajaran yang terus diterimanya. Pembelajaran yang tak lain bertujuan menghasilkan anak-anak yang mandiri. Bukan hanya mandiri dalam mencari nafkah, tetapi juga mandiri mengembangkan kemampuan fisik, mental, sosial dan sisi emosionalnya.

Perkembangan jaman membuat anak-anak, tidak hanya di kota besar, tetapi bahkan di wilayah pedesaan mengalami gejolak kebudayaan. Orang tua yang sibuk, cepatnya perkembangan pengetahuan berkat informasi yang mengalir bagaikan sumber air di pegunungan, tuntutan menguasai berbagai ketrampilan, kemampuan menyesuaikan diri dengan kehidupan masa kini, serta gencarnya serbuan informasi dan budaya asing membuat anak mudah kehilangan arah. Munculah tekanan yang mengakibatkan stress.

Peran keluarga dalam proses tumbuh kembangnya anak sangatlah penting. Membawa anak menjelajahi lingkungan dan membiasakan menjalin hubungan antar sesama, selain menimbulkan penghayatan yang mendalam juga akan membukakan pikiran, wawasan, serta perkembangan pribadi anak. Diperlukan kerjasama terpadu antara orang tua, pendidikan sekolah, luar sekolah dan lingkungan untuk memenuhi kebutuhan pembelajaran.

Selain hal-hal yang berkaitan dengan pendidikan psikologi, makanan yang di berikan untuk anak juga perlu diperhatikan dengan baik. Berdasar kajian hasil riset, diperoleh data bahwa beberapa kandungan dalam makanan mempunyai peran terhadap terciptanya stress anak. Gejala stress pada anak akan meningkat apabila terlalu banyak mengkonsumsi gula dan kafein, yang sering terdapat dalam kue, kudapan, biskuit, cake, permen dan beberapa makanan yang lain.

Bagaimana pengaruh stress terhadap tumbuh kembangnya anak?

Stress yang hebat lambat laun akan mempengaruhitubuh anak. Tidak hanya berpengaruh secara fisik saja, stress juga sangat mempengaruhi terhadap sisi psikologi dan emosi si anak. Rasa was-was, cepat marah, frustasi, kesulitan bersosialisasi atau menyesuaikan diri, dan lambatnya reaksi merupakan beberapa akibat yang ditimbulkan oleh stres.

Dengan berbagai hal yang memungkinkan terjadinya stres pada anak, perlulah kiranya orang tua memberikan perhatian yang lebih, dalam arti memberikan perhatian yang mampu menghindarkan anak-anak untuk mengalami stres. Perhatian dalam bentuk kasih sayang, menjaga makanan, melatih anak bersosialisasi, tidak menakuti anak dan terutama memberi teladan kepada anak untuk selalu dekat dengan TUHAN.

Rujak Tahu Pong Kerompong

2009-09-24T10:37:00.000-07:00

Rujak tidak selamanya harus dari buah-buahan. Tahu juga bisa, kok dibuat menjadi rujak. Hemmm... Enaknya! Agak telaten memang membuatnya, tapi anda tidak akan kecewa kalau sudah merasakan hasilnya. Sehari membuatnya sepuluh kalipun pasti akan dilakukan. Coba saja kalau nggak percaya!

Bahan yang dibutuhkan :

a. Bahan tahu :

400 gram tahu dihaluskan, 4 sdm tepung terigu protein sedang, 4 sdm tepung sagu, 2 butir telur, 1 batang daun bawang diiris halus, 2 siung bawang putih dihaluskan, 1 sdt garam, 1 sdt merica bubuk, 1 sdt ketumbar bubuk.

b. Bahan saus :

200 gram kentang kukus dihaluskan, 6 kuning telur rebus, 1 butir kelapa diparut dan dibuat menjadi 800 ml santan direbus, 2 1/2 sdt garam, 1 sdt gula pasir, 4sdt air jeruk lemon, 1 sdm bawang merah digoreng dihaluskan, 3 sdm saos tomat, 6 buah cabe merah rawit dihaluskan.

c. Bahan pelengkap :

6 putih telor rebus dan selada dipotong-potong, 50 gram kerupuk kanji, 6 batang kucai dipotong 3 cm, 200 gram taoge diseduh.

Cara pembuatan :

1. Aduk rata bahan tahu. Bentuk bola-bola kecil kemudian goreng matang.
2. Saus. aduk rata bahan saus.
3. Sajikan tahu pong dengan pelengkap.

Asinan Kelapa Muda Anti Loyo

2009-09-24T10:05:00.001-07:00

Jarang sekali orang membuat asinan menggunakan bahan dari kelapa. Enakkah kelapa dibuat asinan? Bagaimana cara membuatnya kalau memang bisa?!
Kelapa sungguh buah yang dibuat menjadi apapun atau untuk campuran apapun akan menjadikan makanan menjadi bertambah nikmat. Saking hebatnya kelapa, ada pepatah mengatakan ; semakin tua semakin kenthal santannya. Bagi bapak tentu akan mengatakan : "Coba saja kalau nggak percaya!", sedang bagi ibu-ibu pasti bilang, "Mana mungkin!!! Aku nih sudah tiap hari mengalaminya. Bukannya tambah kenthal santannya, tapi tambah loyo!". Ha...ha...ha... Memang ...., manusia sama kelapa lain,kok. Yang penting asinan kelapanya enak. Oh.., ya, mari kita persiapkan bahan-bahanya dan nanti kita hidangkan buat bapak biar tidak loyo lagi!

Bahan yang dibutuhkan
a. 400 gram kelapa muda dikeruk memanjang.
b. 200 gram jeruk bali.
c. 200 gram buah nanas dipotong memanjang sebesar batang korek api.
d. Bahan kuah : 1000 ml air kelapa muda, 2 sendok asam jawa dilarutkan dalam 6 sendok makan air, 200 gram gula merah disisir halus, 1 sdt garam.
e. Bumbu halus : 4 buah cabe rawit, 2 sdt terasi goreng, 4 buah cabai merah keriting.

Cara membuat :

a. Kuah : rebus air kelapa, bumbu halus, air asam, gula merah dan garam kemudian dinginkan.
b. Masukkan kelapa muda, jeruk bali dan nanas dalam kuah yang sudah dingin.

Asinan siap dihidangkan.
Akan terasa lebih lezat jika sebelum dihidangkan didinginkan dalam lemari es terlebih dahulu.

Bocah Ndeso 1

2009-09-24T09:43:00.000-07:00

Sebelum membaca cerita ini, perlu saya sampaikan kepada siapapun yang tertarik mengikuti kisah ini; semua yang terpaparkan di bawah merupakan peristiwa yang dialami dalam kehidupan nyata. Semoga kisah ini bisa menjadi refleksi diri sehingga hidup ke depan akan bertambah baik dalam segala sisi. Bagi yang namanya sama dengan cerita dalam kisah ini, kami mohon maaf yang sebesar-besarnya karena bukan maksud kami untuk menyinggung perasaan. Diluar itu kami berharap apa yang terbaca nanti mampu menghilangkan segala penat pikiran (TRESSHIL=Stress Hilang) karena ternyata hidup sangat indah saat kesungguhan melingkupi hadir dalam penderitaan.

Sebut saja namaku: Brandhall ! Aku lahir tak lama (nggak lebih dari duapuluh tahun) setelah pemberontakan G-30 S PKI ( orde baru menyebutnya seperti itu. Entah bagi yang lain!). Orang tua ku petani miskin yang tidak punya lahan garapan. Ini membuat aku nggak bisa seperti orang gedongan yang segalanya tinggal minta dan perintah. Memang ada tanah kebun dibelakang rumah meskipun secuil. Oleh bapak ku tanah itu ditanami sayur-sayuran hingga cabe rawit, sehingga hampir tiap hari simbok ku tak perlu harus pergi ke pasar untuk beli kebutuhan sehari-hari. Meskipun begitu orang tua ku bukan orang yang kolot dan goblok. Beruntung sekali aku! Hanya satu cita-cita mereka. Anak-anak harus sekolah! Tidak boleh nantinya hidup seperti mereka. Masih terngiang-ngiang ditelingaku ucapan bapak waktu aku seminggu membolos dan ketahuan bapak (waktu itu aku kelas 3 SMP). " Ndal..., bapak sedih banget ngerteni yen kowe mbolos olehmu sekolah. Kowe ngerti, Ndal....., ngopo kowe tak sekolahke senajan bapak ki ra gablheg opo-opo? Rekoso tenan anggone bapak lan simbok mu golek ragad kanggo nyekolahke kowe lan adi-adi mu. Kabeh wong ngerti yen bapak mu ditelahi wong sing ora nduwe wudel lan ora ngerteni wayah awan utowo wengi. Bener kandhane wong-wong mau, ndal. Pancen tak lakoni nyambut gawe nganti ora ngerti wayah lan, sikil tak gawe sirah lan sirah tak gawe sikil. Opo to sebabe yen kowe pingin ngerti?", ngendikane bapak karo leyeh-leyeh neng amben sak jejere aku lungguh. Karo unjal ambegan bapak ku ngendhiko maneh, " wiwit cilik tekan saiki bapak lan simbok mu durung tau ngrasakke sing jenenge urip kepenak. Mulo bapak mung duwe gegayuhan, yen kowe lan adhi mu ora keno nglakoni urip sing koyo bapak mu iki. Mulo ..., kowe ngertiyo, Ndal..., sekolaho sing becik mumpung bapak isih rosa le nyambut gawe kanggo ragad sekolah. Yo mung lumantar sekolah mu kuwi sesok mben kowe bakal ngrasakake urip sing mulyo! Urip sing kepenak! Ora kudu buruh macul lan sing jelas opo-opo tansah gampang kedurusan. Eling-elingono wlinge bapak mu iki, Ndal. Wis rekosone urip tak pek e ndewe, lan ojo pisan anak putuku nglakoni." Sak wise unjal ambegan trus bapak ngendiko maneh," Wis sesuk mangkato leh mu sekolah mundak adik-adik mu ketularan mbolos". Esuke aku trus mangkat sekolah lan wektu kuwi ndadekake aku sadar kudu sregep sekolah lan mulai longko dolan sebab aku nduwe roso melas karo bapak ku. Saben bali sekolah aku mbantu bapak nyambut gawe. Mbuh opo wae tak lakoni supoyo iso kanggo ngentheng-enthengi wong tuwo.

Rikolo nulis iki aku ora biso nahan eluh ku kelingan kahananku wektu semono. Sungguh!! Aku benar-benar bersyukur kepada yang di Atas. Bersyukur mempunyai orang tua yang sungguh bijaksana dan mau berkorban apapun untuk kemajuan anaknya.

Sekarang bapak dan simbok ku sudah tua. Aku dan ke empat adik ku sudah bisa menyelesaikan sekolahnya semua. Kami saling membantu pada saat salah satunya menderita atau kekurangan. Segala syukur kepada Tuhan yang Maha Penolong, aku dan semua adik ku bisa hidup lebih baik. Meskipun tidak kaya tapi aku merasakan ketentraman dalam hidup ku.

Seperti cerita hidup ku, masa laluku menjadi cermin dan teladan bagi hidup. Hidup dalam kesengsaraan membuat aku lebih mengerti bagaimana harus hidup. Bagamana memahami sesama dan bagaimana aku harus hidup ditengah masyarakat yang majemuk.

Terima kasih bapak... simbok...!!!

Moga-moga tulisan ini bermanfaat bagi pembaca. Lain waktu akan ku tulis kisah hidup ku lagi dari saati aku mulai bisa mengingatnya......

Membuat Menu Horizontal di atas Navbar

2009-09-24T07:53:00.000-07:00

Tampilan sangat mempengaruhi ketertarikan pembaca untuk lebih lama menikmati segala hal yang termuat di dalam sebuah blog. Selain keindahan, fasilitas yang memberikan kemudahan untuk menjelajah isi blog juga memberikan andil yang besar bagi betahnya pengunjung blog. Menambah "Menu Horizontal" sudah merupakan hal yang wajib bagi seorang blogger. Cuma satu hal yang perlu diperhatikan ; bagaimana mendapatkan sebuah menu horizontal yang memenuhi syarat untuk ditambahkan dalam blog. Di bawah ini kami sediakan sebuah menu horizontal yang sangat menarik, yang bila anda telaten bisa di modifikasi baik bentuk maupun warna serta besarnya. Silahkan dicoba untuk membuat blog anda menjadi lebih nyaman dilihat dan lebih mudah ditelusuri semua posting yang sudah anda buat dengan susah payah.

Langkah-langkahnya sebagai berikut :

1. Lakukan Login terlebih dahulu untuk masuk ke menu pengeditan HTML.
2. Lanjutkan masuk ke menu "Tata Letak".
3. 'Klik' "Edit HTML".
4. Lakukan pengamanan template anda terlebih dahulu dengan meng'klik' "Download Template Lengkap" dan simpan dalam folder anda.
5. Setelah yakin template orisinil tersimpan dengan baik, cari kode :
]] ></b:skin> (di atas </head>).
6. Copy paste kode HTML di bawah ini dan letakkan persis di atas kode :
]]></b:skin> .

/* top navbarblack
----------------------------------------------- */
#navbarblack {
height:27px;
background:#fff url(http://i36.tinypic.com/11t7ok1/BGS1.jpg)top repeat-x;
padding:5px;
}
#nav {
font-size:1.1em;
float:left;
}
#nav, #nav ul {
list-style: none;
line-height: 1;
}
#nav li {
float:left;
background: url(http://i38.tinypic.com/2v0lb92/BGS1.jpg) right repeat-y;
padding: 0 10px;
}
#nav a, #nav a:visited {
display:block;
color: #eabe64;
padding-bottom:6px;
border-bottom:2px solid #eae8d1;
}
#nav a:hover, #nav a:active,
#nav li.current-cat a, #nav li.current-cat a:visited {
display:block;
padding-bottom:2px;
color: #0c00fd;
border-bottom:12px solid #ea3131;
}
.shift:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.shift {
margin:0px auto;
display:inline-block
}
.shift {
display:block
}

7. Supaya tidak bikin pusing simpan terlebih dahulu dengan 'klik' "Simpan Template".

Saya kira setelah menarik nafas cukup panjang, mari lanjutkan pekerjaan kita dengan langkah berikut.

8. Kembali temukan : </head>
9. Letakkan kode berikut di bawahnya :

<div class='shift' id='navbarblack'>
<ul class='shift' id='nav'>

<li><a href='bloggerstuars.blogspot.com'>Home</a></li>
<li><a href='bloggerstuars.blogspot.com'>Tutorial Blogger</a></li>
<li><a href='bloggerstuars.blogspot.com'>Seni dan Budaya</a></li>
<li><a href='bloggerstuars.blogspot.com'>Olah Raga Indonesia</a></li>
<li><a href='bloggerstuars.blogspot.com'>Motor GP</a></li>
<li><a href='bloggerstuars.blogspot.com'>Formula 1</a></li>

</ul>
</div>

Kode dengan warna merah dan biru silahkan diganti sesuai dengan kebutuhan anda berkaitan dengan "Menu" yang akan di isikan beserta "Link Menu"-nya.

Menu Horizontal ini akan tampil lebih indah seandainya Navbar dihilangkan atau dibuat tersembunyi dan hanya muncul setelah tersentuh cursor. Untuk melakukannya silahkan anda cari di blog ini berupa "Menghilangkan Navbar" dan "Navbar Petak Umpet".

Selamat mencoba ! Semoga blog anda tampil lebih cantik!!!!

Menambah gadget di bawah Navbar

2009-09-24T06:01:00.000-07:00

Untuk template atau theme yang belum dilengkapi menu horizontal, penambahan gadget baik di atas maupun di bawah header menjadi sangat bermanfaat. Selain itu, pemakaian gadget lebih memudahkan pengguna blog dalam melengkapi fasilitas tambahan yang diperlukan tanpa harus merubah tatanan kode HTML di dalam tata letak. Tidak sulit dan bahkan hanya dengan sedikit merubah kode dalam edit HTML maka gadget baru bisa di tambahkan. Posisi gadget yang akan kita buat ini berada di header bagian atas (top header).

Cara menambah gadget di bawah Navbar:

1. Lakukan Login.
2. Masuk ke Tata Letak.
3. Klik Edit HTML.
4. Lakukan pengamanan template anda terlebih dahulu dengan meng'klik' "Download Template Lengkap" dan simpan dalam folder anda.
5. Cari kode yang bertuliskan <div id='header-wrapper'> yang posisinya di bawah </body> . Jika tidak ditemukan, silahkan cari kode yang fungsinya sama dengan kode tersebut. Kode kuncinya adalah pada header-wrapper. Biasanya terkadang terjadi sedikit perbedaan dalam penulisan.
6. Lanjutan dari kode di atas adalah sebagai berikut :

<b:section class='header' id='header' maxwidgets='0' showaddelement='no'>

Rubah bentuk kode di atas menjadi :

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

Setelah perubahan dilakukan 'klik' "SIMPAN TEMPLATE" kemudian lihat hasilnya di "Elemen Halaman". Pada bagian atas di bawah Navbar sudah muncul "Tambah Gadget" dalam bingkai garis terputus-putus. Silahkan pergunakan untuk menambah fungsi baru di template/theme anda!

Selamat mencoba semoga berhasil!

Menghilangkan obeng dan kunci pass

2009-09-20T11:11:00.000-07:00

Manusia memang makhluk yang yang paling ribut di dunia. Jelas-jelas bahwa gambar obeng dan kunci pass tidak pernah menjadi masalah dalam template, tetapi kita cenderung untuk melenyapkannya dari pandangan. Tanda tersebut dikatakan tidak mengganggu karena muncul di dalam blog hanya pada saat setelah login dilakukan. Tanda tidak akan pernah muncul diluar kondisi login. meskipun demikian, apabila akan di hilangkan silahkan ikuti prosedur di bawah ini:

1. Lakukan Login di Blogger.
2. Masuk ke Lay Out atau Tata Letak.
3. Lanjutkan ke Edit HTML.
4. Cari kode ]]></b:skin>
5. Setelah ketemu, copy paste kode berikut dan letakkan di atas ]]></b:skin>

.quickedit{
display:none;
}

6. Klik simpan dan kemudian lihat hasilnya dengan membuka blog.

Tolong kalau obengnya mau di buang bilang dulu ke saya. Buat servis motor!!

Upload Komplit di Ziddu

2009-09-20T10:43:00.000-07:00

Menyimpan file tanpa batas ? Bisa Lakukan saja di Ziddu. disamping ukuran yang tanpa batas, Ziddu juga memberikan beberapa jenis pilihan file yang bisa di simpan. Cukup fleksibel dan memudahkan kita untuk simpan file. Cara upload di Ziddu sebagai berikut:

1. Masuk ke Ziddu.com atau biar lebih mudah dan cepat KLIK saja di sini.
2. Klik Register untuk langkah registrasi. Isi lengkap nama, email, password dan verification code.
3. Silahkan upload file-file yang tersimpan di dalam folder.
4. Untuk keluar dari Ziddu, KLIK Logout terlebih dahulu.

Monggo ...., isi sebanyak-banyaknya keranjang upload kamu!!!!

Upload photo dan video di Flickr

2009-09-20T08:51:00.000-07:00

Satu lagi tempat tersedia untuk menyimpan gambar atau photo dan video. Gratis dan tanpa prosedur yang memusingkan kepala. Daftar saja di Flickr, dan tanpa lama menunggu (GPL) kamu bisa memulai upload untuk menyimpan data kamu. Cara uploadnya sebagai berikut:

1. Silahkan masuk ke alamat Flickr.com, atau kamu bisa KLIK di sini.
2. Klik create your account.

3. Isi alamat email dan password.

4. Isi "Make a new Flickr account".

5. Anda sudah bisa melakukan upload dengan mengKLIK Upload Photos and Video.

Gambar ataupun photo yang bisa di upload di Flickr adalah gambar-gambar dan video dengan ukuran kecil.

Navbar Petak Umpet

2009-09-19T10:21:00.001-07:00

Meskipun navbar bukan manusia, ternyata bisa bermain petak umpet juga. Navbar seakan hilang tetapi begitu posisinya tersentuh cursor maka navbar akan muncul. Menghilangkan navbar dengan cara seperti ini saya kira akan lebih bagus dari pada menghilangkan navbar secara total. Dengan masih adanya navbar membuat lebih mudah dan praktis saat kita mau log in. Langkah-langkahnya seperti berikut :

Lakukan log in terlebih dahulu baru dilanjutkan masuk ke Tata Letak dan Edit HTML.
Seperti cara menghilangkan Navbar secara total, untuk Navbar Petak Umpet, kode di bawah ini juga diletakkan di atas kode body { .

/* autohide navigation bar */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Cara mencari dan mengenali posisi body {

- Tekan "Ctrl dan F" secara bersamaan.
- Setelah keluar tool pencarinya, ketik body { , kemudian KLIK Find. (untuk Fire Fox di pojok kiri bawah, IE di kiri atas dan untuk Opera akan muncul dalam bentuk bingkai/kotak).
- di sebelah atas body { , biasanya berisikan tentang profile template/theme dan/atau Variable definitions Template.
Setelah kode di atas dicopy paste di posisi yang sudah disebutkan tadi, silahkan KLIK simpan template. Lihat hasilnya! Navbar tak lagi kelihatan, akan tetapi bila cursor kita sentuhkan pada posisi navbar sebenarnya berada, maka akan munculah navbar.

Selamat mencoba !!!

Menghilangkan Navbar

2009-09-19T08:16:00.001-07:00

Navbar sebetulnya menguntungkan apabila tetap berada ditempatnya. Dengan adanya navbar membuat langkah untuk login terasa lebih praktis. Meskipun demikian terkadang terpikir juga bahwa dengan adanya navbar terasa membuat blog menjadi bertambah penuh. Toh tanpa navbar juga nggak jadi masalah. Terlebih sebenarnya ruang navbar bisa juga dipakai untuk tampilan blog dalam bentuk yang lain. Bagaimana menghilangkan navbardari blog? Sebuah langkah yang singkat dan praktis bisa kita lakukan.

1. Lakukan Log in, kemudian Tata Letak dan lanjutkan ke Edit HTML.
2. Letakkan kode berikut di atas kode body {

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

3. Cara mencari dan mengenali posisi body {
- Tekan "Ctrl dan F" secara bersamaan.
- Setelah keluar tool pencarinya, ketik body { , kemudian KLIK Find. (untuk Fire Fox di pojok kiri bawah, IE di kiri atas dan untuk Opera akan muncul dalam bentuk bingkai/kotak).
- di sebelah atas body { biasanya berisikan tentang profile template/theme atau Variable definitions Template.

4. Setelah kode di atas dicopy paste di posisi yang sudah disebutkan tadi, silahkan KLIK simpan template. Lihat hasilnya! Navbar tak lagi kelihatan.

Sayur daun singkong bumbu rebon

2009-09-15T03:46:00.000-07:00

Cara memasak yang tepat akan membuat sayur yang murah ini menjadi sayur faforit bagi siapapun. Sedang rasanya yang khas dengan baunya yang harum akan membuat orang menanyakannya lagi. Banyak sekali variasi memasak daun singkong, tapi kali ini kita akan mencoba membuat menu klasik sayur daun singkong. Daun singkong dengan bumbu rebon yang dipadukan dengan jagung manis!

Bahan yang dibutuhkan :

a. 1 ikat (100 gram) daun singkong di rebus, diperas kemudian dipotong-potong.
b. 1 buah (150 gram)jagung manis dipipil.
c. 4 lembar daun salam, 1 batang serai diambil putihnya; dimemarkan.
d. 1,5 sdm garam, 2,5 sdt gula pasir, 1 sdm minyak untuk menumis.
e. 1500 ml air.
f. Bumbu halus: 8 butir bawang merah, 3 siung bawang putih, 1 sdm rebon di sangrai, 1 sdt merica, 5 buah cabai rawit merah (atau sesuai selera)

Cara pembuatan :

a. Tumis bumbu halus, daun salam, lengkuas, serai dan cabe rawit merah hingga harum.
b. Masukkan daun singkong dan jagung manis. Aduk untuk meratakan bumbu.
c. Masukkan air, garam dan gula pasir.
d. Masak hingga matang dan bumbu meresap.

Sayur ini untuk 8 porsi. Apabila ingin merubah jumlah porsinya silahkan sesuaikan semua bahan-bahannya. Selamat menikmati!!!!

Ketakutan karena melihat kaki pencuri

2009-09-15T02:40:00.000-07:00

Ya namanya saja anak kecil. Mesti harus dimaklumi. Tapi bagiku, pengalaman ini sungguh terasa kebangetan banget. Tapi anak kecil mana yang nggak takut kalau ada pencuri (maling) yang naik tempat tidur dan menerapkan kesaktianya di situ. Terus terang aku sampai gemetaran tidak karuan. Bahkan tempat tidur jadi ikut bergetar karena ketakutan tiada tara. Masih kelas dua SD saat ini terjadi.

Seperti biasa aku tidur bersama adikku yang masih duduk di TK. Ya, meskipun aku lima bersaudara, tapi kalau urusan tidur aku paling suka dengan adikku yang satu ini. Dia penurut, tidak pernah rewel, cepat tidur dan yang terutama: dia tidak mendengkur! Soalnya aku paling nggak bisa tidur kalau ada suara dengkuran. Apalagi dengkuran yang keras. Bisa-bisa aku nggak bisa tidur semalaman.

Sekitar jam 02.30 WIB (pagi) aku terbangun karena tempat tidurku bergoyang-goyang. Sialnya, kebetulan sekali aku aku tidak begitu saja bangun. Karena posisiku miring, aku cuman sedikit mengejapkan mata untuk melihat siapa yang naik tempat tidur atau mau turun. Mungkin dasar apes dan mata yang masih lengket, begitu aku mengejapkan mata, yang kulihat adalah kaki yang berdiri tepat di sebelahku. Sama sekali aku nggak sempat melihat wajahnya karena saking kagetnya. Deg....! Pasti pencuri, pikirku. Jantung langsung berdebar sangat kencang. Tiba-tiba saja ketakuatan yang tak terkendalikan menguasaiku. Pikiran meloncat-loncat tidak karuan. Ketakutan ku semakin memuncak karena suara lolongan anjing terdengar di kejauhan. Kata orang tua, kalau ada anjing melolong biasanya ada orang jahat atau orang mati. Matilah aku!!! Saking takutnya kutengkurapkan wajah ku di atas bantal. Sangat pelan karena kuwatir pencuri melihatku. Aku mencoba mengintip lewat sela-sela bantal. Aduh...! Kakinya masih tegak berdiri di sebelahku. Habis sudah sisa keberanian yang ada. Tiba-tiba seperti ada air yang diteteskan di bagian pantatku. Entahlah, karena saking takutnya, mungkin, dalam pikiranku aku membayangkan bahwa aku sedang di beri japa mantra oleh si pencuri. Tubuku benar-benar bergetar. Aku semakin bertambah takut. Aku cemas, jangan-jangan pencurinya tahu kalau aku dalam keadaan melek. Rasannya lebih baik pingsan saja saat itu. Setelah cukup lama menunggu akhirnya gerakan di tempat tidur sudah tidak ada lagi. Kuberanikan diri untuk melihat. Hah...., lega rasanya. Orang itu sudah tidak ada lagi di tempat tidur.

Berjingkat-jingkat aku turun dari tempat tidur. Bukan untuk mencari pencuri yang sudah tidak kelihatan. Mana aku berani! Aku sedang bersiap untuk lari ke kamar ayah ku. Begitu aku teriak Pak... mau pipis......!!!!! Aku langsung meloncat tunggang langgang ke arah kamar ayahku. Kutabrak pintunya yang tidak tertutup rapat dan aku langsung menceriterakan apa yang terjadi pada ayahku. Kami berdua membangunkan yang lain. Ada yang pegang sapu, ada yang pakai martil dan ada yang pegang besi. Kami buka seluruh ruang yang ada. Semua pintu di cek. Ternyata sama sekali tidak ada tanda-tanda orang masuk.

Esok harinya barulah semuanya menjadi jelas ketika adikku yang selalu tidur bersamakau mengatakan kalau semalam dia mau buang air kecil tapi dia kebingungan karena ragu mau membangunkanku untuk mengantarnya pipis. Aku hanya bisa mengatakan ; Sial! Benar-benar sial!!!!!!

Ujian terakhir sebuah sofware

2009-09-14T18:42:00.000-07:00

Sampai pada tahapan siap pakai dan dilepas di pasaran, sebuah software harus melalui beberapa tahapan pengujian, seperti release candidate dan beta. Kalau kita mencermati opera, hingga beberapa waktu yang lalu, opera 10 sedang melakukan tahapan pengujian terakhir sebelum dirilis di pasaran. Biasanya jika sebuah software sudah pada tahap beta, tak lama lagi sofware tersebut pasti akan diluncurkan bentuk/format resminya. Setelah sampai pada tahapan beta, perubahan biasanya tidaklah seberapa. Biasanya hanya berupa perbaikan bug yang tidak signifikan. Tentu saja tidak semuanya seperti itu, karena bisa saja terjadi suatu sofware yang sudah sampai pada tahap beta, tetapi ternyata harus dilakukan banyak perubahan sebelum dirilis versi resminya, meskipun hal seperti ini sangatlah jarang terjadi.

Sofware yang saat ini masih dalam tahap beta sangatlah banyak. Kalau anda ingin mengetahuinya silahkan berkunjung di website Betanews. Dalam situs ini kita dapat menjumpai informasi hangat seputar web dan juga informasi tentang isu-isu mutakhir di dunia TI. Sangat menarik mengetahui bagaimana persaingan antara system operasi Google Chrome dan Windows serta perang antara Firefox 3,5 dan Google Chrome 3.

Cara terbaru mempercepat koneksi modem Smart Haier

2009-09-14T15:32:00.000-07:00

Ahoiiii....! Pakai Modem Smart Haier untuk koneksi internet? Ada trik baru supaya koneksi super cepat. Tentu saja dalam standar modem 'apa adanya'. Jangan kecewa dulu dengan apa yang saya sampaikan. Coba dulu baru katakan seperti apa hasilnya! Mudah, cepat dan langsung terasakan hasilnya. Ini yang sebenarnya menjadi harapan bagi rakyat yang kantongnya tipis sementara kepingin menjangkau luasnya dunia. Yo...., langsung dicoba biar tahu hasilnya :

1. Lepas dulu koneksi Smart-nya.
2. Buka koneksi baru dengan membuka menu "Create a New Connection" (start-connect to-show all connections-Create a New Connection).
3. Setelah membuka Create a New Connection akan terlihat halaman baru "Welcome to the New Connection wizard". KLIK "Next'.
4. KLIK "Next" lagi setelah muncul "Connect to the Internet".
5. Lanjutkan dengan "Set up my connection manually". Teruskan dengan KLIK "Next".
6. Pada halaman baru berikutnya terlihat ( Connect using a dial-up modem), KLIK "Next".
7. Pilih "Modem-Telecom VIA CBP USB modem" kemudian "Next".
8. ISP-Name "kosongkan saja" (lewat).
9. Isi Phone-Number dengan angka -080989999-
10. Setelah halaman yang berisi "Internet Account Information" tampak di layar. Isi semua kolom yang ada dengan "telkom" (user name, password dan confirm password).
11. Beri tanda centang pada "Add shorchut to this connection to my desktop".
12. Lakukan "Dial"!
13. Selesai dan nikmati percepatan koneksinya.

Dalam gambar ini memuat lengkap langkah dari tahap demi tahap. Silahkan di buka dengan cara meng-KLIK-gambar ini tersebut.

Belajar dan bekerja keras tanpa rasa putus asa !

2009-09-13T11:06:00.000-07:00

Belajar membuat aku lelah. Sudah bertahun-tahu aku tidak pernah lagi belajar hal-hal yang baru. Kenapa aku mau belajar lagi sekarang? Dunia blogger yang membuatku jadi seperti ini. Tapi aku sungguh tidak menyesal. Hal baru ini benar-benar aku sukai. Menantang! Tidak hanya kesulitan baru yang muncul, banyak hal yang masih asing dan benar-benar pertama kali ini aku temui. Template dan tetek bengek di dalamnya merupakan satu yang membuatku penasaran. Dan satu prinsip yang kupegang. Aku harus tahu dan bisa. Bukan perkara mudah memang, malahan kadang benar-benar membuatku merasa sangat lelah. Sialnya aku nggak punya teman dekat yang mampu tentang hal ini.

Hari ini sudah genap sekitar 3 bulan aku mengobrak-abrik template. Toh paling-paling baru tahu 1 persen-nya saja. Kadang aku mengeluh juga. Kenapa, ya nggak ada orang yang dekat dengan tempat tinggalku dan aku bisa berguru padanya. Benar-benar nggak mudah mempelajarinya sendiri. Tiap malam aku mencoba untuk mengetahui sedikit-demi sedikit, dari kode warna hingga bagaimana membentuk template menjadi sebuah bingkai yang indah yang mampu menjadi wadah kreativitas yang menarik untuk dinikmati, dibaca, dipelajari dan menjadi sumber pengetahuan bagi semua orang. Bersyukurlah mereka yang telah lama hidup di dunia blogger ini, karena hidup mereka penuh dengan semangat dan dinamika. Bersyukurlah mereka yang tidak pernah merasa bosan dan penuh semangat. Bagaimana aku? Aku nggak tahu, tapi aku perlu dorongan untuk melakukan ini.Aku tidak mau hanya jadi penggembira yang sesaat muncul dan kemudian hilang di telan tsunami.

Hari ini kembali belajar lagi, tapi aku bingung sebenarnya harus memulai dari mana. Bukan cara untuk menulis, tapi mengetahui tentang template dan semua yang ada di dalamnya. Satu yang perlu kupahami. Jangan pernah berhenti dan menyerah!!!!!!

Kue Unthuk Cacing Akar Kelapa

2009-09-13T10:43:00.000-07:00

Kue yang mau kita buat ini memang mempunyai beberapa nama. Karena bingung, aku ambila saja dua nama dan aku padukan menjadi Kue Unthuk Cacing Akar Kelapa. Kue khas lebaran yang gurih dan lezat. Karena kue ini jarang ditemukan di hari-hari biasa, alangkah baiknya bila setiap lebaran kita membuatnya sehingga kue ini akan tetap lestari tidak punah ditelan makanan impor. Mudah, kok cara membuatnya.

Bahan yang dibutuhkan :

150 gr gula pasir, 600 gr tepung beras, 120 gr tepung beras ketan, 1/2 sdt soda kue, 2 butir kuning telor, 100 gr mentega, 1/2 sdt garam, 400 ml santan kental dan minyak goreng secukupnya.

Cara pembuatan :

a. Persiapkan bahan, teruama tepung beras harus benar-benar halus.
b. Kocok kuning telor, mentega, gula pasir dan garam hingga lembut (dengan mixer).
c. Masukkan tepung beras dan tepung beras ketan sambil terus diaduk dan dituangi santan hingga menjadi adonan yang bisa dicetak.
d. Cetak adonan menggunakan cetakan kue semprit. Buat melingkar-lingkar seperti akar kelapa.
e. Masak dalam minyak goreng hingga berwarna kecoklatan.

Simpan kue setelah benar-benar kering dan tak mengandung minyak. Simpan dalam toples dan hidangkan saat lebaran.

Dodol Betawi

2009-09-13T10:15:00.000-07:00

Bagaimana membuat dodol betawi supaya lebih terkenal seperti orang yang nampang di sebelah? Gampang! Ayo mulai dari kita sendiri. Dengan menyukai makanan khas SSM yakinlah bahwa nanti menu Nusantara akan mampu menyaingi Pitzza atau fried chicken. Resep dodol betawi di bawah sangat spesial buat menu lebaran :

Bahan yang dibutuhkan:

3 kg beras ketan, 2 kg gula merah, 2 kg gula pasir, 31/2 liter santan dan 10 lembar daun pandan.

Cara pembuatan :

a. Masak hingga mendidih dan larut gula pasir, santan, gula merah dan daun pandan. Perlu diperhatikan bahwa selama proses harus terus di aduk sehingga santan tidak pecah.
b. Saring campuran di atas kemudian masak bersama tepung beras ketan. Aduk hingga rata dengan api yang kecil. Jangan lupa adukan harus sampai ke dasar. Masak hingga mengental dan tidak lengket di wajan. Waktu yang dibutuhkan sekitar 5 s/d 7 jam. (Kok lama ya? Lha iya lah, orang thukul jadi terkenal juga melalui proses yang lama. Jangan kuatir karena semakin lama dodolnya semakin enak).
c. Setelah matang silahkan dikemas dalam besek atau plastik. Atau boleh langsung dicoba untuk dihidangkan!

Menyimpan file atau upload di 4share

2009-09-13T08:48:00.000-07:00

Melakukan pendaftaran dan registrasi untuk menyimpan file/upload gratis di 4share sangat simple, singkat dan sungguh tidak bertele-tele. Bagaimana cara dan apa yang harus kita lakukan? Ikuti langkah-langkah di bawah ini:

1. Masuklah ke alamat http://www.4share.com atau boleh 'klik' di sini.
2. 'Klik' disini gambar1a atau di sini gambar 1b karena mungkin gambar yang keluar akan berbeda. 'Klik' pada "Daftar".
2. Buka gambar 2. Lakukan pengisian alamat email, dan sandi atau password. Silahkan gunakan sandi atau password yang menurut anda aman dan mudah diingat. Lanjutkan dengan meng'klik' daftar.
3. Anda sudah dapat melakukan upload dengan cara meilih file dari folder komputer anda yang akan di uplod, kemudian silahkan 'klik' upload. Lihat gambar 3.
4. Tunggu beberapa saat maka akan muncul alamat hasil upload anda. Tinggal pilih kategori alamat yang akan digunakan.

Semoga bermanfaat!

Cara Upload di RapidShare

2009-09-13T05:52:00.002-07:00

Mungkin ada yang kebingungan untuk upload di RapidShare? Di bawah ini saya paparkan secara lengkap cara-cara upload gambar, lagu ataupun yang lain di RapidShare. Supaya lebih memudahkan dalam mengikuti tutuorial ini, silahkan untuk membuka gambar-gambar yang saya sertakan;

1. Masuklah ke Rapidshare melalui alamat http://www.rapidshare.com atau anda bisa 'klik' di sini.
2. 'Klik' gambar 1. Lingkaran besar di isi dengan alamat file dari folder di komputer anda.
3. 'Klik' gambar 2. Secara otomatis akan muncul "UPLOAD". 'Klik' lingkaran UPLOAD tersebut.
3. Tunggu beberapa saat, kemudian 'klik' Create Collector's Account. Lihat gambar 3. Geser mouse untuk menggeser layar ke bawah. Di bawah Create Collector's Account anda harus mengisi User Name, Alamat Email dan Password pada kotak yang telah disediakan.
4. Muncul isyarat untuk login. Lihat dengan meng'klik' gambar 4. Anda tinggal mengisi password dan meng'klik' login.
5. Lihat gambar 5. Untuk upload lagi silahkan mengisi alamat filenya. Untuk melihat alamat file yang sudah di upload bisa dilihat di bagian bawah. Apabila sudah selesai, untuk mengamankan file tersimpan, silahkan 'klik' Activate Security Lock.
6. Muncul Activate Security Lock. Lihat gambar 6. 'Klik'Activate Security Lock tersebut.
7. Sebelum keluar dari RapidShare silahkan untuk logout. Untuk membuka file tersimpan 'klik' Deactivate security Lock. Lihat gambar 7
8. Untuk masuk kembali ke Collector's Account silahkan login dan dilanjutkan membuka kunci seperti pada gambar 7.

Selamat mencoba dan simpanlah file-file anda dengan sebaik-baiknya.

Dadar Singkong Pelangi Bidadari

2009-09-10T07:27:00.000-07:00

Dadar Pelangi Bidadari berbeda dengan dadar telor. Kalau dadar telor buat lauk makan, tetapi dadar singkong pelangi bidadari merupakan makanan dari bahan baku singkong yang cukup dimakan begitu saja mampu membuat perut kenyang. Makan dadar pelangi bidadari 10 biji ditanggung melebihi sarapan pagi.

Bahan-bahan yang dperlukan :

a. 1 kg singkong diparut halus.
b. 1/2 kg Gula merah (lebih enak pakai gula aren yang asli).
c. 1/2 butir kelapa muda.
d. Garam, pewarna merah dan hijau secukupnya.

Cara pembuatan :

a. Singkong yang telah diparut dibagi menjadi 2 dan diberi pewarna merah dan hijau.
b. Pembuatan kulit : Bentuk bulat kecil seperti bola pingpong kemudian ratakan menjadi lembaran lebar menggunakan botol dan panaskan di atas tutup panci dengan air yang mendidih. Setelah 2 menit angkat/lepas dari tutup panci.
d. Pembuatan isi : Parut kelapa muda. Campurkan dengan gula merah dan garam. Masak hingga matang.
e. Letakkan adonan isi (secukupnya) di atas lembaran kulit dan gulung membentuk gulungan (seperti bantal).

Dadar Pelangi Bidadari siap dihidangkan.

Merubah Tampilan Warna Blog

2009-09-10T03:25:00.001-07:00

Tampilan blog sering kali dianggap sepele oleh beberapa blogger. Tapi berdasar pengamatan ternyata tampilan blog sangat berpengaruh terhadap seseorang untuk menyimak blog dengan lebih detail dan lebih lama. satu hal dipengaruhi oleh kekaguman akan keindahan dan yang ke dua dengan penataan bentuk dan warna yang bagus blog membuat materi yang disajikan terasa bertambah menarik. Pengarush psikologis sangat kental dalam hal ini. Bagaimana caranya membuat blog menjadi lebih indah dan menarik pembaca? Merubah warna baik latar belakang maupun warna tulisan dan bentuk/jenisnya bisa menjadi sebuah solusi di luar beberapa yang lain yang juga bisa dilakukan. Cara yang termudah melakukan perubahan warna adalah dengan menggunakan... fasilitas (toobars) yang sudah disediakan di dalam template. Caranya sebagai berikut:

1. Lakukan Login.
2. Masuk menu Tata Letak.
3. Lanjutkan ke Font dan Warna.
4. Untuk merubah warna : 'klik' bagian yang ingin dirubah warnanya kemudian 'klik' warna disebelah kanan sebagai penggantinya.
5. Font : Klik bagian yang ingin dirubah kemudian 'klik' pilihan font di sebelah kakannya. Yang bisa dirubah untuk font : Keluarga font (model hurufnya), Style font (tebal dan italic) dan Ukuran font (lebih besar/lebih kecil).
6. Untuk memonitor hasil perubahan sementara, dengan menggeser posisi layar yang memperlihatkan halaman blog (di bagian bawah).
7. Setelah semua perubahan dilakukan, simpan seluruh perubahan dengan meng "klik'SIMPAN PERUBAHAN.

Keterangan :

Bagian yang bisa dirubah warnanya :

- Warna latar belakang halaman (warna latar belakang blog)
- Warna teks (merubah warna teks posting)
- Warna Link (merubah warna link, misalnya pada Entri (Atom), Komentar, definisi Label (dihalaman posting).
- Warna header tanggal (merubah warna tanggal di atas judul posting)
- Warna Judul Posting (merubah warna judul posting).
- Warna latar belakang sidebar (merubah backgroun warna bar di samping halaman posting)
- Warna judul sidebar (merubah warna judul-judul pada bar samping (sidebar) misalnya pada 'Arsip', 'Label', 'Mengenai Saya' atau 'About Me', 'Blogroll', dan beberapa yang lain tergantung apa saja yang kita tempatkan di sidebar.
- Warna teks sidebar (merubah warna teks pada sidebar).
- Warna Link Sidebar (merubah warna link pada sidebar)
- Warna Link dikunjungi sidebar.
- Warna Deskripsi Blog (deskripsi nama blog).
- Title colour atau nama blog (merubah warna nama blog)
- Warna Batas (merubah warna batas-batas bar)

Merubah bentuk/jenis huruf (font) :

- Font Judul Blog
- Font teks
- Font Deskripsi blog
- Font Judul sidebar
- Font Judul Posting
- Header tanggal

Bacem Singkong Nusantara

2009-09-10T02:51:00.000-07:00

Tempe bacem itu mah biasa. Semua orang juga tahu! Dimakan pakai lalap cabai, uh...nikmat sekali. Dibuat lauk enak, di makan begitu saja juga sama nikmatnya. Sampai-sampai karena enaknya tempe ada orang mengatakan, "kalau di dunia ini ada orang yang nggak doyan tempe, bisa dikatakan dia adalah orang aneh yang sebenarnya nggak tahu tempe". Lho..., kalau Bacem Singkong terus gimana? Gampang!!! Orang yang suka bacem tempe tapi belum pernah makan bacem singkong..., belumlah sempurna hidupnya! Mau coba? Nih di bawah ada resepnya.

Bahan-bahan yang diperlukan :

a. 1/2 kg singkong, ptong kecil-kecil.
b. 4 gelas air kelapa.
c. Bumbu-bumbu : 2 potong lengkuas, 1/2 sdmakan ketumbar, 2 siung bawang putih, 5 siung bawang merah, daun salan, garam dan vetchin bila suka.
d. Gula merah secukupnya.
e. Minyak goreng.

Cara Pembuatan :

a. Bumbu yang telah dihaluskan, gula merah, air kelapa dan singkong dicampur.
b. Masak hingga matang dan bumbunya meresap.
c. Goreng sampai warnanya menjadi merah kecoklatan.

Bacem Singkong Nusantara siap dihidangkan. Akan lebih nikmat apabila dimakan dengan cabe.

Lemet Singkong Lenkchiet

2009-09-10T02:13:00.000-07:00

Kenyal, gurih, manis dan nikmat. Hidangkan Lemet Lenkchiet di sore hari ketika asyik ngobrol di teras rumah atau ruang tamu sambil nonton TV pasti akan membuat keluarga tidak berpikir lagi untuk cari makanan lain di luar. Irit sekaligus membuat keluarga semakin lengket berkat singkong ajaib.

Bahan yang diperlukan :

a. 1/2 kg singkong diparut halus.
b. 1 ons gula aren (gula merah).
c. 1/4 butir kelapa diparut.
d. garam secukupnya
e. daun pisang.

Cara pembuatan :

a. Campurkan kelapa dan singkong serta garam. Aduk menjadi adonan yang rata.
b. Buat adonan menjadi bentuk kotak-kotak pipih (seperti tempe bungkus daun yang kecil) dan tengahnya di beri potongan gula.
c. Bungkus dengan daun pisang dan kukus hingga matang.
d. Hidangkan bersama kopi panas atau teh panas.

Bubur Sumsum Pulau Es

2009-09-10T01:31:00.000-07:00

Bubur Sumsum Pulai Es mempunyai rasa yang sungguh nikmat dan segar. Dibuat dengan bahan yang sederhana dan murah tetapi memberikan cita rasa khas yang susah dicari di masa sekarang, kecuali dengan cara membuat sendiri. Sekali-sekali kita hidangkan untuk anak-anak kita atau suami tercinta akan menjadikan suatu menu yang mengejutkan, terlebih di hidangkan pada acara=acara spesial, seperti ulang tahun, buka puasa atau yang lain.

Bahan-bahan yang dibutuhkan :

1. 1 kg singkong dikupas dan diparut halus.
2. 1 kg gula aren (gula merah dari pohon aren).
3. 1 butir kelapa tua diparut.
4. 1 gelas tepung beras.
5. Garam dan daun pandan secukupnya.

Cara pembuatan :

1. Campur singkong dan kelapa yang telah diparut.
2. Campur dengan 6 gelas air dan peras sedikit demi sedikit.
3. Saring dengan kain yang bersih atau dengan alat penyaring.
4. Campur dengan tepung beras, garam dan daun pandan.
5. Masak di atas api sambil terus diaduk hingga kental.
6. Untuk kuahnya : Rebus gula merah, garam dan daun pandan dengan air.
7. Untuk kuahnya silahkan sesuaikan manisnya dengan selera.
8. Bubur Sumsum Pulau Es siap dihidangkan.

Selamat menikmati. Gunakan terus menu tradisional untuk kelestarian dan kesehatan anda sekeluarga.

Cara Mengganti Template atau Theme

2009-09-06T04:05:00.001-07:00

Meskipun mengganti template merupakan pekerjaan yang mudah, namun untuk melakukannya perlu kehati-hatian dan kewaspadaan. Banyak memang template atau theme gratis yang dengan mudah bisa kita download buat menggantikan template kita, namun sebenarnya banyak diantaranya yang dibuat secara tidak sempurna. Akibatnya bisa saja terjadi saat kita unggah untuk menggantikan template justru ditolak oleh blogger karena beberapa yang tidak memenuhi syarat/tidak sempurna pembuatannya. Atau mungkin bisa buat menggantikan template kita, tetapi sebenarnya design di dalamnya tidak sempurna. Ini mengakibatkan... sesuatu yang kita tidak bisa melihatnya secara langsung karena kurang memahami kode HTML, CSS dan Java Schript. Akibat yang ditimbulakan bisa bermacam-macam, termasuk membuat blog terlalu berat dan susah untuk di akses. Kalau mau aman, sebenarnya kita tinggal menggantikan saja template yang sudah disediakan oleh Blogger. Bukankah nantinya kita juga bisa melakukan modifikasi untuk melengkapi dan memperindah template kita? Langkah-langkah di bawah ini perlu diperhatikan dalam mengganti template supaya template asli kita bisa tetap terjaga dan tidak rusak :

1. LOGIN di Blogger.com
2. Masuk ke Tata Letak terus ke Edit HTML.
3. 'Klik' Download Template Lengkap. Simpanlah di folder kamu. Langkah ini adalah sebagai tindakan pengamanan terhadap template yang selama ini sudah dipakai. Bila Suatu saat ingin kembali menggunakan template asli ini, kita bisa menguploadnya kembali.
4. 'Klik" Pilih Template Baru. Akan diberikan beberapa pilihan template yang sudah disediakan blogger. Bisa di 'klik' pra tayang untuk melihat secara jelas bentuk template dalam ukuran standarnya. Berilah 'tanda' pada template yang dipilih.
5 'Klik' Simpan template.
6. Tunggu sampai proses selesai.
7. Kembalilah ke Edit HTML dengan meng'klik' kata tersebut di bagian atas..
8. Buka blog untuk melihat hasilnya. Bila proses telah berjalan sempurna, maka akan tampak blog anda berpenampilan baru sesuai dengan templte yang baru.

Selamat mencoba!!!

Risoles Singkong Langdi

2009-09-06T02:56:00.001-07:00

Singkong lagi! Singkong lagi! Ya..., memang singkong hebat, sih. Mau di buat apapun bisa. Uenak, lagi! Oke..., kembali Menu Masakan SSM menghadirkan sebuah menu pesial buat yang lagi puasa. Risoles dengan bahan dasar singkong.

Bahan yang dibutuhkan :

1 kg singkong, 1 butir telur ayam, 1/4 kg kentang, 1 buah wortel, 1 bungkus tepung panir, 2 siung bawang putih, lada daun bawang dan vetchin secukupnya.

Cara membuatnya :

Kupas singkong dan parut halus.
Bentuk menjadi bulatan kecil.
Tipiskan dengan menekan pakai botol membentuk lembaran tipis sebagai kulitnya.
Letakkan diats tutup panci dengan air mendidih selama 2 menit.
Kentang, wortel, seledri diiris tipis dan ditumis bersama bumbu yang dihaluskan.
Ambil kulit yang sudah matang. Isi dengan sayur yang sudah ditumis.
Gulung pelan-pelan sehingga tidak merusak kulitnya.
Celupkan dalam telur yang sudah dikocok.
Lumuri dengan tepung panir (dengan cara digulingkan)kemudian goreng hingga matang.

Risoles siap dihidangkan sebagai menu berbuka puasa atau santap sahur.

Bila Suami Penasaran

2009-09-06T00:47:00.000-07:00

Peringatan!!!
Untuk anak dibawah 16 tahun dilarang meneruskan mengikuti cerita ini!!!!!

Sebelum aku ceritakan semuanya, aku mohon maaf kepada seluruh pembaca karena cerita ini sedikit jorok. Mengapa harus kuceritakan? Lho, katanya di dunia blogger semuanya harus berbagi. Kecuali teman tidur, katannya. Katanya...! katanya...! Sedikit-sedikit katanya! Emang nggak ada katanya yang lain. He.....heee.heeeeee.heeeee..,.Aku jadi ketawa sendiri.....! Sebentar aku tak ketawa dulu katanya. Inilah awal mula cerita ini dimulai...

Syahdan.... Aku punya tetangga. Nggak tetangga dekat, sih. Namanya pak Pardi. Istrinya biasa dipanggil bu Sri. Suatu ketika aku ngobrol sama pak Pardi saat kondangan manten. Asyik! Bener-bener asyik ngobrol ma dia. Nggak pernah kehabisan cerita. Sambung menyambung menjadi satu, tapi panjaaaaaaaaaaaaaang banget. Cerita punya cerita, dus akhirnya sampailah kepada masalah yang sedikit menyentuh ke arah rumah tangga.

"Dik Blogger,... (haa...haaa....haaa ...emangnya aku blogger beneran) sampeyan khan belum berkeluarga", dia melirik kearah ku dengan sedikit menyipitkan matanya sebelah, sementara bibirnya tersenyum memperlihatkan sedikit giginya,"banyak sekalihal-hal dalam keluarga yang harus dipelajari sebelum sampeyan memutuskan untuk membangun keluarga", asap dimulutnya mengepul di tiupkan ke arah ku.
Aku jadi tersenyum dan menimpali, "gimana to, pak?".
" Jika orang sudah berkeluarga, suami ataupun istri harus terbuka satu sama lain."
" Ya, memang seharusnya begitu, kan, pak?!" aku menyahut.
" Itu benar! Tapi khan tidak semua berjalan sesuai teori ataupun kaidah-kaidah rumah tangga yang berlaku."
" Kok bisa begitu, pak Pardi. Mestinya suami istri harus pegang komitmen,dong. Kalau terjadi seperti itu kacau nanti keluarga!", aku sedikit protes.
" Lha, sampeyan bener, dhik. Tapi kan sampeyan mendasarkan pada nilai ideal sebuah keluarga. Tidak semuanya bisa seideal itu. Coba saja nanti kalau dik blogger sudah menikah. Pasti banyak hal baru yang kadang-kadang tidak cocok dengan teori".
" Ada satu cerita menarik sebagai contoh bila sebuah keluarga tidak ada keterbukaan", sambil mengambil korek dia melanjutkan,"Hal sederhana tapi berakibat fatal."
" Gimana, pak?", aku memotongnya.
" Peristiwa ini di alami oleh pak Kamto", dia menoleh dan bertanya pada ku," Dik, kalau seorang wanita sudah diperistri bolehkah suami melihat "barang" istrinya?"
" Ya harus boleh , dong ! Toh kalau pingin "begituan" pasti sama-sama lepas pakaian! Kalau nggak boleh, nggak usah menikah saja sekalian !", aku semakin panas dan heran.
" Itulah yang dialami pak Kamto. Dulu..., tapi itu dulu! Sekarang sih sudah enggak."
"Kok bisa berubah, pak? Gimana ceritanya?", aku jadi tak sabar mendengarnya.
"Waktu itu Pak Kamto sering mengeluh kepada ku. Dia selalu bilang. Senang ya, kamu. Tidak seperti aku. Masak cuma kepingin... sekali saja, melihat barang dia (maksudnya istri pak Kamto) kok nggak pernah diperbolehkan. Enakan kamu ! Mau tiap haripun boleh-boleh saja. Bisa-bisa aku STRESS dibuatnya". Mendengar seperti itu aku paling-paling bilang " Ya... pelan-pelan...dibujuk gimana caranya supaya boleh untuk di lihat. Masak seperti itu saja bikin strees. Toh nggak lihat juga nggak apa-apa!"
Dan dia pasti menjawab, " Lha iya wong kamu bisa tiap hari lihat. Kayak aku, nih. Sekali saja belum pernah! Masa sudah 20 tahun menikah nggak pernah tahu rupa barang istriku". Kalau sudah sampai di situ biasanya dia mulai emosi.
Sampai suatu ketika di mampir ke rumah lagi. Baru ku bukakan pintu pak Kamto sudah mengacungkan jempolnya sambil ngomong, "berhasil, Di, berhasil... Pokoknya aku sukses kemarin". Aku jadi bingung di buatnya. "Berhasil....berhasillll... Sukses...suksess...sukses....!!!!", dia masih terus mengucap sambil senyam-senyum nggak karuan. Kayak orang nggak waras.
" Apanya yang beres...berhasilll, sukses itu? Cerita itu ya mbokyao dari awal biar dhong, gitu lhoh!"
Sambil menuju tempat duduk dia berkata penuh semangat, "aku sudah berhasil melihat barang istriku! Nggak cuma semenit dua menit! Setengah jam lebih! Gila...!!!", nyerocos saja pak Kamto. Aku yang malah jadi penasaran. Langsung saja "bruk" kulemparkan pantatku di sebelah pak Kamto. Pingin tahu lanjutan ceritanya.
" Kamu tahu, khan aku sering mengeluh tentang barang istri ku?"
" Ya. Tiap ketemu!"
" Kemarin tiba-tiba aku punya akal. Istriku khan kebetulan diare. Melihat istriku keluar masuk WC, tiba-tiba saja muncul pikiran jelek di pikiranku. Tapi ku biarkan saja, toh inilah cara satu-satunya untuk bisa melihat barang istriku. Maka kuambil cabe di dapur, kuhancurkan dan kemudian aku campurkan ke dalam air di bak mandi. Benar saja perkiraanku! Tak berapa lama setelah istriku kembali keluar dari WC dia merintih-rintih minta tolong. Pak, tolong sini, pak. Cepat!!!! Tolong! Istriku teriak-teriak dari kamar. Aku lari ke kamar secepat kilat karena pikiran sudah begitu senangnya. Inilah saatmu, Kamto! Brak..!!! Aku langsung mendorong pintu keras-keras. Pura-pura nggak tahu ada kejadian apa. Dan...Ahoiiii Benar-benar hebat...!!!!!! Terbelalak aku! Istriku sedang mengipas-ngipas barangnya sambil merintih-rintih. Aduh panasnya....aduh panasnya....!!! Pak tolongin aku ,pak. Panas sekali! "Apanya ? Apanya ?", aku pura-pura nanya. Ini, pak. Dia menunjuk kearah barangnya. "Lho, kok bisa?", Aku pura-pura nggak ngerti lagi. Iya..., aku khan lagi diare. Aku tadi ke WC tapi lupa barusan pakai obat gosok. Panas nih jadinya. Tolong di kipasin, pak. Wah kalau seperti ini ibaratnya "bagai orang mengantuk, disorongkan bantal". Tanpa ba..bi..bu.. Nggak kipas yang aku ambil, tetapi mulutku sendiri yang ku gunakan untuk meniup. Sambil senyum-senyum pikiranku cuma "ini to...barangmu...bu....Kena sekarang kamu....Rasain kau... aku berhasil.,..aku berhasilllll ...aku berhasilllll"

Pak Kamto menepuk pundak ku dengan keras melihat aku terlongong-longong seperti sapi ompong!

"Aku kaget", pak Pardi kembaali berbicara padaku.

" Saat itu terbayang dalam imajinasiku seperti apa kejadian yang dialami pak Kamto!!!".

Aku dan pak Pardi tidak lama kemudian pamitan sama yang punya hajat.

Sambil berjalan pulang dalam pikiranku cuma ada satu kata. "Gila!"