1st Anniversary Muhammad Rizki Fadillah's Blog

Setahun berlalu, kini blog ini sudah berusia satu tahun. Dibuat pada tanggal 30 Mei 2009 sore hari (sekitar jam 3 sore) di warnet di Jakarta. Kini blog ini berusia satu tahun.

Beralamat di muhammadrizkifadillah.blogspot.com, blog ini menggunakan template standar Blogger dengan warna hitam dan sidebar di kiri.

Kenapa Nggak Ganti Template?

Ya kenapa ya... ya soalnya udah pewe sih sama template ini, jadi tidak mau pindah ke lain hati. Pernah sih coba ganti template, tapi hasilnya blog jadi amburadul. Oleh karena itu, saya ganti ke template ini lagi saja. Nggak perlu pake template third-party untuk menunjukkan anda profesional. Karena profesionalitas dan seorang blogger bukan dinilai dari template tetapi dari kontennya.

Birthday Award

Untuk merayakan ulang tahun blog ini, maka saya akan membuat award bertajuk "Birthday Award".

Birthday Award

Award ini akan diberikan kepada:

Masdoyok (www.masdoyok.co.cc)
Kang Dwi (kang-dwi.blogspot.com)
Attayaya (attayaya.net)
Miftahuddin (saga-islamicnet.blogspot.com)
Cebong Ipiet (cebongipiet.blogspot.com)

Maaf buat temen-temen lainnya yang belum kebagian, barangkali di award berikutnya.

Buat teman-teman yang diberi award, silakan copy kode berikut ke blog anda. Boleh di sidebar ataupun di postingan.


Blog Pertama Saya

Jika anda berfikir ini adalah blog pertama saya, maka anda salah besar. Blog pertama saya beralamat di rizkifullus.multiply.com. Kenapa pakai embel-embel "Fullus"? Ya suka aja gitu hehehe... cuma hiasan. Blog tersebut ya kini cuman dianggurin aja. Kini saya punya 8 blog utama (kebanyakan dianggurin) dan beberapa blog percobaan (untuk template).

Akhir kata...

Saya mengucapkan selamat ulang tahun untuk blog ini. Semoga blog ini bisa lebih maju ke depannya dan memberikan informasi yang bermanfaat untuk pembacanya. Amin...

Happy birthday, Muhammad Rizki Fadillah's Blog!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Teknik-teknik CSS3 yang Anda Harus Tahu

Maunya sih ngeblog seminggu sekali, tetapi semangat ngeblog lagi menggebu-gebu jadi ya KEEP BLOGGING!!!

Akhir-akhir ini banyak orang yang membicarakan tentang CSS3. Seperti kang Beben misalnya. CSS3 diyakini akan memperindah halaman web. Tetapi, sayang seribu sayang, kau sudah ada yang memiliki... Ada yang marah... Lah kok jadi nyambung-nyambung ke lagunya Matta Band? Hehehe... maksudnya tidak semua browser mendukung CSS3. Internet Explorer belum mendukungnya. Tetapi akhir-akhir ini pengguna Internet Explorer semakin berkurang jadi ya tidak masalah jika anda menggunakan CSS3.

Untuk menggunakannya anda harus menggunakan ekstensi -moz- untuk Mozilla Firefox dan -webkit- untuk Safari.

1. Bayangan

Jadi inget lagunya Sembilan Band "ada bayangmu... ada bayangmu... disetiap mimpiku yang indah, bayanganmu selalu datang..." Lah kok jadi nyanyi? Untuk bayangan, nih kodenya.
-moz-box-shadow:#555 5px 5px 6px;
-webkit-box-shadow:#555 5px 5px 6px;
Kode #555 adalah warna bayangan. 5px yang pertama adalah jarak bayangan dengan batas kiri dari objek tersebut. Sedangak n 5px yang kedua adalah jarak bayangan dengan batas atas gambar. Sedangakn yang 6px adalah tingkat blur dari bayangan. Silahkan anda otak-atik sendiri untuk mengetahui lebih lanjut. Nih contohnya.

Lihat! Ada bayangannya kan???

2. Gradasi

