Selasa, 30 Desember 2008

Pengumuman Pemenang Kontes KapanLagi.com

Setelah adanya berbagai pemberitaan miring mengenai kapanlagi.com oleh kawan-kawan blogger (kang Rohman juga termasuk) karena penundaan pengundian pemenang kontes KapanLagi.com's Friends, akhirnya usaha dari kawan-kawan blogger membuahkan hasil. Pihak kapanlagi.com pada tanggal 29 Desember 2008 kemarin memasang pengumuman bahwa para pemenang kontes akan di umumkan pada tanggal 31 Desember 2008.

Sesuai dengan janji mereka maka  hari ini rabu 31 Desember 2008, para pemenang kontes di umumkan, berikut adalah nama para pemenang tersebut  ( adakah ini adalah teman anda? ) :

No Nama URL
1 Ag. Sukandar http://bornjavanese.blogspot.com
2 Asmannur http://www.karacca01.blogspot.com
3 Ismail Marzuki http://www.koranpendidikan.com
4 Arie Wijayanto http://www.indo-latestinfo.com
5 Okto http://dapuride.com/
6 Sandy Suryadinata http://sandynata.wordpress.com
7 Agnes Davonar http://lieagneshendra.blog.friendster.com/
8 Firdaus Putra http://mengintip-dunia.blogspot.com
9 Kurnia Akbar P http://eh.web.id
10 Indra Permadi http://brohenk.wordpress.com

 

Walaupun dalam kontes ini di tenggarai banyak sekali keganjilan, namun setidak usaha dari kawan-kawan blogger telah berhasil dalam mendesak kapanlagi.com untuk mengumumkan para pemenang.

Satu catatan penting dari peristiwa ini adalah apabila para blogger bersatu, maka akan ada satu kekuatan besar yang tercipta.

Untuk para pemenang kontes, kang Rohman ucapkan selamat atas keberuntungan anda.

Sabtu, 27 Desember 2008

KapanLagi.com Penipu Kah?

Anda sudah tahu KapanLagi.com kan? sebuah situs portal indonesia yang dalam strategi promosinya sering menempelkan stiker di angkot-angkot atau mobil-mobil umum lainnya (itu di bandung lho, ga tau kalau di kota lain). Untuk memperluas jaringannya, beberapa bulan yang lalu KapanLagi.com melakukan strategi lain dalam promosi yaitu dengan mengadakan kontes bertajuk KapanLagi.com's Friends, dalam kontes tersebut kapanlagi.com mengajak para pemilik situs ataupun blog untuk memasang banner yang mereka siapkan dengan iming-iming hadiah sebesar Rp. 50.000.000,- untuk 10 (sepuluh) Friends beruntung yang akan diundi tanggal  20 Desember 2008. Sebuah tawaran menarik untuk di ikuti, siapa yang tidak mau dengan uang gratis bernilai jutaan rupiah.



Dari sejak dimulainya kontes KapanLagi.com's Friends, banyak blogger indonesia yang mengikuti even tersebut dengan memasang banner kapanlagi.com pada blog miliknya masing-masing. Berbulan-bulan lamanya teman-teman blogger menanti saat pengundian tiba yaitu tanggal 20 Desember 2008.




Dan akhirnya penantian panjang tersebut berakhir sudah, 20 Desember 2008 akhirnya datang. Namun rupanya kegelisahan para teman blogger ini masih belum hilang, pengumuman para pemenang belum juga di umumkan pihak kapanlagi.com. Rupanya kegelisahanpun masih juga berakhir, sampai artikel ini di posting yaitu tanggal 28 Desember 2008 pengumuman tersebut masih belum juga di umumkan. 



Apakah KapanLagi.com penipu? jika dalam waktu dekat kapanlagi.com belum juga mengumumkan para pemenang kontes, maka tentu saja sudah jelas KapanLagi.com adalah penipu alias Scam. Jika itu benar adanya maka kapanlagi.com nyata-nyata telah menipu, mengekploitasi, melecehkan, mempermainkan, menghina, serta menginjak-injak harga diri blogger Indonesia Indonesia.



kapanlagi.com sudah menganggap blogger indonesia merupakan sebuah komunitas yang bisa di manfaatkan se enak jidat tanpa sanggup untuk megadakan perlawanan.



Apakah kang Rohman salah satu korban kapanlagi.com? terus terang kang Rohman bukan merupakan korban, namun postingan ini untuk menunjukkan rasa solidaritas kang Rohman terhadap teman-teman blogger yang telah merasa di tipu oleh pihak kapanlagi.com.



Untuk pihak kapanlagi.com, jika anda merasa bukan penipu seperti yang saya sebutkan di atas, maka silahkan tunjukan itikad baik anda dengan mengumumkan para pemenang kontes yang anda adakan, atau minimal anda mengumumkan kepada para peserta kontes kenapa anda menunda pengumuman yang anda janjikan.



Untuk teman-teman blogger yang ingin menunjukkan rasa solidaritas, silahkan posting tentang hal ini agar kita selaku blogger tidak lagi di lecehkan oleh pihak-pihak yang merasa blogger indonesia bisa untuk di eksploitasi.

Jumat, 26 Desember 2008

Cara Me-reset Template Blogger

Salah satu kelebihan blogging di blogger.com di banding dengan di wordpress.com adalah kita di beri kebebasan untuk mengganti ataupun mengedit template dengan sesuka hati, sehingga ini memungkinkan kita untuk mendapatkan tampilan blog sesuai dengan keinginan. Namun dari kebebasan tersebut ada sedikit efek negatifnya yaitu kita menjadi lebih sering mengedit atau bahkan mengganti template dibanding memposting artikel.

Akibat dari seringnya melakukan editting terhadap template yang kita miliki, terkadang ada hasil yang mengecewakan di suatu waktu, ambil contoh banyak blogger yang ingin mengembalikan kotak komentar dari haloscan ke kotak komentar original blogger serta hal-hal lainnya yang terkadang membuat kita frustasi karena tidak bisa mengembalikannya sesuai keinginan. Bagi anda yang mempunyai masalah-masalah seperti ini, kang Rohman mempunyai cara me-reset template blogger agar kembali seperti saat kita baru membuat blog, yup benar-benar kembali seperti awal anda membuat blog. penasaran?  lanjut deh.

Namun agar tidak ada hal-hal yang tidak di inginkan, silahkan coba dulu trik ini pada blog percoban anda, karena trik ini terbilang ekstrim. Catatan pertama yang harus anda ketahui adalah :

  • Semua widget yang ada akan hilang, jadi jangan lupa untuk membuat backup data sebelum melakukan reset. Tentang cara membackup data dalam widget pernah kang Rohman bahas pada postingan  Tips Membackup Data Dalam Widgets.
  • Isi posting anda tidak akan terlihat, namun tidak terhapus. Pada saat memilih template yang baru, posting yang ada akan di tampilkan kembali.

 

Siap untuk tantangan ekstrim? yuk kita mulai!

