Makna Sesungguhnya Kata "Siri"

Selasa, 23 Oktober 2012 | comments

Setiap mendengar kata "Siri" atau "Nikah Siri" pasti orang akan mengartikannya sebagai sebuah pernikahan yang sah menurut hukum agama atau adat, namun tidak sah menurut hukum negara.

Namun setelah mendengar kata dosen saya, beliau marah jika siri diartikan sebagai menikah hanya berdasarkan hukum agama dan adat. Lho kok bisa begitu? Jadi konon kata siri itu punya sejarah menyeramkan sob...

Kata dosen saya, kita sudah terlanjur salah kaprah dalam mengartikan siri sebagai pernikahan yang tidak sah menurut hukum negara. Pada jaman Rasulullah dulu, kata siri diartikan sebagai pernikahan tanpa dua orang wali atau secara sembunyi-sembunyi. Jadi, pernikahan tersebut tidaklah sah menurut hukum Islam.

Lalu di mana letak menyeramkannya? Konon di Sulawesi Selatan saat jaman penjajahan dulu, kata siri diberikan kepada kedua pasangan yang menikah tanpa persetujuan keluarganya. Kasus yang banyak terjadi adalah karena perbedaan derajat kedua belah pihak. Karena "Siri" dianggap sebagai aib yang sangat memalukan, pihak keluarga yang tidak menyetujui hubungan tersebut akan terus mencari kedua pasangan siri tersebut sampai ketemu untuk dibunuh. Sehingga banyak pasangan siri yang lari ke Pulau Jawa. Banyak kasus pembunuhan yang terjadi karena pernikahan siri waktu itu, sehingga pada akhirnya Belanda mengumumkan larangan untuk membunuh karena pernikahan siri.

Jadi, kata "Siri" itu mengandung aib yang sangat memalukan, sedangkan sekarang setiap pernikahan yang tidak sah menurut hukum negara disebut sebagai "Nikah Siri".

Share Button Melayang dengan CSS

Minggu, 21 Oktober 2012 | comments (2)

Apa itu share button? Langsung aja liat demonya di Rouen's Blog. Ya, 3 tombol (Tweet, +1, dan Like) di samping kiri main-wrapper Rouen's Blog itulah yang saya maksud.

Cara membuatnya sangat mudah. Tombol-tombol bisa didapatkan dari sini:
Like Button
Tweet Button
+1 Button

Dan dengan sedikit CSS, kita bisa membuatnya melayang di samping main-wrapper. Seperti inilah kodenya setelah saya beri kode CSS:

<div id="sharebutton" style="width:55px; position:fixed; left:170px; top:200px; padding:10px 15px 10px 10px; border-radius:5px 0 0 5px; background:#B3B3B3;">

<center>

<a href="https://twitter.com/share" data-count="vertical" class="twitter-share-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<div class="g-plusone" data-size="tall"></div>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
 </script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=211265582305364";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>

</center>
</div>

Keterangan:
# kode berwarna ungu adalah Tweet Button
# kode berwarna merah adalah +1 Button
# kode berwarna biru adalah Like Button
# kode berwarna hijau adalah CSSnya; 
   - width:55px; artinya lebar wigdet adalah 55px
   - position:fixed; untuk membuat posisi widget melayang
   - left:170px; artinya posisi widget dari tepi kiri halaman browser adalah 170px
   - top:200px; artinya posisi widget dari tepi atas halaman browser adalah 200px
   - padding:10px 15px 10px 10px; untuk memberi jarak tepi tombol (urutannya: top, right, bottom, left)
   - border-radius:5px 0 0 5px; untuk memberi sudut lengkung pada sisi kiri atas dan kiri bawah sebesar 5px (urutannya: kiri atas, kanan atas, kanan bawah, kiri bawah)
   - background:#B3B3B3; artinya warna background adalah #B3B3B3 (kode hex color untuk warna silver)

Pemasangannya sangat mudah,
1. masuk akun blogger blog sobat
2. klik Layout
3. klik add gadget, pilih HTML/JavaScript
4. copy paste kode di atas, SAVE

Atau kode di atas juga bisa ditumpangkan pada kode widget lain.

Kalau sudah selesai, lihatlah hasilnya. Jangan lupa sesuaikan tata letak dan tampilan sesuai dengan template blog sobat, tinggal ubah-ubah kode CSSnya.

Ubah Traffic Anda Menjadi Dollar

| comments (7)