Gradasi maksudnya adalah pencampuran warna. Ini dia kodenya:
background: -moz-linear-gradient(-90deg,green,blue); -webkit-gradient(linear, left top, left bottom, from(green), to(blue));
green adalah warna awal, sedangkan blue adalah warna akhir. Contohnya:

Lihat! Warnanya bercampur!
Keren...

3. RGBA

RGBA maksudnya adalah nilai RGB ditambah nilai terakhir untuk opacity/kepekatan. Kodenya:
background:rgba(0,144,23,0.8);
0, 144, dan 23 adalah nilai RGB biasa, sedangkan 0.8 adalah nilai kepekatan (80 persen). Contohnya:

Backgroudnya transparan ya?

4. HSL

Kalau anda biasa menggunakan Adobe Photoshop atau Corel Draw, papsti tak asing lagi dengan HSL (Hue, Saturation, Lightness). Hue adalah derajat dalam roda warna (itu loh yang biasa ada di aplikasi grafis), saturation adalah nilai saturasi (kegelapan/kejenuhan warna), sedangkan lightness adalah nilai pencahayaan. Kodenya:
background:hsl(47,24.3%,75.3%)
47 adalah nilai hue, 24.3% adalah nilai saturasi, dan 75.3% adalah nilai lightness. Nih contohnya:

Nilai background dengan HSL (Hue, Saturation, Lightness).

5. Warna Border Multipel

Maksudnya ada bisa memasukkan lebih dari satu warna sekaligus pada border. Cara pengetikkannya begini:
border-width:6px;
border-style:solid;
-moz-border-top-colors:red orange yellow green blue purple;
-moz-border-right-colors:red orange yellow green blue purple;
-moz-border-bottom-colors:red orange yellow green blue purple;
-moz-border-left-colors:red orange yellow green blue purple;
Banyak warna border harus sama dengan lebar border. Dan warna diurut dari bagian terluar hingga bagian paling dalam. Nih contohnya:

Warna bordernya banyak yaa???

6. Gaya Pemblokan Teks

Maksudnya adalah gaya/style teks ketika diseleksi. Penulisannya begini:
namaselector::selection{/*nama selector boleh berupa ID atau class atau tag*/
background:black;/*Warna latar belakang*/
color:white;/*Warna teks*/
}
namaselector::-moz-selection{
background:black;
color:white;
}
Contoh:
#seleksi::selection{
background:blue;
color:yellow;
}
#seleksi::-moz-selection{
background:blue;
color:yellow;
}
Hasilnya:
Coba seleksi teks ini. Dan lihat apa yang terjadi! Latar akan berwarna biru dan teks akan berwarna kuning.
7. Transformasi

Dengan transformasi anda bisa membuat suatu objek membesar. Seperti pada postingan Efek Pembesaran Gambar. Biasanya trik ini digunakan untuk efek hover. Kodenya begini.
#transformasi:hover{
-moz-transform:scale(1.25);
-webkit-transform:scale(1.25);
}
Angka 1.25 adalah nilai perbesaran. Nih tak kasih contohnya:

Coba arahkan mouse ke sini. Dan kotak ini akan membesar.

8. Multi Kolom

Anda bisa membuat gaya teks berkolom di blog/website anda. Anda hanya perlu menjejalkan kode berikut.
-moz-column-count:2;
-moz-column-rule:1px solid red;
-moz-column-gap:10px;
Angka 2 diatas adalah jumlah kolom. Angka 1px yaitu lebar garis pembatas (border), lalu solid adalah gaya border, dan red adalah warna border. 10px adalah jarak antara border dengan teks supaya tidak tertabrak. Nih contohnya:
Kini, handphone seolah-olah telah menjadi kebutuhan primer setiap orang. Dari anak-anak sampai orang tua punya handphone. Nah, kini anda bisa mengakses blog ini lewat handphone. Jika anda bepergian, atau jika anda malas ke warnet untuk membuka blog ini, anda bisa mengakses blog ini lewat handphone dengan alamat: www.mippin.com/mrfblog. Sekian pengumuman ini. Saya ucapkan terima kasih.

Ya itu dia beberapa teknik-teknik CSS3. Semoga bermanfaat.

Sumber:
http://sixrevisions.com/css/css3-techniques-you-should-know/ dengan penerjemahan dan beberapa pengubahan.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Efek Perbesaran Gambar

Sebelumnya saya ucapkan turut berduka cita atas wafatnya Gesang dan Hj. Ainun Habibie. Semoga mereka diterima amal baiknya dan semoga keluarga yang ditinggalkan diberi ketabahan oleh Yang Maha Kuasa. Amin...

Pada postingan seminggu yang lalu kita membahas tentang efek redup-terang untuk gambar. Nah, kita juga akan membahas tentang efek gambar disini. Tetapi, efek gambar kali ini adalah ketika kursor mouse melintas di atas gambar tersebut maka gambar tersebut akan membesar. Biasanya ini sangat cocok untuk gambar yang berukuran 125x125. Contohnya seperti pada gambar di atas. Yang kiri adalah kondisi gambar pada saat biasa dan yang kanan adalah kondisi gambar pada saat kursor mouse melayang diatas gambar tersebut.

Sekedar catatan, tekhnik ini menggunakan CSS3 jadi tidak akan bekerja di Internet Explorer.

Langsung sajaa!!!

1. Login ke Blogger, lalu seperti biasa, klik Tata Letak > Edit HTML.

2. Backup template anda.

3. Cari kode ]]></b:skin>, lalu taruh kode berikut diatasnya.
.besar:hover{
-moz-transform:scale(1.25);
-webkit-transform:scale(1.25);
}
4. Kalau sudah, klik Simpan Template.

Untuk memasukkannya ke blog, pilih Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Javascript. Lalu pada bagian isi ketikkan kode berikut.
<a href="LINKYANGDIINGINKAN"><img src="URLGAMBAR" class="besar"/></a>
LINKYANGDIINGINKAN adalah link yang diinginkan, sedangkan URLGAMBAR adalah URL dari gambar.

Anda juga bisa meletakkannya di pastingan anda. Pada mode Edit HTML tentunya. Semoga bermanfaat.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Efek Hover Gambar, Redup dan Terang

Salam Blogger!!! Dah lama nih nggak ngepost, bukan karena kehabisan ide, hanya karena malas jika harus memposting melulu. Maka dari itu, saya putuskan untuk ngepost seminggu sekali, yaitu pada hari Minggu, dan jika ada kesempatan saya bisa posting dua kali atau tiga kali seminggu. Ya doakan saja supaya blog ini bisa tetap update.

Pada postingan tempo dulu saya pernah membahas efek timbul pada gambar. Dimana pada gambar tersebut jika kursor mouse melintas diatas gambar tersebut akan tampak tenggelam seperti relief. Nah, pada kali ini saya juga akan memberikan efek hover pada gambar yaitu pada kondisi biasa gambar akan terlihat seperti apa adanya, tetapi jika mouse melintas diatasnya maka gambar akan terlihat redup. Seperti gambar diatas, contohnya.

Pertama-tama siapkan satu set komputer atau laptop. Boleh ke warnet dulu, atau minjem punya orang. Asal jangan komputer hasil maling aja karena hukumnya haram. Dan juga harus ada koneksi internet (kalau tidak ada gimana mau modifikasi template di blog? ). Kalau sudah ada, kita mulai.

1. Pertama-tama, kita harus login ke Blogger. Lalu klik Tata Letak lalu pilih menu Edit HTML.

2. Backup template anda terlebih dulu.

3. Cari kode ]]></b:skin>.

4. Diatasnya, ketikkan kode berikut.
.redup, img.redup{
opacity:1;
filter:alpha(opacity=100,finishedOpacity=100);
border:0;
}
.redup:hover, a:hover .redup{
opacity:0.5;
filter:alpha(opacity=0.5,finishedOpacity=0.5);
}
5. Lalu? Klik Simpan Template.

Untuk memasukkannya ke blog, ikuti langkah-langkah berikut. Masih di tab Tata Letak, klik menu Elemen Halaman. Lalu klik Tambah Gadget, pilih yang HTML/Javascript, lalu di bagian isi ketik:
<a href="LINKYANGDIINGINKAN"><img src="URLGAMBAR" class="redup"/></a>
Ket: LINKYANGDIINGINKAN adalah link yang diinginkan, jika diklik akan membuka suatu halaman situs/halaman web. Sedangkan URLGAMBAR adalah URL dari gambar. Kalu sudah, klik Simpan.

Anda juga memasukkannya di postingan dengan memasukkan kode yang sama dengan kode diatas pada mode Edit HTML.

Sedikit info di hari minggu. Terima kasih atas perhatiannya dan semoga bermanfaat.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Ciri-ciri Habis Dibagi

Udah nggak ngepost di blog ini nih hehehe... males sih soalnya... hahaha... Bingung mau ngepost apa, males melakukan percobaan.

Kali ini saya akan membahas ciri-ciri habis dibagi. Maksudnya? Ciri-ciri habis dibagi 2, 3, 4, 5, dll. Satu mah nggak disebutin soalnya semua bilangan bulat habis dibagi satu.

Ciri-ciri habis dibagi 2

Yaitu angka belakangnya angka genap (2,4,6,8,0)

Misal: 12, 454, 3372.

Ciri-ciri habis dibagi 3

Semua angka bila dijumlahkan adalah kelipatan 3.

Misal:
12324
1 + 2 + 3 + 2 + 4 = 12
Berarti 12324 habis dibagi 3 karena semua angkanya adalah kelipatan 3.

Ciri-ciri habis dibagi 4

2 Angka terakhir adalah 00 atau kelipatan 4.

Misal: 1200, 204, 212.

Ciri-ciri habis dibagi 5

Angka terakhir adalag 5 atau 0.

Misal: 15, 100, 2000.

Ciri-ciri habis dibagi 6

Semua angka bila dijumlahkan merupakan kelipatan 3 dan angka belakangnya genap.

Misal: 3312 (3 + 3 + 1 + 2 = 12 dan angka belakangnya angka genap sehingga habis dibagi 6)

Ciri-ciri habis dibagi 8

3 angka terakhir adalah 000 atau habis dibagi 8.

Misal: 1000, 2016, 1168.

Ciri-ciri habis dibagi 10

Kalau yang ini pasti agan-agan sekalian dah pada tau donk... angka terakhirnya 0.

Misal: 100, 2340, 1220.

Ciri-ciri habis dibagi 25

2 Angka terakhir adalah 25, 50, 75, atau 00.

Misal: 250, 4425, 375, 1000.

Ciri-ciri habis dibagi 50

2 angka terakhir adalah 50 atau 00.

Misal: 2250, 2100.

Ciri-ciri habis dibagi 100

2 angka terakhir adalah 00.

Misal: 3300, 1200.

Ciri-ciri habis dibagi 125

3 angka terakhir adalah 125, 250, 375, 500, 625, 750, 875, atau 000.

Misal: 1125, 44375, 34000.

Ciri-ciri habis dibagi 250

3 angka terakhir adalah 250, 500, 750, atau 000.

Misal: 33500, 2250, 10000.

Ciri-ciri habis dibagi 500

3 angka terakhir adalah 500 atau 000.

Misal: 12500, 2000.

Ciri-ciri habis dibagi 1000

3 Angka terakhir adalah 000.

Misal: 23000, 12000, 56000.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Recent Posts dan Recent Comments

Recent posts... recent comments... ini adalah widget pengisi sidebar terbanyak. Recent posts digunakan untuk menarik pengunjung, sedangkan recent comments berfungsi untuk memberitahu kita komentar yang masuk. Keduanya sama-sama penting menurut saya. Menurut anda...

Disini saya akan membahas tentang cara membuat recent posts dan recent comments. Tanpa banyak cingcong...

Pertama-tama... login ke Blogger. Lalu klik Tata Letak > Elemen Halaman > Tambah Gadget > Feed.
Lalu isikan alamat feed blog anda. Yaitu http://alamatbloganda.blogspot.com/feeds/posts/default untuk recent posts dan http://alamatbloganda.blogspot.com/feeds/comments/default untuk recent comments. Ganti alamatbloganda.blogspot.com dengan alamat blog anda. Lalu klik Lanjutkan.
Lalu akan muncul jendela seperti ini. Lalu klik saja Simpan jika tidak mau mengutak-atik lagi. Kalau mau, silakan utak-atik.
Sekarang recent posts dan recent comments anda sudah jadi. Sekarang tinggal disajikan di atas piring sidebar. Semoga bermanfaat.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Fan Page Blog Anda di Facebook

Facebook kini telah menjadi suatu budaya yang merajalela akhir-akhir ini. Bahkan kabarnya Google telah memberikan pagerank 10 kepada Facebook. Dari orok sampai engkong-engkong, seluruh lapisan masyarakat, punya akun Facebook. Nah, Facebook bisa juga jadi ajang berpromosi untuk blog. Salah satu cara mempromosikannya adalah melalui fan page. Fan page adalah sebuah halaman untuk mempromosikan produk, seperti baju, barang elektronik atau lainnya. Bisa juga untuk mempromosikan blog kita.

Oh, ya. Sebelumnya jangan lupa jadi penggemar blog ini. Nih alamatnya: http://www.facebook.com/pages/Tips-Trik-Matematika-Tutorial-Blogging-Muhammad-Rizki-Fadillahs-Blog/277782561876. Forum Blogger juga ada loh fan page-nya... Disini nih: http://www.facebook.com/pages/Forum-Para-Blogger/118685308155906. Ok... kita mulai saja.

1. Pertama-tama login ke Blogger, eh, login ke Facebook.

2. Sesudah login, ketiklah alamat http://facebook.com/pages.
3. Lalu, klik tombol Create Page
4. Lalu kan ada dua kolom tuh... Nah, isikan yang kiri, yang Official Page. Lalu pada bagian Create a Page for a: pilih radio button Brand, product, or organization lalu pilih Website pada menu drop-down yang keluar. Lalu isikan dengan nama website anda pada kotak teks Page name:. Jangan lupa centangi tanda centang dibawahnya, lalu klik Create Official Page.
Fanpage anda kini telah jadi. Anda bisa mengisi wall-nya, membuat notes, mengedit informasi, atau menyarankannya (suggest) kepada teman anda.
Sedikit ilmu yang saya bagi kepada anda. Meja makan kakinya empat. Sekian semoga bermanfaat!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Pengunjung Betah Berada di Blog Anda

Sebelum masuk ke postingan utama, ada baiknya kita intermezo terlebih dahulu. Nanti biar nggak kaget "kok langsung masuk ke inti postingan?".

Pertamax-tamax saya akan berpromosi seputar Forum Blogger. Forum Blogger kini masih sepi jadi ayo buruan gabung dan promosikan blog anda di Forum Blogger.

Sudah cukup segitu intermezonya. Kedikitan? Mau promosi panjang lebar lagi? Hehehe... Sekarang kita langsung saja ke inti permasalahannya. Pengunjung bisa datang dari mana saja. Entah dari mesin pencari, jejaring sosial seperti Facebook, forum, dan dari yang lainnya. Nah, pengunjung itu akan melihat isi blog anda, dan bila ia tertarik, maka ia akan menjelajah seluruh isi blog anda.

Nah, ini ada beberapa trik, untuk membuat pengunjung anda betah berada di blog anda.

1. Masukkan link ke artikel yang berhubungan dengan kata/kalimat yang anda ketik. Misalnya anda sudah pernah menulis artikel "Mau Eksis? Jangan Lebay, Plis!" maka misalkan anda mengetikkan kata "lebay" atau "jangan lebay", maka buatlah link menuju artikel tersebut.

2. Pasang widget yang mengandung link ke postingan lama anda. Misalnya seperti widget arsip blog atau artikel terkait. Nah, pengunjung bisa saja akan tertarik dengan artikel lain di blog anda dan tetap betah di blog anda. Anda juga bisa membuat link daftar isi sendiri secara manual.
3. Pasang fitur pencarian di blog anda. Ini untuk memudahkan pengunjung dalam mencari artikel di blog anda, dan mereka akan betah berada di blgo anda. (Silakan baca: Memasang Search Engine pada Blog dan Cara Membuat Search Engine dengan Mudah dan Cepat)

4. Percepat loading blog anda. Meskipun artikel anda bagus dan menarik, tetapi loading blog anda sangat lambat maka pengunjung pun akan malas berkunjung ke blog anda. Apalagi pada setiap mereka tertarik melihat artikel di blog anda, mereka harus menunggu lama untuk melihat postingan anda. Untuk itu percepat loading blog anda. Salah satu caranya adalah dengan mengompres CSS anda. Ada banyak tool di dunia maya untuk urusan seperti ini. Seperti CSS Compressor, atau CSS Drive Gallery. (Silakan baca: Cara Mempercepat Loading Blog)
Sudah cukup segitu saja. Intinya pengunjung akan betah berada di blog anda jika artikel-artikel anda menarik, dan didukung dengan loading blog yang cepat. Semoga bermanfaat!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Operasi Hitung Campuran

Konsultasi Matematika,  Operasi Hitung Campuran
Udah lama nih nggak posting-posting soal matematika. Terselingi dengan artikel seputar tutorial blog dan modifikasi template. Bukan apa-apa, selain saya bingung menentukan topik apa yang akan saya bahas, dengan kata lain kehabisan ide.

Ada yang bilang saya jarang update, tetapi saya tetap update kok, hanya saja tidak 1 hari sekali. Yang penting jangan terlampau tidak update alias hiatus. Tapi jangan juga terlalu sering update (silakan baca: Mau eksis? Jangan lebay, plis!). Bukan apa-apa karena waktu online saya terbatas.

Sudah cukup intermezo kali ini, nah kini, semoga bermanfaat. Loh, belom mulai? Saya pikir sudah selesai jadi saya langsung ucapkan saja "Semoga bermanfaat" Ohh... ternyata belum mulai toh... Ok kita langsung saja ke topik pembahasan. Dalam matematika ada beberapa operasi hitung. Seperti: tambah, kurang, kali, bagi, akar dan pangkat. Yang harus diperhatikan adalah bila beberapa operasi hitung digabung dalam satu persamaan, maka harus diperhatikan bahwa:
  • Yang berada didalam tanda kurung dikerjakan terlebih dahulu.
  • Perpangkatan dan akar harus didahulukan daripada pertambahan/pengurangan/perkalian/pembagian.
  • Perkalian dan pembagian lebih utama daripada pertambahan/pengurangan.
Jadi urutan mulai dari yang paling utama hingga selanjutnya adalah Tanda kurung > Perpangkatan dan akar > Perkalian dan pembagian > Penjumlahan dan pengurangan.

Misal:
4 + 2 x 10 - 9
Jadi kita anggap saja pada perkalian ada tanda kurungnya. Dijelaskan di atas bahwa operasi matematika dengan tanda kurung lebih diutamakan. Jadi seolah-olah seperti ini.
4 + (2 x 10) - 9
Jadi akan lebih mudah mengerjakannya. 4 + (2 x 10) - 9 = 4 + 20 - 9 = 15.

Contoh lain.
5 + (13 + 62 x 2) : (√100 + 7)
Jadi sama seperti diatas, anggap saja seperti ini.
5 + ((13 + (62 x 2)) : (√100 + 7))
5 + ((13 + (36 x 2)) : (10 + 7))
5 + ((13 + 72) : 17)
5 + (85 : 17)
5 + 5
10
Sudahlah... tidak usah berpanjang lebar lagi. Yang penting anda mengerti. Apabila anda kurang mengerti, anda bisa bertanya lebih jauh melalui komentar atau melalui email ke saya. Atau ada yang mau mengoreksi atau memberikan saran silakan, berkomentarlah atau kirim email ke saya. Komentar anda akan membangun blog ini menjadi blog yang lebih baik lagi. Akhir kata, semoga bermanfaat.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Pengikut

Follow via NetworkedBlogs



Jangan lupa jadi fans Muhammad Rizki Fadillah's Blog di Facebook. Klik link di bawah ini.

http://www.facebook.com/pages/Tips-Trik-Matematika-Tutorial-Blogging-Muhammad-Rizki-Fadillahs-Blog/277782561876

Setelah mengklik link diatas, klik tombol Become A Fan untuk menjadi fans Muhammad Rizki Fadillah's Blog.