Langkah #1

  1. Silahkan login ke Blogger dengan ID anda
  2. Klik Tata Letak
  3. Klik tab Edit HTML
  4. Alihkan perhatian anda ke bagian bawah kode template anda, cari kode <body> dan </body>
  5. Hapus semua kode yang ada antara kode <body> dan </body>. Contoh :

    <body> <= yg ini jangan di hapus
      <div id='outer-wrapper'><div id='wrap2'>

        <!-- skip links for text browsers -->
        <span id='skiplinks' style='display:none;'>
          <a href='#main'>skip to main </a> |
          <a href='#sidebar'>skip to sidebar</a>
        </span>

        <div id='header-wrapper'>
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Template Tutorial (Header)' type='Header'/>
    </b:section>
        </div>
        <div id='content-wrapper'>

          <div id='crosscol-wrapper' style='text-align:center'>
            <b:section class='crosscol' id='crosscol' showaddelement='no'/>
          </div>

          <div id='main-wrapper'>
            <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
    </b:section>
          </div>

          <div id='sidebar-wrapper'>
            <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
    <b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
    </b:section>
          </div>

          <!-- spacer for skins that want sidebar and main to be the same height-->
          <div class='clear'>&#160;</div>

        </div> <!-- end content-wrapper -->

        <div id='footer-wrapper'>
          <b:section class='footer' id='footer'/>
        </div>

      </div></div> <!-- end outer-wrapper -->
    </body> <= yg ini jangan di hapus

  6. Klik tombol Simpan Template.

  7. Akan keluar peringatan semua widget akan di hapus. Klik tombol KONFIRMASI & SIMPAN (ingat! anda harus sudah membuat backup sebelumnya)

    konfirmasi

  8. Silahkan lihat blog anda, dan hasilnya blog anda kosong tidak ada isinya.

  9. Langkah #1 selesai.

 

langkah #2

  1. Masih dalam kondisi login. silahkan klik tab Pilih Template baru

    pilih-template 

  2. Silahkan pilih template yang anda sukai ( atau sembarang saja).
  3. Klik tombol SIMPAN TEMPLATE

    simpan_03

  4. Silahkan lihat blog anda, seharusnya postingan sudah bisa muncul kembali seperti sedia kala.

  5. Selesai.

 

Jika anda melakukan trik di atas, maka template anda akan kembali ke template standar blogger yang belum di utak-atik. Sekarang terserah anda mau di apakan lagi, mau di ganti template dengan yang baru sesuai keinginan anda? mau di edit atau di apakan, up to you deh.

 

Salam ekstrim dari kang Rohman.

Kamis, 25 Desember 2008

Cara mengganti Tulisan Posting Lama Dan Posting Baru

Dulu pernah ada yang bertanya ke kang rohman tentang bagaimana cara menyembunyikan tulisan Posting lama atau Posting baru di blogger, dan jawaban tentang hal ini pernah kang Rohman posting pada artikel “Cara Menghilangkan Link Posting Lama”. Ternyata ada pertanyaan lain seputar “Link Posting lama Dan Posting baru” ini, kutipan pertayaan tersebut seperti ini :

Hallo,

Bagaimana caranya mengganti “posting lama” atau “Posting baru” dengan tulisan “Next” atau “previous”

Terima kasih

 postinglama

Tulisan Posting lama atau Posting baru tentu saja bisa anda ganti sesuai dengan keinginan anda, contoh di ganti dengan tulisan “Next” atau “Previous”, bahkan tidak hanya bisa diganti dengan dengan tulisan biasa namun “Posting lama atau Posting baru” bisa diganti dengan gambar atau icon. Yuk, kita bahas satu – satu.

Mengganti Posting lama dan Posting baru dengan Next dan Previous

Ikuti langkah-langkah berikut :

  1. Login ke blogger dengan ID anda
  2. Klik Tata Letak.
  3. Klik tab Edit HTML
  4. Klik tulisan “Download Full Template”, silahkan di backup dulu template anda (penting)
  5. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget

    expand-widget

  6. Tunggu beberapa saat sampai proses selesai.
  7. Cari kode berikut pada template anda :

    <span id='blog-pager-newer-link'>
         <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
         </span>
       </b:if>

       <b:if cond='data:olderPageUrl'>
         <span id='blog-pager-older-link'>
         <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
         </span>
       </b:if>

       <b:if cond='data:blog.homepageUrl != data:blog.url'>
         <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
         <b:else/>
         <b:if cond='data:newerPageUrl'>
           <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
         </b:if>
       </b:if>

  8. Perhatikan kode yang saya cetak merah.
  9. Gantilah kode <data:newerPageTitle/> dengan tulisan Next dan kode <data:olderPageTitle/> dengan tulisan Previous
  10. Klik tombol Simpan Template
  11. Selesai.

Sangat sederhana bukan?

 

Mengganti Posting lama dan Posting baru dengan Icon

Untuk mengganti Posting lama serta Posting baru dengan icon, langkah pertama tentu saja anda harus mempersiapkan icon yang akan di pakai. Sebagai contoh kang Rohman mempunyai icon seperti ini :

 

Next home previous

 

Uploadlah icon-icon yang anda miliki ke server tempat anda biasa menyimpan gambar, kemudian catat URl nya. Contoh kang rohman mempunyai alamat icon icon di atas sebagai berikut :

http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800

http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800

http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?imgmax=800

 

Ubahlah kode di atas menjadi seperti ini :

<img alt='Next' border='0' src='http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800' title='Next'/>

<img alt='previous' border='0' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800' title='previous'/>

<img alt='home' border='0' src='http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?imgmax=800' title='home'/>

 

Jika anda sudah mempunyai kode seperti diatas, langkah selanjutnya adalah tinggal memasukannya ke kode template anda, caranya seperti ini :

  1. Login ke blogger dengan ID anda
  2. Klik Tata Letak.
  3. Klik tab Edit HTML
  4. Klik tulisan “Download Full Template”, silahkan di backup dulu template anda (penting)
  5. Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template

    expand-widget

  6. Tunggu beberapa saat sampai proses selesai.

  7. Cari kode berikut pada template anda :

    <span id='blog-pager-newer-link'>
         <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
         </span>
       </b:if>

       <b:if cond='data:olderPageUrl'>
         <span id='blog-pager-older-link'>
         <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
         </span>
       </b:if>

       <b:if cond='data:blog.homepageUrl != data:blog.url'>
         <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
         <b:else/>
         <b:if cond='data:newerPageUrl'>
           <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
         </b:if>
       </b:if>

  8. Perhatikan kode yang saya cetak merah.

  9. Gantilah kode <data:newerPageTitle/>, <data:olderPageTitle/> , dan <data:homeMsg/> dengan kode icon anda. Contoh

    <span id='blog-pager-newer-link'>
         <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='Next' border='0' src='http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800' title='Next'/></a>
         </span>
       </b:if>

       <b:if cond='data:olderPageUrl'>
         <span id='blog-pager-older-link'>
         <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img alt='previous' border='0' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800' title='previous'/></a>
         </span>
       </b:if>

       <b:if cond='data:blog.homepageUrl != data:blog.url'>
         <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='home' border='0' src='http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?imgmax=800' title='home'/></a>
         <b:else/>
         <b:if cond='data:newerPageUrl'>
           <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
         </b:if>
       </b:if>

  10. Klik tombol Simpan Template

  11. Selesai

 

Contoh hasil yang akan anda dapatkan seperti ini :

olderpost

 