PopAds.net - The Best Popunder AdnetworkPernahkah sobat mendengar istilah Cost Per Impression? Cost Per Impression adalah suatu layanan bagi site owner untuk mengubah trafficnya menjadi dollar.

Cost Per Impression (CPI) dapat disebut juga sebagai Cost Per Mile (CPM) atau Cost Per Thousand. Umumnya, kita mendapatkan $4 - $5 USD tiap seribu Impressi yang didapat oleh blog kita tergantung dari mana asal traffic pengunjung. Yang dimaksud dengan Impressi di sini adalah setiap kunjungan baru yang masuk ke blog kita. Bayaran termahal adalah untuk traffic dari USA dan CANADA.

Popads.net adalah salah satu situs CPM berbasis pop under. Pop Under adalah sebuah iklan yang tampil di window baru namun tidak menutupi layar browser utama, jadi tidak mengganggu pengunjung yang sedang membaca artikel blog kita. Dan karena berbasis Pop Under, jadi bisa disandingkan dengan adsense.

Kelebihan Popads.net adalah layanan ini menerima traffic dari Indonesia. Meskipun tidak sebanding dengan traffic dari USA dan CANADA, namun lumayan juga lho. Contohnya adalah blog saya Rouen's Blog yang mayoritas trafficnya dari Indonesia. Dengan rata-rata visitor 600-800/hari, dapat dihasilkan minimal $0.2/hari. Jika blog sobat berbahasa inggris, coba bayangkan jika visitornya mayoritas dari USA atau CANADA.

Minimal payoutnya adalah $5 lewat PayPal atau AlertPay (Payza). Kita hitung saja melalui takaran blog saya, dengan $0.2/hari maka dapat payout dalam waktu minimal 25 hari sob. Dan bayaran langsung diterima hari itu juga.

Sangat lumayan kan untuk mengisi saldo dollar kita. Layanan ini juga memiliki sistem referral, kita bisa mendapat 10% dari penghasilan orang yang kita ajak untuk masuk.

Menggiurkan bukan? Jika sobat tertarik, perkenankanlah untuk gabung melalui referral saya, itung2 sebagai terima kasih sudah membawa kabar gembira ini :)

Silahkan daftar di sini https://www.popads.net/users/refer/25412 atau melalui banner Popads di atas.

Membuat Banner Sederhana dengan CSS

Minggu, 14 Oktober 2012 | comments

Sudah baca artikel saya tentang CSS? Jika belum, silahkan baca dulu artikel saya yang berjudul "Ayo Kenalan Sama CSS".

Seperti yang saya bicarakan sebelumnya, selain untuk menentukan tata letak, CSS juga dapat digunakan untuk memperindah tampilan, selain itu juga dapat untuk membuat suatu gambar.

Artikel kali ini, saya akan mengajarkan cara membuat logo banner sederhana dengan menggunakan CSS. Contoh logo banner dapat sobat lihat di halaman Link/Banner Exchange, kira-kira seperti itulah tampilannya.

Kelebihannya, banner yang dibangun dengan CSS akan pertama tampil saat loading halaman. Dan cobalah disable load images pada browser, maka banner ini akan tetap tampil.

Bagaimana cara membuatnya? Sebenarnya caranya mudah sekali, sobat tinggal menuliskan judul blog atau deskripsi blog sobat, lalu tanamkan link blog sobat di dalamnya.

Misalkan, saya ingin membuat logo bertuliskan "Live it Now!", cukup tuliskan kata-kata itu, seperti ini:
"Live it Now!"

Lalu tanamkan link blog sobat, bisa dituliskan kodenya secara manual, atau cukup dengan mem-blok tulisan lalu klik pada fungsi link, lalu masukkan URL blog sobat.

Maka linknya jadi seperti ini: "Live it Now!"

Yang perlu sobat lakukan selanjutnya adalah menemukan kode dari link yang sobat buat lalu mengeditnya. Klik saja pada html, lalu cari link sobat. Untuk link di atas, kodenya seperti ini:
<a href="http://livitno.blogspot.com/" target="_blank">"Live it Now!"</a>

Tinggal tambahkan kode CSS untuk memperindah tampilan link tersebut, contohnya saya menambahkan kode CSS nya jadi seperti ini:
<a href="http://livitno.blogspot.com" target="_blank" style="margin:10px; border:5px outset silver; border-radius:5px; font-size:large; font-weight:bold;">"Live it Now!"</a>

Maka gambar yang dihasilkan adalah seperti ini:

"Live it Now!"

