Pages

Subscribe:

Monday, July 2, 2007

Untung Gua Jujur

Cerita ini terjadi pada hari ini tadi, menurut aku sih lucu. Klo seandainya ada petugas POM BENSIN bgini 100 orang aja di negeri ini... mungkin akan bertambah 1000 koruptor setiap harinya. Begini critanya

Pada hari ini tadi aku bepergian keluar mengendarai kendaraan kantor, biasa lah kadang ada tugas kantor yang menuntut harus keluar. Dan tiba2 di Jalan bensin habis, waduh sempet kebingungan juga dan panik. Tapi ternyata +/- 100 meter aku lihat ada Rambu yang menyatakan bahwa ada Pompa Bensin di daerah itu. Akhirnya....Lega deh, kemudian aku mengisi bensin di Pompa Bensin itu dan sebelum aku mengisi aku bertanya terlebih dahulu "Pak Bisa Minta Nota Ya... ? ?" ...dan di jawab "Bisa" .. aku selalu mengisi bensin kendaraan perusahaan dengan meminta Nota sebagai bukti Kas Keluar Akonting di kantor, klo gk gitu ... gk bakalan bisa di Klaim deh.
Lanjut, selesai pengisian... Petugas bertanya "Mau Nota yang kosong atau saya isikan ?" ...saya bilang "Terserah pak, kosong atau diisi juga gk mslh" ...tp sang petugas menyodorkan Nota Kosong sambil berkata "Nih mas, saya kasih nota kosong aja ya ... khan bisa di tulis lebih ..lumayan duitnya buat tambah rokok...he..3x"... kmudian aku jawab dengan bercanda "Wah, dosa tuh pak .." .. lalu di jawab "Itu khan klo bulan puasa mas, klo gk bulan puasa enggak dosa koq... ha...3x" ..sambil tertawa. Kmudian aku berlalu saja karena antrian sudah terlalu padat.
Sambil berjalan aku menggumam "Huh ... kl ada 100 orang petugas macam dia .. mungkin akan lahir 1000 Koruptor setiap harinya" ... ... Untung Gue Jujur. Dan bagi rekan2 yang menemui petugas yang seperti ini ...tolong dia di beri pencerahan ..itung2 amal ...he..3x.


Sekian


Stress

Stress bener-bener aku mulai hari sabtu kemaren, yah gara2 mslh itu datang menimpaku. Kepala ini rasanya berat sekali dan bener-bener sangat berat. Sudah lama memang aku nggak menemui masalah2 yang seperti ini dan selama hari, bulan kebelakang ini aku memang merasakan suatu keasikan dengan aktifitas dan hobiku. Aku terlenakan sekali dengan semua apa yang aku miliki, aku telah melupakan kewajibanku kepada Allah SWT yang seharusnya itu aku lakukan. Aku khilaf dengan semua apa yang telah aku dapatkan. Dan aku sadari aku kurang beramal dengan sesama.Allhamdulillah aku hidup telah sedikit berkecukupan,
namun aku selalu saja tidak pernah merasa cukup dengan apa yang aku miliki. Aku telah menjadi kufur nikmat.....ohhhhhhhh.... Kalau sudah seperti ini aku baru bisa merasa seberapa pentingnya sesuatu yang selama ini nggak aku anggap penting sama sekali. Aku selalu terlena, aku sering lupa, aku sering sekali meremehkan hal2 yg sebenarnya penting. AKu harap dedngan adanya Anugerah dari-NYA berupa masalah ini, aku akan bisa berubah minimal selangkah lebih baik lagi...selangkah lebih maju lagi dan selangkah lagi mencapai hidup yang bahagia aman damai dan sentosa. Amin

Sunday, July 1, 2007

Navigasi Dengan Css (2)

Lagi-lagi menanggapi keinginan mba Ati dalam hal membuat menu navigasi yang berbentuk
horizontal seperti yang terdapat pada header blog ini, kali ini saya akan mencoba menjawabnya dan mudah-mudahan postingan kali ini dapat memenuhi rasa ketidakpuasan terhadap jawaban saya pada postingan yang lalu. Menu navigasi yang akan saya buat adalah dengan menggunakan css agar hasil yang di dapat bersifat flexible dan tidak kaku.



Untuk membuat menu navigasi dengan css, tentunya akan berbeda hasilnya tatkala menggunakan template yang berbeda, akan tetapi agar saya bisa memberi sedikit gambaran maka template yang saya jadikan contoh adalah template minima yang di desain oleh Douglas Bowman (template asli blogger), klik tombol dibawah untuk melihat demo :









Bagaimana menarik bukan? jika tertarik silahkan sobat lanjut bacanya. Sekarang silahkan sobat baca dulu seluruh artikel ini sampai tuntas, karena ada kode-kode tertentu yang harus di sesuaikan, dan nanti pada akhir artikel saya akan menerangkan tentang kode-kode yang harus di rubah.



Untuk membuat menu tersebut silahkan sobat ikuti langkah-langkah berikut ini.




Untuk template minima klasik :




  1. Sig in di blogger




  2. Klik menu Template




  3. Klik menu Edit HTML




  4. Copy seluruh kode template yang ada lalu paste pada notepad kemudian save. ini untuk backup data bila terjadi kesalahan editting




  5. Copy kode berikut lalu paste pada style sheet css sobat, atau bila bingung simpan saja di atas kode </style>






  6. /* Navigasi buat si juleha

    ----------------------------------------------- */

    #juleha{

    height:25px;

    text-align: center;

    }



    #juleha a{

    margin:0;

    font-size:1.2em;

    font-weight:bold;

    letter-spacing:-1px;

    background-color: #cccccc;

    color: #000000;

    padding-top:2px;

    padding-bottom:2px;

    padding-left:4px;

    padding-right:4px;

    }



    #juleha a:hover{

    text-decoration:none;

    padding:34px 5px 41px 5px;

    background-color: #0326FC;

    background-repeat: repeat-x;

    color:#A7FC03;

    padding-top:2px;

    padding-bottom:2px;

    padding-left:4px;

    padding-right:4px;

    }




  7. Copy kode berikut lalu paste pada kode template seperti di bawah ini, yang berwarna hitam adalah kode aslidan warna merah adalah kode yang harus di tambahkan :





  8. <div id="header">

    <h1 id="blog-title">

    <ItemPage><a href="<$BlogURL$>"></ItemPage>

    <$BlogTitle$>

    <ItemPage></a></ItemPage>

    </h1>



    <id="description"><$BlogDescription$>


    <div id="juleha">

    <a href="#" target="_blank">Link 1</a>

    <a href="#" target="_blank">Link 2</a>

    <a href="#" target="_blank">Link 3</a>

    <a href="#" target="_blank">Link 4</a>

    <a href="#" target="_blank">Link 5</a>

    </div>



    </div>





  9. Klik tombol Pratinjau untuk melihat hasil perubahan




  10. Jika sudah OK, klik tombol Simpan Perubahan Template




  11. Selesai.






Untuk template minima baru :




  1. Sign in




  2. Klik menu Layout




  3. Klik menu Edit HTML




  4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data





  5. Klik kotak kecil di samping tulisan Expand Template Widget




  6. Tunggu beberapa saat sampai proses selesai




  7. Copy kode berikut lalu paste pada style sheet css sobat, atau bila bingung simpan saja di atas kode ]]></b:skin>






  8. /* Navigasi buat si juleha

    ----------------------------------------------- */

    #juleha{

    height:25px;

    text-align: center;

    }



    #juleha a{

    margin:0;

    font-size:1.2em;

    font-weight:bold;

    letter-spacing:-1px;

    background-color: #cccccc;

    color: #000000;

    padding-top:2px;

    padding-bottom:2px;

    padding-left:4px;

    padding-right:4px;

    }



    #juleha a:hover{

    text-decoration:none;

    padding:34px 5px 41px 5px;

    background-color: #0326FC;

    background-repeat: repeat-x;

    color:#A7FC03;

    padding-top:2px;

    padding-bottom:2px;

    padding-left:4px;

    padding-right:4px;

    }








  9. Copy kode berikut lalu paste pada kode template seperti di bawah ini, yang berwarna hitam adalah kode asli dan warna merah adalah kode yang harus di tambahkan :





  10. <div class='descriptionwrapper'>

    <p class='description'><span><data:description/></span></p>



    <div id="juleha">

    <a href="#" target="_blank">Link 1</a>

    <a href="#" target="_blank">Link 2</a>

    <a href="#" target="_blank">Link 3</a>

    <a href="#" target="_blank">Link 4</a>

    <a href="#" target="_blank">Link 5</a>

    </div>




    </div>

    </div>

    </b:if>






  11. Klik tombol Pratinjau untuk melihat perubahan




  12. Bila sudah OK, klik tombol SIMPAN TEMPLATE




  13. Selesai.






Agar sobat lebih faham, saya akan sedikit memberi keterangan tentang kode-kode
yang saya berikan, silahkan simak :



juleha{

height:25px;

text-align: center;

}




  • #juleha hanyalah penamaan saja, bisa di ganti dengan apa saja yang penting nyambung dengan kode yang di bawahnya, mau ibro, samson, mau tukul juga boleh kalo sobat penggemarnya.





  • height:25px; kode ini adalah sebagai pengatur tingginya tombol navigasi, yang saya pakai adalah sebesar 25 pixel, boleh di ganti nilainya dan sesuaikan dengan keinginan sobat.





  • text-align: center; kode untuk memposisikan tombol-tombol berada di tengah-tengah, jika ingin mepet di sebelah kiri ganti kata Center dengan kata left, jika ingin mepet kanan, ganti dengan right.




  • #juleha a{

    margin:0;

    font-size:1.2em;

    font-weight:bold;

    letter-spacing:-1px;

    background-color: #cccccc;

    color: #000000;

    padding-top:2px;

    padding-bottom:2px;

    padding-left:4px;

    padding-right:4px;

    }




  • #juleha a penamaan agar nyambung dengan kode diatasnya, dan kode-kode di yang di tulis bawahnya adalah yang akan muncul sebelum di sorot oleh mouse pengunjung blog.





  • font-size:1.2em; ukuran huruf yang di pake sebesar 1.2 . jika ingin lebih besar atau lebih kecil, silahkan ganti saja nilainya.





  • font-weight:bold; agar link yang di tulis hurufnya di cetak tebal, jika tidak mau ganti saja tulisan bold dengan tulisan normal.





  • background-color: #cccccc; kode untuk membuat warna latar belakang tombol. kode warna #cccccc adalah kode untuk abu-abu, silahkan sobat ganti dengan warna yang sobat sukai.





  • color: #000000; kode untuk warna huruf link, #000000 adalah kode warna hitam, silahkan ganti dengan warna yang sobat sukai.





  • #juleha a:hover{

    text-decoration:none;

    background-color: #0326FC;

    background-repeat: repeat-x;

    color:#A7FC03;

    padding-top:2px;

    padding-bottom:2px;

    padding-left:4px;

    padding-right:4px;




  • #juleha a:hover adalah kode yang di harapkan ketika mouse menyorot pada
    kode tombol yang di definisakan oleh kode-kode yang ada di kode #juleha a.





  • background-color: #0326FC; kode untuk membuat warna latar belakang tombol ketika mouse menyorot. kode warna #0326FC adalah kode untuk biru, silahkan sobat ganti dengan warna yang sobat sukai.





  • color:#A7FC03; kode untuk warna huruf link ketika mouse menyorot, #A7FC03 adalah kode warna hijau terang, silahkan ganti dengan warna yang sobat sukai.




  • <div id="juleha">

    <a href="#" target="_blank">Link 1</a>

    <a href="#" target="_blank">Link 2</a>

    <a href="#" target="_blank">Link 3</a>

    <a href="#" target="_blank">Link 4</a>

    <a href="#" target="_blank">Link 5</a>

    </div>




  • <div id="juleha"> kode pembuka juleha. Apa-apa yang di simpan di bawah kode ini, mengacu kepada apa yang di definisikan oleh kode juleha.






  • <a href="#" target="_blank">Link 1</a> kode untuk membuat link.





  • href="#" ganti tanda pagar (#) dengan URL atau link yang ingin sobat tuliskan. contoh : jika saya ingin membuat link ke blog ini, maka tanda pagar tadi saya ganti dengan http://kolom-tutorial.blogspot.com



  • target"_blank" adalah kode untuk memunculkan jendela baru ketika link di klik oleh pengunjung, bila tidak ingin ada jendela baru, maka hilangkan kode ini.




  • Link 1 ganti tulisan ini dengan tulisan link yang sobat inginkan. contoh : untuk menuliskan blog ini saya ganti dengan kata Kolom Tutorial




  • jadi kira-kira link yang tadi akan menjadi seperi ini :



    <a href="http://kolom-tutorial.blogspot.com" target="_blank">Kolom Tutorial</a>





  • </div> adalah kode penutup buat kode si juleha.





  • Contoh link yang saya berikan diatas adalah sebanyak lima buah link, ini bisa sobat kurangi atau bisa juga di tambah, akan tetapi jika space yang tersedia penuh maka tombol akan secara otomatis berpindah ke bawah, oleh sebab itu sesuaikanlah dengan space yang ada.



    Bagaimana sobat, bingung tidak? mudah-mudahan dapat di mengerti.

    Tutorial Pembuatan ANTENA WAJAN

    Silahkan Klik Link Di Bawah ini

    DhegLheng NetWork

    Masalah Datang Menimpaku

    Aku mendapat masalah lagi dipekerjaanku, menurutku ini masalah yang cukup besar sekali dan bisa mendapat ancaman aku akan kena PHK. Ini masalah sangat besar


    Aku bener2 stress berat dengan masalah yang menimpaku hari sabtu kemaren, kenapa ini bisa terjadi dan oooh betapa bodohnya aku sampai2 menyepelekan masalah ini. Walau bukan aku yang melakukan nya, namun itu semua adalah tanggung jawabku karena memang divisi itu adalah divisi dibawah tanggung jawabku selama ini......, Ya Allah ... berilah kekuatan padaku untuk menghadapinya...aku nggak tau harus bagaimana menghadapai masalah ini ? klo sampai aku kena PHK dsb ...aku bingung lagi dan harus memulai dari O untuk memulai karir lagi. Ya Allah, tolonglah aku ... aku sudah sangat bingung dengan ini semuanya ... aku sangat bingung ...Ya Allah lepaskan aku dari masalah ini...Tolonglah ya Allah, smoga ini tidak benar2 terjadi padaku Ya Allah ... Amin ..

    Biar Si Mozzila Lebih Cepat

    Biar Si Mozzila Lebih Cepat
    Bagi pengguna Browser Mozilla Firefox ,tips berikut bisa meningkatkan kecepatan Mozzila FireFox anda hingga 25% sampai 40%.

    Oke. langsung saja.


    1. Buka Mozilla Firefox anda dan ketik "about:config" (tanpa tanda petik) pada address bar dan tekan enter. scroll ing kebawah dan cari entries seperti di bawah ini:

    network.http.pipelining
    network.http.proxy.pipelining
    network.http.pipelining.maxrequests

    2. Ubah setting entries di atas seperti di bawah ini , caranya dg men double-klik pada entries atau klik-kiri -enter pada entries :

    Set "network.http.pipelining" menjadi "true" (defaultnya false)

    Set "network.http.proxy.pipelining" menjadi true

    set "network.http.pipelining.maxrequests" menjadi nilai seperti "32". artinya akan membuat 32 request dalam sekali.

    3.klik-kanan (dimana saja)-> select New-> Integer. ketik nglayout.initialpaint.delay pada prefence name, kemudia set nilai menjadi "0" (nol).

    4.Selesai. boleh juga anda restart komputer anda biar lebih fresh...!!!

    Secara default browser Mozilla F akan membuat satu request untuk satu halaman web dalam satu kali . ketika enable pipelining, itu akan membuat beberapa halaman dalam sekali. dan akan mempercepat page loading

    Semoga Berguna




    Tips Menghilangkan Border Image

    Bagi sobat yang gemar memasang gambar ataupun emoticons pada postingan, sering kali menghadapi sedikit ganjalan yaitu gambar yang di pasang mempunyai border/bingkai gambar berbentuk kotak. nah bagi sobat yang ingin menghilangkan border ini, saya ada sedikit tips untuk menghilangkannya.



    Contoh gambar yang mempunyai border :









    Atau seperti ini :





       

       

       





    Bandingkan dengan yang ini :









    Atau seperti ini :





       

       

       





    Lebih asyik bukan jika gambar yang kita posting tidak mempunyai border/bingkai. Cara untuk menghilangkan border adalah sobat harus membiasakan diri menambahkan kode border="0" pada setiap gambar yang di pasang. Sebagai contoh saya mempunyai alamat gambar seperti ini :



    http://amen24.googlepages.com/face5.gif



    Untuk membuat gambar, bisakan menyisipkan kode border="0", contohnya :



    <img src="http://amen24.googlepages.com/face5.gif" border="0">



    Bagaimana jika sobat sudah menambahkan kode border="0", akan tetapi gambar masih tetap mempunyai border/kotak. Nah untuk kejadian yang satu ini, maka style sheet css sobat ada yang harus di modifikasi. Silahkan ikuti langkah-langkah berikut ini!



    Untuk yang memakai template klasik :




    1. Sign in di blogger




    2. Klik menu Template




    3. Klik menu Edit HTML




    4. Copy seluruh kode HTML template sobat, lalu paste pada notepad, kemudian save untuk backup apabila ada kesalahan editting




    5. Cari kode berikut pada css sobat (ini contoh saja):





    6. .post img { <-- perhatikan kode ini

      padding:4px;

      border:1px solid $bordercolor; <-- yang di rubah kode yg ini

      }




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



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




    8. .post img {

      padding:4px;

      border:0px solid $bordercolor;

      }




    9. klik tombol Simpan Perubahan Template



    10. Selesai.






    Untuk yang memakai template baru :




    1. Sign in




    2. Klik menu Layout




    3. Klik menu Edit HTML




    4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data





    5. Klik kotak kecil di samping tulisan Expand Template Widget




    6. Tunggu beberapa saat sampai proses selesai





    7. Cari kode berikut pada css sobat (ini contoh saja):





    8. .post img { <-- perhatikan kode ini

      padding:4px;

      border:1px solid $bordercolor; <-- yang di rubah kode yg ini

      }




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



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




    10. .post img {

      padding:4px;

      border:0px solid $bordercolor;

      }




    11. Klik tombol SIMPAN TEMPLATE




    12. Selesai.






    Bagaimana sobat, mudah-mudahan expresi sobat lebih bebas karena sudah tidak di ganggu lagi dengan adanya border.



    Salam buat blogger semua.


    Get Paid To Promote, Get Paid To Popup, Get Paid Display Banner