Jika anda mempraktekan tutorial ini kemudian mendapatkan pesan error, kang Rohman menyarankan untuk mencoba lagi dengan menggunakan browser yang berbeda.

Selamat mencoba!

Senin, 22 Desember 2008

Melacak Daerah Berdasarkan IP Address

Beberapa hari kemarin ada orang menyamar dengan memakai nama Kang Rohman di shoutbox, alamat blognya pun di tulis ke blog ini yaitu http://kolom-tutorial.blogspot.com, komentar-komentarnya seakan-akan dia adalah kang Rohman. Yang menjadi sedikit dongkol adalah ketika kang Rohman ikut berkomentar, sang pengaku ini malah mengclaim dirinya sebagai rohman yang asli. Hiks… jadi penasaran ingin menyelidiki dari mana nih orang.

Sebagaimana kita ketahui bahwa shoutbox dari shoumix bisa menampilkan IP address dari sang pemberi komentar, jadi ada celah untuk menyelidiki darimana sang penyamar tersebut.

Ada banyak cara untuk melacak daerah berdasarkan IP address, salah satu cara gratisan adalah dengan menggunakan google earth atau google map. Sudah pada tahu kan tentang google earth? dengan google earth anda bisa mengintip berbagai belahan dunia hanya dari komputer kita. Yang belum pernah mencoba kehandalan google earth, silahkan download softwarenya di http://earth.google.com (sok atuh di klik link nya biar keluar situsnya).

Langkah pertama dalam penyelidikan adalah tentu saja IP address sang tersangka, dan setelah di lihat pada panel shoutbox kang Rohman mendapatkan IP address 125.164.227.180

Langkah kedua adalah mencari letak koordinat berdasarkan IP tersebut. Untuk hal ini anda bisa menggunakan berbagai tool gratisan di internet, contoh di http://www.geobytes.com/IpLocator.htm?GetLocation atau di http://www.ip2location.com. Hasil dari pengecekan terhadap IP 125.164.227.180 adalah sebagai berikut :

 

koordinat

 

Dari data di atas yang di perlukan adalah koordinat Latitude serta Longitude, hasil yang di dapat Latitude : –6.1670  dan Latitude : 106.80000. Data yang di pasangkan ke google earth adalah gabungan dari keduanya yang hanya di pisahkan dengan tanda koma : –6.1670, 106.80000

 

Langkah ketiga adalah melakukan penelusuran dengan dengan Google earth. Buka google earth nya, lihat ke bagian panel kiri atas. Pilih tab fly to, masukan data koordinat yang tadi : –6.1670, 106.80000 klik icon search

fly

 

Dan tarrrrraaaaaat…… kita langsung di bawa terbang ke tempat tujuan kita.

hasilgoogleearth

earth

 

Pelacakan awal sudah selesai, tentu saja masih bisa di telusuri lebih akurat jika masih penasaran.

Minggu, 21 Desember 2008

Cara Membuat “breadcrumb-navigation” Di Blogger

Jika anda pemerhati revolution theme karya brian gardner, mungkin anda pernah melihat deretan navigasi sederhana di atas judul artikel yang sedang di baca, sebagai contoh screenshotnya seperti ini :



breadcrumb



Navigasi seperti di atas lebih di kenal dengan nama “breadcrumb-navigation”. Dengan adanya “breadcrumb-navigation” maka pembaca dapat dengan mudah melihat posisi artikel yang di baca serta mencari artikel dalam satu kategori.




Apakah “breadcrumb-navigation” bisa di pasang pada template blogger? Jawabannya adalah tentu saja bisa. Dengan sedikit modifikasi pada kode template anda, maka “breadcrumb-navigation” akan segera anda miliki. Berikut adalah triknya.




  1. Silahkan login ke blogger degan ID anda.


  2. Klik Tata Letak.


  3. Klik tab Edit HTML


  4. Click Download Full Template and please back up your template first.



  5. Silahkan beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.



    expand




  6. Silahkan cari kode ]]></b:skin>



  7. Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>



    .breadcrumbs{

    padding:5px 5px 5px 0;


    margin:0;font-size:95%;


    line-height:1.4em;


    border-bottom:4px double #cadaef;


    }





  8. Silahkan cari kode berikut pada template anda :



    <div class='post hentry uncustomized-post-template'>





  9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>



    <b:if cond='data:blog.homepageUrl == data:blog.url'>

    <b:else/>


    <b:if cond='data:blog.pageType == &quot;item&quot;'>


    <div class='breadcrumbs'>


    Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;


    <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>


    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>


    <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>


    </b:loop>


    </b:if> &#187; <data:post.title/>


    </div>


    </b:if>


    </b:if>




  10. Klik tombol Save Template.


  11. Tunggu beberapa saat sampai template anda tersimpan.


  12. Buka halaman blog anda, klik pada judul artikelnya. Silahkan lihat hasilnya.


  13. Selesai.


Jika langkah-langkah anda sudah benar, maka “breadcrumb-navigation” akan seperti ini :

breadcrumbsample



Selamat mencoba!


Pasang Gambar Always On Top Plus Tombol Close

Pada posting sebelumnya telah di terangkan bagaimana cara membuat Gambar Always On Top atau gambar yang di pasang selalu tampil di depan layar walaupun pengunjung blog melakukan scrolling pada layar monitornya. Namun ternyata banyak yang rikues ke kang Rohman agar di buatkan tutorial membuat Gambar Always On Top tapi plus fasilitas Tombol Close Seperti special ads yang ada pada blog kang Rohman.



Trik yang di pakai untuk membuat Gambar Always On Top plus fasilitas Tombol Close adalah dari maxblogpress yaitu memakai skrip strip ad seperti yang pernah OOM terangkan. Namun agar bisa di terapkan seperti yang di inginkan, Kang rohman memodifikasi bagian CSS nya dan jadilah seperti yang anda lihat.



http://lh4.ggpht.com/_pt7i0nbIOCY/SU5bWCoZLjI/AAAAAAAAAnE/UD_epmQq5LY/specialads_thumb%5B2%5D.png?imgmax=800



Special ads yang Kang Rohman gunakan sengaja memakai fasilitas ini agar bagi mereka yang merasa terganggu dengan keberadaan gambar yang selalu muncul di depan layar monitor, mereka sendiri bisa menghilangkannya.



Yang penasaran ingin bisa membuat Gambar Always On Top plus fasilitas tombol Close, berikut adalah langkah- langkahnya :



langkah #1



Buatlah dua buah gambar yang ingin di tampilkan yaitu gambar utama sebesar 125 X 125 pixel ( contoh saja ) serta tombol close yang akan di pakai, contoh :



    



Uploadlah kedua gambar tersebut ke hosting tempat anda biasa menyimpan gambar. Catatlah alamat URL dari kedua gambar tersebut, contoh :



http://lh6.ggpht.com/_pt7i0nbIOCY/SUWuARPT5fI/AAAAAAAAAgM/GxFnybAf7-8/adspace_thumb[1].png?imgmax=800



http://lh3.ggpht.com/_pt7i0nbIOCY/SUCgHswo4DI/AAAAAAAAAf8/evva1-0AhtU/close_thumb[1].png?imgmax=800



Jangn lupa juga untuk menentukan target link untuk gambar anda, misal punya kang rohman seperti ini :

http://kolom-tutorial.blogspot.com



Langkah #2



  1. Silahkan login  ke blogger dengan ID anda.

  2. Klik Tata Letak.

  3. Klik tab Edit HTML.

  4. Klik Download Template Lengkap. Silahkan di backup dulu templatenya.

  5. Copy lalu paste kode berikut persis di atas kode ]]></b:skin>



    #mta_bar {
    position:fixed;
    _position:absolute;
    bottom:10px;
    right:10px;
    margin:0;
    padding:0
    }
    * html #mta_bar{
    /*IE6 hack*/
    position: absolute;
    width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
    }
    #mta_bar .right { float:right;width:125px;margin:0;padding:0}
    #mta_bar .ads {margin:0;padding:0}
    #mta_bar .close {margin:0;padding:0}



  6. Copy lalu paste kode berikut persis di atas kode </head>



    <script type='text/javascript'>          
    //<![CDATA[
    var mta_arr = new Array();
    var mta_clear = new Array();
    function mtaFloat(mta) {
    mta_arr[mta_arr.length] = this;
    var mtapointer = eval(mta_arr.length-1);
    this.pagetop = 0;
    this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
    this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
    this.mtasrc.height = this.mtasrc.offsetHeight;
    this.mtaheight = this.cmode.clientHeight;
    this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
    var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
    mtabar = mtabar;
    eval(mtabar);
    }
    function mtaGetOffsetY(mta) {
    var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
    var parentOffset = mta.mtasrc.offsetParent;
    while ( parentOffset != null ) {
    mtaTotOffset += parentOffset.offsetTop;
    parentOffset = parentOffset.offsetParent;
    }
    return mtaTotOffset;
    }
    function mtaFloatInit(mta) {
    mta.pagetop = mta.cmode.scrollTop;
    mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
    }
    function closeAds() {
    document.getElementById("mta_bar").style.visibility = "hidden";
    }
    //]]>
    </script>



  7. Copy lalu paste kode berikut persis di atas kode </body> (ganti dengan alamat URL anda)



    <div id='mta_bar'>
    <div class='right'>
    <span class='ads'>
    <a href='http://kolom-tutorial.blogspot.com' target='_blank'>
    <img border='0' height='125' src='http://lh6.ggpht.com/_pt7i0nbIOCY/SUWuARPT5fI/AAAAAAAAAgM/GxFnybAf7-8/adspace_thumb[1].png?imgmax=800' width='125'/>
    </a>
    </span>
    <span class='close' onmouseout='self.status=''' onmouseover='self.status='kolom-tutorial.blogspot.com';return true;'>
    <img align='absmiddle' border='0' onClick='closeAds();return false;' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SUCgHswo4DI/AAAAAAAAAf8/evva1-0AhtU/close_thumb[1].png?imgmax=800' style='cursor:hand;cursor:pointer;'/>
    </span>
    </div>
    </div>



  8. Klik tombol SIMPAN TEMPLATE.

  9. Selesai. Silahkan lihat hasilnya.



Selamat mencoba

Sabtu, 20 Desember 2008

Pasang gambar Always On Top

Ada info menarik bagi anda yang suka memajang gambar di blognya. Info kali ini adalah tentang cara memasang gambar yang akan selalu muncul di bagian depan blog anda, gambar tersebut akan selalu muncul walaupun pengunjung melakukan scrolling ke halaman bagian bawah blog anda,Screenshot nya seperti ini :

doraemonimg

Tertarik ingin tahu triknya? Berikut adalah langkah langkahnya :

Langkah #1

  1. Buatlah gambar yang ingin anda tampilkan nanti. Saya sarankan gambar tersebut sekitar 125 X 125 agar tidak terlalu mengganggu pengunjung anda. Format gambar terserah anda, bentuk animasipun tentu saja boleh. Contoh Gambar :

    Doraemon

  2. uploadlah gambar tersebut ke hosting tempat anda menyipan gambar. Belum tahu cara upload gambar? Baca dulu posting yang ini.
  3. Catat alamat gambar yang sudah anda upoad.

Langkah #2

  1. Silahkan login ke blogger dengan ID anda
  2. Klik Tata Letak.
  3. Klik Tab Edit HTML
  4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
  5. Copy lalu paste kode berikut persis di atas kode ]>><b:skin>

    #top_image {
    position:fixed;
    _position:absolute;
    bottom:5px;
    left:5px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight);
    _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

  6. Silahkan cari kode <body> di template anda.
  7. Copy lalu paste kode berikut persis di bawah kode <body> (ini contoh saja)

    <div id='top_image'>
    <img border='0' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SUL0frimGbI/AAAAAAAAAgE/FrMr_MKfweA/Doraemon-1_thumb.gif?imgmax=800'/>
    </div>

  8. Klik tombol simpan template.
  9. Selesai. Silahkan lihat hasilnya.

Secara default kode di atas adalah untuk menampilkan gambar di sebelah pojok kiri bawah layar monitor. Posisi tersebut bisa anda ubah sesuai keinginan, misal ingin di simpan di sebelah pojok kanan bawah, pojok atas kanan ataupun pojok atas kiri. Kode yang bisa anda edit adalah seperti ini ;

#top_image {
position:fixed;
_position:absolute;
bottom:5px;
left:5px;

clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

 


kode yang berwarna merah adalah kode yg bisa anda ganti sesuai keinginan.



Untuk pojok kanan bawah :



bottom:5px;

right:5px;



untuk pojok kanan atas :



top:5px;

right:5px;



untuk pojok kiri atas



top:5px;

left:5px;



 



Pada contoh di atas, gambar yang tampil tidak bisa di klik. Jika anda menginginkan agar gambar ada bisa di klik atau nge link, anda hanya menambahkan kode link di dalamnya. contoh :






<div id='top_image'>



<a href="http://kolom-tutorial.blogspot.com"><img border='0' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SUL0frimGbI/AAAAAAAAAgE/FrMr_MKfweA/Doraemon-1_thumb.gif?imgmax=800'/> </a>


</div>




 



Selamat mencoba!


Kamis, 18 Desember 2008

Memasang Kode Hasil CSS Menu Generator

Pada postingan terdahulu kang Rohman sempat menginformasikan tentang free download tool yang bernama CSS Menu Generator, dengan tool CSS Menu Generator anda dapat dengan mudah membuat sebuah Horizontal Menu, Vertical Menu, Combo-box Menu, Full Down Menu atau Drop down Menu. Namun ternyata eh ternyata setelah di kasih enak malah jadi pada bingung tujuh keliling dan akhirnya  banyak yang bertanya ke Kang Rohman tentang cara memasang kode hasil dari CSS Menu Generator pada blog. Hihihi.. pada bingung yah, duuuh kacian…..

Bagi anda yang masih merasa kebingungan memasang kode hasil dari CSS Menu Generator, mungkin postingan ini bisa menjadi obat sakit kepala anda karena Kang Rohman akan mencoba membahas tentang bagaimana cara memasukan kode yang di hasilkan oleh CSS menu generator ke dalam blog. Namun sebelumnya, anda saya anggap sudah bisa mengoperasikan CSS Menu Generator.

Kode yang di hasilkan oleh CSS Menu Generator terdiri dari dua bagian yaitu bagian kode CSS dan yang satunya kode HTML. Perhatikan gambar berikut :

cssGenerator

 

Contoh kode CSS ;

<style type="text/css" media="screen">
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #0000A0;width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
color: #FFFFFF;
background-color: #0000A0;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; }
.pd_menu_01 ul li a {color: #FFFFFF;background: #0000A0;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #0000A0;}
.pd_menu_01 ul li:hover a {background-color:#008000; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #0000A0;}
.pd_menu_01 ul li a:hover {background-color:#008000; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
</style>

 

Contoh kode HTML :

<div class="pd_menu_01 ">
<ul><li><a href="/">Home<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Blog Tutorial<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href=""  >Cara Daftar</a></li>
<li><a href=""  >cara Setting</a></li>
<li><a href=""  class="lastone">Cara Posting</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Wordpress tutorial<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Hot News<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
</div>

 

Untuk menempatkan kode di atas pada blog anda tentu tidak ada ketentuan yang baku karena tergantung di manakah posisi tab menu mau di tempatkan, faktor yang lain adalah kode template antara yang satu dengan yang lain tentu saja berbeda. Namun sebagai gambaran, kang Rohman akan memberikan satu contoh, mungkin dengan ini akan ada sedikit titik terang.

Jika menurut kebiasaan, lazimnya suatu tab menu di simpan di atas Header atau di bawah header. Untuk itu anda di sarankan untuk membuat elemen di atas atau di bawah header, trik ini pernah kang rohman posting pada “ Menyimpan Widget Persis Dibawah Header “ atau pada posting “ Cara Membuat Elemen Persis Di Bawah “, Silahkan di baca dulu.

OK. sekarang saya anggap anda sudah membuat elemen persis di bawah header, dan sekarang kita mencoba untuk memasukkan kode hasil dari CSS Menu Generator. Namun sebelumnya perlu di ketahui bahwa pada kode CSS seperti contoh di atas ada sedikit kode yang perlu di hapus, yaitu pada contoh kode yang saya contohkan di atas saya cetak merah, tepatnya kode yang ini :

 

<style type="text/css" media="screen">

 

</style>

Sekali lagi, kode di atas di hapus saja.

 

Berikut adalah langkah-langkah untuk memasukkan kode dari CSS Menu Generator :

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
  5. Copy kode CSS tab menu anda ( tentunya ada kode yang di hapus seperti keterangan di atas ) persis di atas kode  ]]></b:skin> . Contoh ;

    .pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #0000A0;width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/
    .pd_menu_01  a, .pd_menu_01 a:visited {
    font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size:12px;
    color: #FFFFFF;
    background-color: #0000A0;
    text-decoration: none;
    }
    .pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
    .pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; }
    .pd_menu_01 ul li a {color: #FFFFFF;background: #0000A0;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
    .pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #0000A0;}
    .pd_menu_01 ul li:hover a {background-color:#008000; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/
    .pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
    .pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF;  color:#FFFFFF;} /*Color subcells normal mode*/
    .pd_menu_01 ul li:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
    .pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #0000A0;}
    .pd_menu_01 ul li a:hover {background-color:#008000; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/
    .pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
    .pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF;  color:#FFFFFF;} /*Color subcells normal mode*/
    .pd_menu_01 ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
  6. Klik tombol SIMPAN TEMPLATE

  7. Tunggu beberapa saat sampai template anda tersimpan.

  8. Klik tab Elemen Halaman.

  9. Klik Tambah Gadget pada elemen yang di bawah header ( tentunya sudah di buat terlebih dahulu )

    gadget 

  10. Klik tanda plus (+) untuk HTML/JavaScript.

    html

  11. Copy kode HTML dari CSS tab menu anda, lalu paste pada kolom yang muncul. Contoh ;

    <div class="pd_menu_01 ">
    <ul><li><a href="/">Home<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
    <!--[if IE]></td></tr></table></a><![endif]--></li></ul>
    <ul><li><a href="">Blog Tutorial<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
    <ul>
    <li><a href=""  >Cara Daftar</a></li>
    <li><a href=""  >cara Setting</a></li>
    <li><a href=""  class="lastone">Cara Posting</a></li>
    </ul>
    <!--[if IE]></td></tr></table></a><![endif]--></li></ul>
    <ul><li><a href="">Wordpress tutorial<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
    <!--[if IE]></td></tr></table></a><![endif]--></li></ul>
    <ul><li><a href="">Hot News<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
    <!--[if IE]></td></tr></table></a><![endif]--></li></ul>
    </div>
  12. Klik tombol SIMPAN.

  13. Selesai. Silahkan lihat hasilnya.

 

Mungkin langkah-langkah di atas bisa menjadi satu gambaran bagaimana cara memasukkan kode hasil dari CSS menu Generator.

 

Selamat mencoba!

Rabu, 17 Desember 2008

Misteri Black Death di Eropa

Peristiwa yang pernah memporak porandakan daratan Eropa sekitar tahun 1347 dan 1351. Black death adalah epidemik wabah penyakit PES dan radang paru-paru. Black death yang terjadi pada sekitar tahun 1300-an itu mungkin merupakan bencana terburuk yg pernah menimpa peradaban umat manusia di muka bumi ini.

Menyebar keseluruh dunia,black death setidaknya telah membunuh kurang lebih 40 juta orang,termasuk diantaranya 25 juta orang di Eropa.faktanya,black death membunuh satu dari setiap empat orang Eropa hanya dalam waktu empat tahun…

Konon Penyakit ini berawal dari China,kemudian ditularkan pada orang-orang eropa ketika seorang Kipchak (Mongol) menyerbu sebuah keramaian dengan melemparkan jenazah yang terinfeksi ke tengah pusat perdagangan di Crimea. Kemudian wabah tsb mencapai Genoa pada 1347,lalu menyebar ke bagian barat dan utara,mencapai London dan Paris pada 1348.


Wabah tsb mungkin dibawa pertama kali oleh kutu tikus yang juga dapat hidup pada manusia.Hal itu kemudian berubah menjadi wabah penyakit radang paru-paru yang menyebar melalui batuk dan bersin. Setelah wabah black death ini,tanah lapang dipenuhi dengan mayat2,rumah-rumah,desa-desa dan perkotaan menjadi sunyi dan kosong. Setelah itu terjadilah kelangkaan tenaga kerja sehingga upah mereka meningkat dan banyak budak yang mendapatkan kemerdekaan mereka.

Konon,ribuan kerangka manusia yang digunakan sebagai kontruksi dasar bangunan Evora Chapel di Portugal itu merupakan kerangka para korban keganasan wabah black death. gambar bawah.

sumber : www.betamedialink.blogspot.com

Meningkatkan Page Rank dengan Jaringan Link

100links_banner200 Sobat tentu sudah pada tahu kalau link sangat berperan dalam menaikkan page rank website atau blog kita. Terutama bagi sobat yang tertarik untuk mendaftarkan blognya ke program-program penghasil uang seperti sponsored review atau adsense, dukungan link ini sangat dibutuhkan. Bagaimana mau me-review kalau belum apa-apa blog kita udah ditolak duluan karena popularitas linknya nol…



Kalau kita sudah cukup lama aktif membina jaringan blog kita, mungkin link nya sudah cukup banyak ya. Tapi kalau kita masih baru terjun, atau kita punya blog baru yang ingin segera kita pompa page rank-nya, maka kita sangat perlu dukungan link disamping dukungan trafik.



Selain dengan saling bertukar link, cara lain adalah dengan membeli program pemasangan link. Jadi kita membayar sejumlah uang supaya blog kita di-link secara masif. Program-program semacam ini sangat praktis tapi biasanya lumayan mahal, harganya bisa ratusan dolar.



Namun jangan berkecil hati, ternyata ada juga kok program pemasangan link yang murah abiss, cuma Rp 50.000,- Nama programnya Get 100 links!



Sesuai dengan namanya, link website atau blog kita akan dipasang pada jaringan 100 blog mereka. Kalau dihitung-hitung, berarti biayanya 500 perak per link. Link kita dipasang secara permanen, bukan bulanan. Murah banget khan? Jadi kita bisa lebih fokus pada materi blog, dan tidak terlalu memikirkan lagi urusan link.

Gak harus punya kartu kredit atau saldo PayPal untuk membeli program yang beralamat di www.get100links.net tersebut. Walaupun namanya in inglis, yang punya orang kita juga kok. Bisa bayar lewat transfer BCA atau Mandiri.

Mau?

Selasa, 16 Desember 2008

Legenda Sinterklas

Legenda Sinterklaas muncul pada ribuan tahun silam. Dewa perang dalam legenda Eropa Utara, saat musim dingin, menunggang kudanya yang berkaki 8 berlari cepat ke ujung langit penjuru laut, menjatuhkan hukuman kepada yang jahat dan memuji yang baik, membagikan hadiah. Pada saat yang sama, anaknya yaitu Dewa Petir yang berbusana merah dengan petir sebagai senjatanya berperang dengan semua dewa salju di kegelapan malam, yang berakhir dengan kemenangannya.

Ada juga legenda yang mengatakan bahwa Sinterklaas berasal dari St. Nicholas, karenanya Sinterklaas juga disebut St. Nicholas, oleh karena kisah-kisah ini sebagian besar mengobarkan semangat Kristen, tempat asal, alur cerita kebanyakan telah dilupakan, namun Sinterklaas malah kekal abadi di dalam dunia rohani banyak orang. Setiap tahun pada hari Natal, Sinterklaas menunggang di atas konstelasi Aries, bocah suci memegangi pohon cemara (pohon Natal) turun ke dunia manusia, namun seiring dengan perubahan kehidupan manusia, pengarang dan seniman mulai melukiskan Sinterklaas menjadi wujud Sinterklaas berbusana merah dan berjanggut putih yang kita kenal sekarang.

Bersamaan itu juga terdapat penjelasan yang berbeda terhadap negara dan budaya yang berbeda. Asal-usul Sinterklaas di Jerman berdasarkan pada cerita Dewa Woden (dari sini juga muncul istilah ‘Wodenesday’ atau hari Woden, di mana kita menyebutnya Wednesday (hari Rabu). Woden penting bagi para penduduk di tempat yang sekarang kita kenal sebagai Jerman dan orang-orang Teuton kuno, di samping orang-orang Inggris. Woden, yaitu seorang tokoh di dalam sejarah, digambarkan di dalam mitologi sebagai menunggang kuda putihnya melalui udara, dengan berpakaian jubah yang berjela-jela. Dia mempunyai janggut putih yang panjang dan topi yang besar kerana dia juga dipercayai mempunyai kebijaksanaan, dan dia membawa sebuah buku di dalam tangannya.

Sinterklaas ini merias diri menjadi orang suci yang meletakkan buah berkulit keras dan apel di dalam sepatu anak-anak. Ia mengendarai kereta kuda beroda dua keliling di segala penjuru, mengamati sikap dan perilaku orang-orang, terutama anak-anak, apabila memperlihatkan perilaku yang baik, akan mendapatkan hadiah berupa buah apel, buah berkulit keras, permen dan sejumlah besar hadiah lainnya. Sedangkan anak yang buruk perilakunya hanya akan mendapatkan cambuk. Inilah yang mengilhami orang tua untuk menggunakan legenda tersebut sebagai pendorong semangat anak-anak.

Di Italia, tokoh Sinterklaas muncul dari cerita mengenai seorang nenek sihir yang bernama Befana. Ia mendapatkan tugas dari malaikat untuk memberikan hadiah kepada Tuhan Yesus pada saat Yesus dilahirkan, seperti juga orang Majus, tetapi karena kelalaiannya ia datang terlambat. Oleh sebab itu Befana mendapat hukuman tiap tahun sebelum kelahiran Yesus, ia harus memberikan hadiah sebanyak mungkin kepada anak-anak kecil yang tidak mampu. Kepercayaan ini dianut oleh banyak orang, sehingga pemuka agama di Italia mengambil keputusan agar kepercayaan ini dialihkan ke Sinterklaas. Inilah awal dari kepercayaan bahwa Sinterklaas selalu memberi hadiah kepada anak-anak.

Di negeri Belanda, Santa Klaus dikenali sebagai Sinterklaas. Sinterklaas adalah seorang bisop yang memakai penutup kepala dan mempunyai sebuah buku yang mencatatkan perbuatan baik dan dosa. Dia mempunyai tongkat gembala dan menunggang seekor kuda putih di atas bumbung-bumbung rumah. Sinterklaas mempunyai seorang hamba bernama Black Peter. Di Belanda, anak-anak menyanyikan lagu-lagu di sekitar cerobong kepada Sinterklaas. Black Peter mendengar di atas cerobong itu untuk menentukan sama ada anak-anak itu menyanyikan lagu-lagu yang betul dan menyediakan pemberian-pemberian yang sesuai kepada kuda Sinterklaas, yaitu Karot dan Jerami. Hadiah-hadiah kemudian diberikan kepada anak-anak itu melalui cerobong tersebut.

Ketika kaum kolonialis Belanda tiba di benua Amerika, mereka juga membawa serta uskup Sinterklaas mereka, digambarkan mengenakan kasaya merah, dan mengendarai seekor kuda putih. Figur Sinterklaas Amerika belakangan berangsur-angsur menjadi sebuah Sinterklaas bijaksana. Awalnya, penulis Amerika yaitu Washington Owen dalam drama komedinya (Sejarah New York) melukiskan Sinterklaas sebagai seorang kakek Belanda yang gemuk dan bundar. Tahun 1823, penyair Clement Moore dalam sajak dan lagunya “Kesan St.Nicholas” mendramakan figur Saint Nicholas, itulah kakek Natal (Sinterklaas). Pada tahun 1960-an produser film kartun Thomas Nash melukis seorang kakek Natal (Sinterklaas) yang ramah-tamah dan gemuk sebagai ilustrasi.

Seiring dengan berlalunya waktu, figur Sinterklaas menyebar ke seluruh pelosok dunia. Sejumlah besar negara juga menyimpan legenda yang berhubungan dengannya. Sinterklaas dari Perancis bernama Father Christmas atau Pere Noel, Sinterklass dari Swiss bernama Christkindl atau Christ Child, dan Sinterklaas dari Inggris namanya sama dengan Perancis yaitu Father Christmas, figurnya lebih khidmat dibandingkan dengan Sinterklaas lainnya, sedikit lebih kurus. Dan Sinterklaas dari Amerika Utara adalah mengendarai rusa salju yang menarik kereta luncur membagi-bagikan hadiah.

Sumber: sumber :http://misteridunia.byethost10.com/

Senin, 15 Desember 2008

Sejarah Kong Hu Cu

Lahir sekitar tahun 551 SM di kota kecil Lu, kini masuk wilayah propinsi Shantung di timur laut daratan Cina. Dalam usia muda ditinggal mati ayah, membuatnya hidup sengsara di samping ibunya.

Waktu berangkat dewasa dia jadi pegawai negeri kelas teri tapi sesudah selang beberapa tahun dia memutuskan mendingan copot diri saja. Sepanjang enam belas tahun berikutnya Kong Hu-Cu jadi guru, sedikit demi sedikit mencari pengaruh dan pengikut anutan filosofinya. Menginjak umur lima puluh tahun bintangnya mulai bersinar karena dia dapat kedudukan tinggi di pemerintahan kota Lu.

Sang nasib baik rupanya tidak selamanya ramah karena orang-orang yang dengki dengan ulah ini dan ulah itu menyeretnya ke pengadilan sehingga bukan saja berhasil mencopotnya dari kursi jabatan tapi juga membuatnya meninggalkan kota. Tak kurang dari tiga belas tahun lamanya Kong Hu-Cu berkelana ke mana kaki melangkah, jadi guru keliling, baru pulang kerumah asal lima tahun sebelum wafatnya tahun 479 SM.

Kong Hu-Cu kerap dianggap selaku pendiri sebuah agama; anggapan ini tentu saja meleset. Dia jarang sekali mengkaitkan ajarannya dengan keTuhanan, menolak perbincangan alam akhirat, dan mengelak tegas setiap omongan yang berhubungan dengan soal-soal metaflsika. Dia -tak lebih dan tak kurang- seorang filosof sekuler, cuma berurusan dengan masalah-masalah moral politik dan pribadi serta tingkah laku akhlak.

Ada dua nilai yang teramat penting, kata Kong Hu-Cu, yaitu “Yen” dan “Li:” “Yen” sering diterjemahkan dengan kata “Cinta,” tapi sebetulnya lebih kena diartikan “Keramah-tamahan dalam hubungan dengan seseorang.” “Li” dilukiskan sebagai gabungan antara tingkah laku, ibadah, adat kebiasaan, tatakrama dan sopan santun.

Pemujaan terhadap leluhur, dasar bin dasarnya kepercayaan orang Cina bahkan sebelum lahirnya Kong Hu-Cu, lebih diteguhkan lagi dengan titik berat kesetiaan kepada sanak keluarga dan penghormatan terhadap orang tua. Ajaran Kong Hu-Cu juga menggaris bawahi arti penting kemestian seorang istri menaruh hormat dan taat kepada suami serta kemestian serupa dari seorang warga kepada pemerintahannya. Ini agak berbeda dengan cerita-cerita rakyat Cina yang senantiasa menentang tiap bentuk tirani. Kong Hu-Cu yakin, adanya negara itu tak lain untuk melayani kepentingan rakyat, bukan terputar balik. Tak jemu-jemunya Kong Hu-Cu menekankan bahwa penguasa mesti memerintah pertama-tama berlandaskan beri contoh teladan yang moralis dan bukannya lewat main keras dan kemplang. Dan salah satu hukum ajarannya sedikit mirip dengan “Golden Rule” nya Nasrani yang berbunyi “Apa yang kamu tidak suka orang lain berbuat terhadap dirimu, jangan lakukan.”

Pokok pandangan utama Kong Hu-Cu dasarnya teramat konservatif. Menurut hematnya, jaman keemasan sudah lampau, dan dia menghimbau baik penguasa maupun rakyat supaya kembali asal, berpegang pada ukuran moral yang genah, tidak ngelantur. Kenyataan yang ada bukanlah perkara yang mudah dihadapi. Keinginan Kong Hu-Cu agar cara memerintah bukan main bentak, melainkan lewat tunjukkan suri teladan yang baik tidak begitu lancar pada awal-awal jamannya. Karena itu, Kong Hu-Cu lebih mendekati seorang pembaharu, seorang inovator ketimbang apa yang sesungguhnya jadi idamannya.

Kong Hu-Cu hidup di jaman dinasti Chou, masa menyuburnya kehidupan intelektual di Cina, sedangkan penguasa saat itu tidak menggubris sama sekali petuah-petuahnya. Baru sesudah dia wafatlah ajaran-ajarannya menyebar luas ke seluruh pojok Cina.

Berbetulan dengan munculnya dinasti Ch’in tahun 221 SM, mengalami masa yang amat suram. Kaisar Shih Huang Ti, kaisar pertama dinasti Ch’ing bertekat bulat membabat habis penganut Kong Hu-Cu dan memenggal mata rantai yang menghubungi masa lampau. Dikeluarkannya perintah harian menggencet lumat ajaran-ajaran Kong Hu-Cu dan menggerakkan baik spion maupun tukang pukul dan pengacau profesional untuk melakukan penggeledahan besar-besaran, merampas semua buku yang memuat ajaran Kong Hu-Cu dan dicemplungkan ke dalam api unggun sampai hancur jadi abu. Kebejatan berencana ini rupanya tidak juga mempan. Tatkala dinasti Ch’ing mendekati saat ambruknya, penganut-penganut Kong Hu-Cu bangkit kembali bara semangatnya dan mengobarkan lagi doktrin Kong Hu-Cu. Di masa dinasti berikutnya (dinasti Han tahun 206 SM - 220 M). Confucianisme menjadi filsafat resmi negara Cina.

Mulai dari masa dinasti Han, kaisar-kaisar Cina setingkat demi setingkat mengembangkan sistem seleksi bagi mereka yang ingin jadi pegawai negeri dengan jalan menempuh ujian agar yang jadi pegawai negeri jangan orang serampangan melainkan punya standar kualitas baik ketrampilan maupun moralnya. Lama-lama seleksi makin terarah dan berbobot: mencantumkan mata ujian filosofi dasar Kong Hu-Cu. Berhubung jadi pegawal negeri itu merupakan jenjang tangga menuju kesejahteraan material dan keterangkatan status sosial, harap dimaklumi apabila di antara para peminat terjadi pertarungan sengit berebut tempat. Akibat berikutnya, ber generasi-generasi pentolan-pentolan intelektual Cina dalam jumlah besar-besaran menekuni sampai mata berkunang-kunang khazanah tulisan-tulisan klasik Khong Hu-Cu. Dan, selama berabad-abad seluruh pegawai negeri Cina terdiri dari orang-orang pandangannya berpijak pada filosofi Kong Hu-Cu. Sistem ini (dengan hanya sedikit selingan) berlangsung hampir selama dua ribu tahun, mulai tahun 100 SM sampai 1900 M.

Tapi, Confucianisme bukanlah semata filsafat resmi pemerintahan Cina, tapi juga diterima dan dihayati oleh sebagian terbesar orang Cina, berpengaruh sampai ke dasar-dasar kalbu mereka, menjadi pandu arah berfikir selama jangka waktu lebih dari dua ribu tahun.

Ada beberapa sebab mengapa Confucianisme punya pengaruh yang begitu dahsyat pada orang Cina. Pertama, kejujuran dan kepolosan Kong Hu-Cu tak perlu diragukan lagi. Kedua, dia seorang yang moderat dan praktis serta tak minta keliwat banyak hal-hal yang memang tak sanggup dilaksanakan orang. Jika Kong Hu-Cu kepingin seseorang jadi terhormat, orang itu tidak usah bersusah payah menjadi orang suci terlebih dahulu. Dalam hal ini, seperti dalam hal ajaran-ajarannya yang lain, dia mencerminkan dan sekaligus menterjemahkan watak praktis orang Cina. Segi inilah kemungkinan yang menjadi faktor terpokok kesuksesan ajaran-ajaran Kong Hu-Cu. Kong Hu-Cu tidaklah meminta keliwat banyak. Misalnya dia tidak minta orang Cina menukar dasar-dasar kepercayaan lamanya. Malah kebalikannya, Kong Hu-Cu ikut menunjang dengan bahasa yang jelas bersih agar mereka tidak perlu beringsut. Tampaknya, tidak ada seorang filosof mana pun di dunia yang begitu dekat bersentuhan dalam hal pandangan-pandangan yang mendasar dengan penduduk seperti halnya Kong Hu-Cu.

Confucianisme yang menekankan rangkaian kewajiban-kewajiban yang ditujukan kepada pribadi-pribadi ketimbang menonjolkan hak-haknya -rasanya sukar dicerna dan kurang menarik bagi ukuran dunia Barat. Sebagai filosofi kenegaraan tampak luar biasa efektif. Diukur dari sudut kemampuan memelihara kerukunan dan kesejahteraan dalam negeri Cina dalam jangka waktu tak kurang dari dua ribu tahun, jelaslah dapat disejajarkan dengan bentuk-bentuk pemerintahan terbaik di dunia.

Gagasan filosofi Kong Hu-Cu yang berakar dari kultur Cina, tidaklah berpengaruh banyak di luar wilayah Asia Timur. Di Korea dan Jepang memang kentara pengaruhnya dan ini disebabkan kedua negeri itu memang sangat dipengaruhi oleh kultur Cina.

Saat ini Confucianisme berada dalam keadaan guram di Cina. Masalahnya, pemerintah Komunis berusaha sekuat tenaga agar kaitan alam pikiran penduduk dengan masa lampau terputus samasekali. Dengan gigih dan sistematik Confucianisme digempur habis sehingga besar kemungkinan suatu saat yang tidak begitu jauh Confucianisme lenyap dari bumi Cina. Tapi karena di masa lampau, akar tunggang Confilcianisme begitu dalam menghunjam di bumi Cina, bukan mustahil -entah seratus atau seratus lima puluh lahun yang akan datang - beberapa filosof Cina sanggup mengawinkan dua gagasan besar: Confucianisme dan ajaran ajaran Mao Tse-Tung.

Sumber: sumber :http://misteridunia.byethost10.com

PhotoShop Tutorial – Teknik dasar Slicing

Saya yakin dan percaya bahwa anda pasti sudah mengetahui software pengolah gambar yang bernama PhotoShop. Dengan Photoshop anda dapat menciptakan sebuah gambar yang menarik dengan mudah, atau anda dapat mengedit sebuah gambar yang sudah jadi ( misal photo, dll ) sehingga menghasilkan gambar dalam bentuk lain yang anda inginkan.



Bagi anda yang senang akan blog design atau Web design tentu saja harus bisa mengoperasikan software pengolah gambar yang salah satunya seperti yang kang Rohman sebutkan tadi yaitu PhotoShop. Salah satu teknik yang sangat erat hubungannya dengan dunia blog design atau website design adalah teknik slicing.


Slicing adalah teknik membagi atau memotong gambar mejadi beberapa bagian dan mempunyai ukuran file serta format yang berbeda-beda. Teknik slicing ini sering di gunakan agar gambar tidak telalu berat pada saat blog anda di loading oleh pengunjung. Contoh, perhatikan contoh gambar (1) di bawah ini :









Gambar seperti contoh di atas seringkali di gunakan sebagai background dari judul sidebar. Tahukah anda bahwa untuk menampilkan background seperti contoh di atas tidak perlu menampilkan keseluruhan gambar, namun anda hanya cukup memotongnya menjadi potongan kecil agar pada saat loading blog anda tidak terlalu berat. Gambar yang di perlukan cukup hanya potongan kecil seperti ini saja :









Teknik untuk menampilkannya adalah dengan bantuan kode :



background:url("URL_gambar) repeat-x;



repeat-x adalah teknik menampilakn gambar secara berulang dalam bentuk horizontal ( sumbu X ). Jadi walaupun gambarnya hanya berupa potongan kecil saja, gambar tersebut akan terlihat penuh ke pinggir seperti gambar (1) di atas.



Contoh lain adalah seperti gambar 2 di bawah ini :









gambar seperti contoh di atas biasanya di pakai sebagai background blog atau web (dalam ukuran besar tentunya). Agar gambar yang begitu besar tidak membebani loading, maka kita perlu memotongnya seperti gambar di bawah ini :









Teknik untuk menampilkannya adalah dengan bantuan kode :



background:url("URL_gambar) repeat-y;



repeat-y adalah teknik menampilakn gambar secara berulang dalam bentuk vertikal ( sumbu y ). Jadi walaupun gambarnya hanya berupa potongan kecil saja, gambar tersebut akan terlihat penuh ke secara vertikal seperti gambar 2 di atas.



Sepertinya postingan ini tidak akan terlalu mendalam tentang teknik gambar repeat-x atau repeat-y karena akan lebih fokus kepada teknik dasar slicing pada Photoshop.

Tanpa basa basi agar tidak terlalu panjang, maka silahkan buka adobe photoshop anda, buatlah file baru.















Pilihlah ukuran gambar 640 x 480 ( sebagai contoh )













Buatlah layer baru, klik : Layer » New » Layer…











Atau cukup klik icon create New layer (secara default biasanya ada di kanan bawah layar)











Klik icon add a layer Style, lalu pilih gradien overlay…











Setting angle menjadi 0 (nol), kemudian klik pada contoh gambar gradien :











Pilih gambar gradien kuning (sebagai contoh), maka hasilnya akan seperti ini ;











Sekarang waktunya kita melakukan slicing, Pilih Slice Tool ( space + k )











Arahkan pada sudut gambar yang ingin di potong sesuai keinginan, klik lalu tahan, kemudian geser pada arah yang anda inginkan. Lepaskan (klik yg di tahan tadi) pada ujung gambar yang di inginkan. Lakukan kembali slicing pada area gambar lainnya yang anda inginkan.







Klik File lalu Save For Web… untuk menyimpan hasil gambar anda.











Pilih yang tab 4-up dan pilih format gambar serta kualitas yang anda inginkan. Lalu Save untuk mengakhirinya.











Mungkin itu saja teknik dasar dari slicing. Ternyata cape banget yah bikin tutorial photoshop, kapok sepertinya nih Sad



Semoga bermanfaat.