Keterangan:
Kode berwarna merah itulah yang disebut kode CSS
-margin: 10px; artinya jarak tepi atas, kanan, bawah dan kiri gambar adalah 10px.
-border: 5px outset silver; artinya ketebalan garis tepi adalah 5px dengan efek outset 3D berwarna warna silver.
-border-radius: 5px; untuk membuat efek sudut lengkung sebesar 5px, makin besar angka, makin besar kelengkungannya.
-font-size:large; untuk membuat ukuran huruf besar, jika kurang besar, gunakan x-large
-font-weight:bold; untuk memberi efek tebal (bold) pada huruf.

Mungkin cukup segitu dulu tutorial sederhana ini, cari saja dan tambahkan kode-kode CSS lain untuk semakin memperindah tampilan banner.

Ayo Kenalan Sama CSS

Sabtu, 13 Oktober 2012 | comments (3)

Coba lihat gambar di bawah ini.



 

 


 

 
 
 
 



Sekarang, coba anda disable load images pada browser anda, dan refresh halaman ini.

Apa yang terjadi? Ya, gambar di atas tetap tampil. Kenapa bisa begitu? Bagi kamu yang sudah tahu, pasti akan mengatakan, "itulah CSS". Lohh, itu CSS? Apa sih sebenarnya CSS?

CSS merupakan singkatan dari Cascading Style Sheets, yaitu salah satu bahasa pemrograman web untuk mengendalikan komponen-komponen dalam sebuah web agar testruktur dan seragam serta rapi.

Contohnya, jika kita ingin menentukan letak atau posisi widget agar terlihat ideal, seperti jarak tepi, jarak widget dari tepi kanan atau kiri halaman browser, dll.

Selain untuk menentukan tata letak, CSS juga dapat digunakan untuk menggambar obyek. Dan kelebihan obyek yang digambar dibandingkan dengan obyek gambar yang biasa kita upload adalah CSS akan lebih ringan source memory dan lebih cepat loadingnya. Kenapa bisa begitu? Ya balik lagi, karena CSS merupakan bahasa pemrograman web yang sudah support pada banyak browser.

Misalkan kita ingin membuka sebuah gambar .jpg di web, maka yang dilakukan browser adalah mendownloadnya kemudian menampilkannya di layar browser. Tidak dengan CSS, jika kita ingin menampilkan gambar yang dihasilkan dengan CSS, maka yang dilakukan browser hanya membaca kode CSS tersebut, kemudian menerjemahkannya dan menampilkannya di layar browser.

Kelebihan lainnya adalah, jika kita disable load images pada browser kita, maka gambar .jpg tidak akan tampil sedangkan gambar yang dibangun dengan CSS akan tetap tampil. Kenapa bisa begitu? Ya balik lagi, yang dilakukan browser hanya membaca kode tersebut, dan browser tidak mengenalinya sebagai suatu gambar, tapi hanya sebuah kode CSS.

Dengan perkembangan CSS sampai sekarang ini, CSS telah support pada banyak browser seperti Firefox, Chrome, Opera, dll.

Kekurangannya adalah, beberapa browser seperti Internet Explorer belum support fitur dan kode CSS sepenuhnya, sehingga tidak dapat membaca seluruh kode CSS yang mengakibatkan gambar CSS tidak tampil sebagai mana mestinya.

Tapi, apa hari gini masih ada yang setia memakai Internet Explorer? Jarang sekali. Jika dilihat dari statistik blog saya, mayoritas pengunjung menggunakan Firefox dan Chrome, sedangkan pengguna IE kurang dari 3%.

Pernahkah anda mengunjungi blog atau situs yang dibangun mayoritas dengan kode-kode CSS? Lihatlah betapa ringannya blog tersebut. Contohnya, tengoklah indaam.com, hanya homepage blog ini yang penuh dengan gambar, selebihnya? Mayoritas dibangun dengan CSS. Blog inilah yang memperkenalkan saya dengan kode-kode CSS, dan banyak sekali gambar atau logo yang dibuat murni dengan CSS di sana. Dan logo Sampoerna mild di atas berasal dari blog indaam.com.

Inilah halaman tempat logo Sampoerna Mild yang dibuat murni dengan CSS http://www.indaam.com/2011/11/bikin-sampoerna-a-mild-logo-dengan-css3/

Cobalah kunjungi dan disable Load Images pada halaman itu, lihat betapa cepat loading halaman tersebut namun tampilan tetap tampak rapi seperti halaman yang diload sempurna beserta gambar-gambarnya :)
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Live It Now! - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger