Cara Pasang Widget Alexa Rank

Alexa Rank, sama halnya seperti Google Pagerank, akan meningkatkan gengsi si pemilik blog apabila nilainya bagus. Nah, apabila anda ingin agar pengunjung tahu Alexa Rank anda dan anda juga bisa mengamati perkembangan Alexa Rank anda, pasanglah widget Alexa Rank di blog anda. Begini caranya.

1. Kunjungi situs alexa.com

2. Klik pada bagian For Site Owners.

3. Lalu klik Learn More pada bagian Site Widgets.

4. Lalu ketikkan alamat situs anda pada bagian Alexa Traffic Rank Button. misalnya muhammadrizkifadillah.blogspot.com

5. Lalu klik Build Widget.

6. Pilih style yang diinginkan, lalu copy kode HTML yang diberikan.

7. Login ke Blogger dengan akun anda.

8. Lalu klik Tata Letak > Elemen Halaman.

9. Lalu klik Tambah Gadget.

10. Pilih pilihan HTML/Javascript.

11. Pada konten/isi, paste kode yang diberikan.

12. Lalu klik Simpan.

13. Lalu atur posisinya.

14. Klik Simpan.

Sekarang pengunjung bisa mengetahui Alexa Rank anda dan anda bisa memantau perkembangan Alexa Rank anda.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Navigasi Scroll

Anda tahu navigasi scroll? Navigasi scroll adalah navigasi yang jika dinaikturunkan dia akan tetap berada di posisinya (atas/bawah). Langsung saja kita membuatnya.

Pertama-tama, login dulu ke Blogger, lalu lakukan langkah-langkah berikut.

1. Klik Tata Letak > Edit HTML.

2. Backup template dulu. Klik Download Template Lengkap.

3. Cari kode berikut

]]></b:skin>
4. Di atasnya, ketikkan seperti berikut ini.
/* Navigasi
----------------------------------------------- */
#navigasi{
background-color:black; /*warna latar belakang*/
z-index:10;
width:100%; /*lebar*/
height:20; /*tinggi*/
position:fixed;
bottom:0;
text-align:center;
color:white; /*Warna tulisan */
font-family:Verdana; /*jenis font*/
}
5. Kemudian simpan template.

6. Beralih ke Elemen Halaman, klik Tambah Gadget di bagian footer.

7. Pilih bagian HTML/Javascript.

8. Ketikkan kode berikut ini.
<div id="navigasi">
Isi Menu
</div>
Isi menu bisa berupa link, atau teks.

9. Lalu klik Simpan.

Sedikit catatan, trik ini tidak akan bekerja pada Internet Explorer. Karena itu saya sarankan untuk menaruhnya di bagian Footer.

Contoh dari scroll navigasi bisa dilihat di SINI.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Mengganti Background Blockquote Dengan Gambar

Blockquote adalah kutipan yang bisa digunakan untuk mengutip perkataan orang lain atau untuk menjelaskan intisari dari suatu bacaan. Agar blockquote tidak tampil seadanya, kita bisa menambahkan gambar sebagai backgroundnya.

Pertama-tama, anda harus membuat gambarnya dulu. Lalu diupload ke image hosting, seperti Photobucket, Flickr, atau yang lainnya.

Lalu lakukan langkah-langkah berikut.

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

2. Backup template untuk menghindari hal-hal yang tidak diinginkan. Klik Download Template Lengkap.

3. Kalau sudah, cari kode seperti berikut (tanpa mencontreng kotak Expand Template Widget).

.post blockquote {
margin:1em 20px;
padding: 10px 10px 10px 10px;
}
4. Letakkan kode berikut sebelum tanda tutup kurung kurawal.
background:url(GAMBAR) repeat;
GAMBAR adalah url dari gambar yang sudah diupload ke image hosting. Sehingga menjadi seperti ini.
.post blockquote {
margin:1em 20px;
padding: 10px 10px 10px 10px;
background:url(GAMBAR) repeat;
}
5. Lalu klik Simpan Template.

6. Lihat hasilnya.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Mencari Panjang Sisi Miring Segitiga Siku-siku Menggunakan Rumus Phytagoras

Selamat Hari Raya Idul Adha! Di hari yang berbahagia ini kita akan membahas tentang rumus Phytagoras.

Anda pasti tak asing lagi dengan rumus ini. Rumusnya sebagai berikut:

a2 + b2 = c2
a adalah sisi alas (horizontal), b adalah sisi tinggi (vertikal), sedangkan c adalah sisi miring. Untuk lebih jelasnya bisa dilihat pada gambar ini.
Segitiga Siku-Siku, Tips Trik Matematika
Bagaimana? Sudah jelas kan?

Untuk mencari masing-masing sisi digunakan rumus berikut:
Untuk mencari a:

a = √(c2 - b2)

Untuk mencari b:

b = √(c2 - a2)

Untuk mencari c:

c = √(a2 + b2)
Contoh soal:

Sebuah segitiga siku-siku dengan sisi alas 5 cm dan sisi tinggi 12 cm. Berapakah sisi miringnya?

Jawab:
Diketahui:

a = 5 cm
b = 12 cm

Ditanya:

c = ?

Penyelesaian:

c = √(a2 + b2)
c = √(52 + 122)
c = √(25 + 144)
c = √169
c = 13

Jadi, sisi miringnya adalah 13 cm.
Contoh soal lainnya:

Sebuah segitiga siku-siku dengan garis alas 9 cm dan garis miring 15 cm. Berapakah kelilingnya?

Jawab:
Diket:

a = 9 cm
c = 15 cm

Dit:

k = ?

Peny:

Mula-mula, kita harus mencari sisi tinggi (b) dulu.

b = √(c2 - a2)
b = √(152 - 92)
b = √(225 - 81)
b = √144
b = 12

Lalu, karena b sudah ditemukan, maka kita bisa mencari kelilingnya.

k = a + b + c
k = 9 + 12 + 15
k = 36

Jadi, keliling segitiga tersebut adalah 36 cm.
Cukup sekian tips trik matematika kali ini. Jangan malu bertanya apabila ada kesulitan dalam mempelajari trik kali ini. Dan, Selamat Hari Raya Idul Adha.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Mengolah Rumus

Mungkin anda tahu rumus keliling persegi panjang. Tapi apakah anda tahu rumus untuk mencari panjang dari suatu persegi panjang bila diketahui kelilingnya dan lebarnya?

Sekarang kita akan belajar mengolah rumus. Untuk mengolah rumus, kita harus berpedoman pada patokan-patokan berikut.

  1. Tambah lawannya kurang.
  2. Kali lawannya bagi.
  3. Pangkat lawannya akar.
Kita akan mengolah rumus yang gampang dulu. Misalnya keliling persegi panjang.

Rumus persegi panjang adalah seperti ini:
k = 2 x (p + l)
Dimana K adalah keliling, p adalah panjang, dan l adalah lebar.

Misalkan yang dicari adalah p (panjang). Karena k adalah 2 x (p + l), maka p + l adalah k/2, karena k = 2 x (p + l). Ingat, lawan dari kali adalah bagi.

Lalu karena p + l adalah k/2, maka p adalah (k/2) - l. Karena p ditambah l adalah k dibagi 2. Ingat! lawan dari penjumlahan adalah pengurangan.

Maka rumusnya seperti ini:
p = k/2 - l

Penjelasan:
Misal:

k = 50 cm
l = 15 cm

Maka:

k = 2 x (p + l)
50 = 2 x (p + 15)
50/2 = p + 15
25 = p + 15
p = 25 - 15
p = 10 cm

Sekarang kita coba rubah p menjadi angka 10.

k = 2 x (p+l)
50 = 2 x (10 + 15)
50 = 2 x 25
50 = 50

Sekarang kita akan mengolah rumus yang lebih rumit. Yaitu rumus luas lingkaran.

Rumus lias lingkaran adalah:
L = π x r2
Dimana L adalah luas dan r adalah jari-jari, serta π adalah 22/7 atau 3,14.

Misalkan yang dicari adalah jari-jari. Karena L merupakan hasil kali antara π dan r2, maka r2 adalah L/π. Lalu agar ketemu nilai r, maka hasil bagi antara L dan π harus diakarpangkatdua (lawan dari pangkat adalah akar). Sehingga rumusnya menjadi seperti ini.
r = √(L/π)
Penjelasan:
Misal:

L = 616 cm2
π = 22/7

Maka:

L = π x r2
616 = (22/7) x r2
616/(22/7) = r2
616 x (7/22) = r2
196 = r2
r = √196
r = 14 cm

Sekarang kita rubah r menjadi 14.

L = π x r2
616 = (22/7) x 142
616 = (22/7) x 169
616 = 616
Mungkin anda tidak mengerti. Tapi anda harus terus belajar untuk menguasai cara mengolah rumus. Jangan malu bertanya apabila ada kesulitan. Caranya komentarlah dibawah ini. Malu bertanya sesat di jalan...
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Mengganti Logo Google

Anda bosan dengan logo Google yang begitu-begitu aja? Mungkin anda ingin merubahnya menjadi nama anda? Kini hal itu bukan cuma angan-angan belaka. Dengan beberapa langkah yang akan dijabarkan, anda bisa membuat halaman seperti Google dengan nama anda. Berikut adalah cara mengganti logo google dengan nama anda.

1. Kunjungi situs funnylogo.info/create.asp

2. Ketikkan nama yang diinginkan. Bisa nama anda, nama pacar, nama perusahaan, apa aja boleh .

3. Pilih style yang diinginkan. Ada banyak yang bisa dipilih. Ada logo Google, Yahoo, Harry Potter, dan masih banyak lagi.

4. Lalu klik Create My Search Engine

5. Lalu akan terpampang logo google dengan nama anda.

Untuk membuatnya menjadi homepage, lakukan langkah-langkah berikut (untuk Firefox).

1. Copy alamat search engine tersebut.

2. Klik Tools > Options.

3. Pada bagian Home Page, Paste alamat search engine tersebut.

4. Klik OK.

Untuk browser lain, caranya bisa dicari sendiri.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Menjajal Yahoo Mim

Yahoo meluncurkan layanan baru yaitu Yahoo Mim. Cara untuk bergabung di layanan ini, tentu saja sudah harus punya akun Yahoo. Lalu klik Buat mim anda pada bagian pojok kanan atas. Lalu ikutilah langkah selanjutnya.

Fitur-fitur yang ada bisa dibilang hebat. Anda bisa men-share teks (tulisan), foto, video, atau musik. Untuk foto anda bisa mengambil dari komputer anda atau mengambil dari web. Untuk video anda bisa menaruh link video dari Youtube. sedangkan untuk musik, anda bisa menaruh link musik yang telah diupload ke web hosting.

Selamat bermain Yahoo Mim ria. Jangan lupa follow saya ya. mim.yahoo.com/muhammadrizkifadillah
KLIK DISINI UNTUK BACA SELENGKAPNYA

Memposting Secara Terjadwal

Banyak orang yang ingin ngeblog, tetapi waktunya sangat sempit. Misalnya hanya sempat ngeblog pada saat weekend saja.

Luangkanlah waktu untuk menulis artikel sebanyak-banyaknya pada saat weekend, lalu posting secara terjadwal.

Begini caranya.

1. Login ke blogger, lalu klik ENTRI BARU.

2. Tulis posting seperti biasanya.

3. Lalu, setelah selesai menulis posting, klik Post Options.

4. Aktifkan radio button pada bagian Dijadwalkan pada (pada bagian Post tanggal dan waktu).

5. Tulis tanggal penerbitan pada bagian atas. Formatnya yy/mm/dd (tahun-bulan-tanggal).

6. Lalu dibawahnya, isi dengan jam penerbitan. Formatnya jj:mm (jam-menit).

7. Lalu klik TERBITKAN ENTRI.

Akan ada pemberitahuan bahwa posting akan diterbitkan otomatis pada tanggal dan jam yang telah anda tentukan.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Tips Mengcopas Artikel

Pada postingan bahaya menduplikat konten saya pernah menjabarkan bahaya-bahaya menjiplak artikel. Namun apabila anda masih tetep ingin mengcopas artikel, ikutilah tips berikut ini.

1. Minta izin ke pemilik blog.

Hal ini biasanya sering terlupa. Berkomentarlah dulu di artikelnya apabila ingin mengcopas artikel tersebut. Bertanyalah apakah anda boleh mengcopas artikel si pemilik blog. Apabila boleh, lanjutkan. Apabila tidak, maka jangan mengcopas artikelnya.

2. Modifikasi sedikit kontennya.

Apabila anda mengcopas suatu artikel, maka jangan 100 persen copas. Modifikasi sedikit. Agar tidak dianggap duplikat konten oleh Google.

3. Menyebutkan sumber.

Ada beberapa blog yang membolehkan agar blognya dicopas tetapi dengan syarat harus menyebutkan sumber, tetapi ada juga blog yang membolehkan orang mengcopas tanpa sumber (seperti blog ini misalnya). Tetapi tetap mencantumkan sumber, meskipun dibolehkan untuk mengcopas tanpa sumber.

Saya harap anda mengerti tata cara mengcopas dengan tata krama.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Mengotak-atik Link

Link adalah tautan menuju ke situs lain, atau bagian tertentu dari suatu situs. Secara default link sudah disesuaikan oleh pembuat template, tetapi anda bisa mengotak-atik tampilan link tersebut. Tentu untuk memodifikasinya anda perlu pengetahuan soal CSS. Begini caranya memodifikasi link.

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

2. Backup dulu template untuk menghindari pencurian, eh... hal-hal yang tak diinginkan. Klik Download Template Lengkap.

3. Kalau sudah, cari kode yang mirip kode dibawah TANPA mencontreng kotak Expand Template Widget.

a:link {
color:$linkcolor;
}
a:visited {
color:$vlinkcolor;
}
a:hover {
color:$vlinkcolor;
}
a img {
border-width:0;
}
Kenapa saya katakan mirip? Karena memang masing-masing template berbeda-beda (ya iya lah... masa ya iya dong. Duren aja dibelah, bukan dibedong... ).

Dan ini keterangan dari kode diatas.
  • a:link yaitu link biasa, yang belum dikunjungi.
  • a:visited yaitu link yang telah dikunjungi.
  • a:hover yaitu link ketika kursor mouse berada di atasnya (hover).
  • a img yaitu link dalam gambar.

Nah, untuk merubah warnanya, ubah saja bagian color:$linkcolor; dengan warna yang diinginkan (kecuali link image). Usahakan warna kontras dengan warna background. Sedangkan untuk merubah ukurannya, tambahkan kode berikut sebelum tanda tutup kurung kurawal (}): font-size:UKURAN; (kecuali link image). Sedangkan agar membuat link menghilang (selain link image), tambahkan kode berikut (juga sebelum tanda tutup kurung kurawal): visibility:hidden;. Apabila anda ingin agar link menjadi bergaris bawah (juga selain link image), ubah saja kode text-decoration:none; menjadi text-decoration:underline;.

Untuk link image, kita hanya bisa memodifikasi border. Untuk mengubah tebal border (garis pinggir) ubah bagian border-width:0; menjadi bernilai berapa saja. Sedangkan untuk mengubah warna border, ketikkan kode berikut sebelum tanda kurung kurawal: border-color:WARNA;. Warna bisa berupa kode hex atau nama warna yang diinginkan (dalam bahasa Inggris).

Misalnya anda ingin membuat link biasa berwarna hijau, ketika hover menghilang dan yang sudah dikunjungi berwarna merah dengan garis bawah, serta untuk link gambar dengan garis pinggir berwarna biru dengan ketebalan 2 piksel, maka ubahlah seperti ini:
a:link{
color:green;
}
a:visited{
color:red;
text-decoration:underline;
}
a:hover{
visibility:hidden;
}
a img{
border-width:2px;
border-color:blue;
}
Saya harap anda mengerti tentang trik kali ini. Apabila ada pertanyaan, komentar saja dibawah.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Panduan Membuat Situs Web Untuk Pemula (Part 4)

Kali ini kita akan membahas tentang cara mengubah latar belakang pada situs web yang kita buat dengan gambar.

Pertama-tama gambar harus kita buat. Gambar bisa dibuat dengan program pengolah gambar seperti Photoshop, Paint, CorelDraw, atau yang lainnya. Gambarnya berformat .jpg dan simpan di tempat anda menyimpan file situs web. Jika sudah, lakukan langkah berikut.

Buka Notepad dan ketikkan seperti berikut.

<html>
<head>
<title>Image</title>
</head>
<body style="background:url(NAMAFILE.jpg) repeat;" text="WARNA TEKS">
Ini hanya percobaan
</body>
</html>
Ganti tulisan NAMAFILE dengan nama gambar yang telah anda siapkan. Sedangkan WARNA TEKS adalah warna teks. Usahakan agar warna teks kontras dengan gambar background.

Tulisan "repeat" adalah perintah untuk mengulang gambar. Apabila anda hanya ingin mengulang secara horizontal maka ketiklah "repeat-x" sehingga seperti ini.
<html>
<head>
<title>Image</title>
</head>
<body style="background:url(NAMAFILE.jpg) repeat-x;" text="WARNA TEKS">
Ini hanya percobaan
</body>
</html>
Apabila anda hanya ingin mengulang secara vertikal maka ketiklah "repeat-y" sehingga menjadi seperti ini.
<html>
<head>
<title>Image</title>
</head>
<body style="background:url(NAMAFILE.jpg) repeat-y;" text="WARNA TEKS">
Ini hanya percobaan
</body>
</html>
Dan apabila anda tidak ingin mengulang ke horizontal ataupun ke vertikal, ketiklah "no-repeat" sehingga menjadi seperti ini.
<html>
<head>
<title>Image</title>
</head>
<body style="background:url(NAMAFILE.jpg) no-repeat;" text="WARNA TEKS">
Ini hanya percobaan
</body>
</html>
Ya sudah, untuk kali ini segini saja dulu. Terima kasih untuk perhatiannya.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Tabel Matematika

X012345678910
000000000000
1012345678910
202468101214161820
3036912151821242730
40481216202428323640
505101520253035404550
606121824303642485460
707142128354249566370
808162432404856647280
909182736455463728190
100102030405060708090100

Tabel matematika berfungsi untuk mempermudah operasi perkalian dan pembagian.

Cara penggunaan:

Contoh: 6 x 7

1. Cari angka 6 di baris horizontal yang berwarna merah (baris pertama).

2. Cari angka 7 di kolom pertama.

3. Tarik garis dari angka 6 dan 7 sampai bertemu.

Hasilnya 42.

X012345
6
78910
0000000
0
0000
1012345
6
78910
20246810
12
14161820
303691215
18
21242730
4048121620
24
28323640
50510152025
30
35404550
60612182430
36
42485460
7
0
7
14
21
28
35
42
49566370
808162432404856647280
909182736455463728190
100102030405060708090100

Tabel ini juga bisa digunakan untuk menyelesaikan soal pembagian. Caranya begini.

Contoh: 72/8

1. Cari angka 8 pada baris pertama.

2. Tarik garis kebawah sampai ketemu angka 72.

3. Tarik garis ke kiri. Angka yang berwarna merah (kolom paling kiri) adalah hasilnya.

72/8 = 9

X01234567
8
910
000000000
0
00
101234567
8
910
202468101214
16
1820
3036912151821
24
2730
40481216202428
32
3640
505101520253035
40
4550
606121824303642
48
5460
707142128354249
56
6370
808162432404856
64
7280
9
0
9
18
27
36
45
54
63
72
8190
100102030405060708090100

Apabila anda ingin memasang tabel matematika ini di situs/blog anda, copas kode dibawah ini.

KLIK DISINI UNTUK BACA SELENGKAPNYA

Bahaya Duplikat Konten

Penjiplakan, atau yang lebih keren disebut plagiat, sangat marak terjadi di dunia maya bak jamur pada musim hujan. Sebuah artikel pada suatu situs sangat mudah dicopas oleh orang-orang.

Ada orang yang mencegah agar blognya tidak dicopas. Misalnya dengan cara mendisable klik kanan. Tetapi saya rasa cara tersebut tidak perlu.

Ini adalah beberapa bahaya menduplikat konten.

1. Membuat kita menjadi pemalas.
2. Membuat kita dibenci penulis asli yang menulis artikel tersebut.
3. membuat kita dicap sebagai plagiator (kayak D'Masiv).
4. Rangking blognya turun di SERP.

Tetapi, ada pengecualian. Apabila ada artikel lain bertema sama dengan artikel kita, jangan langsung dicap sebagai copas. Bisa saja dia terinspirasi lalu membuat artikel dengan tema sama tetapi menggunakan gayanya sendiri. Bahkan, bisa dijadikan kompetisi. Siapa yang rangkingnya lebih tinggi di SERP dan disukai banyak orang. Jadi, tema sama tidak berarti copas. Seperti saya kutip di sini, apabila anda tidak ingin artikelnya dicopas, maka jangan dipublish.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Lirik Lagu: Nidji - Pahlawan Mimpi (OST Sang Pemimpi)

Lirik Lagu: Nidji - Pahlawan Mimpi (OST Sang Pemimpi)

Nidji – Pahlawan Mimpi (OST Sang Pemimpi)

waktuku kecil ku bermimpi

Bermain di bawah langit yang biru

Dengan cintan dan awan

Hati kecilku pun melihat

Dunia tak seindah di mata

Dan aku berkata

Saatnya memberikan yang terbaik

Untuk hidup

yang lebih baik

Jadilah engkau

pahlawan cinta

Yang mewujudkan

cinta di dunia

Jadilah engkau

pahlawan mimpi

Yang mewujudkan

mimpi yang tertunda

Tulislah kisah cinta di hati

Agar kau tak

gampang menyerah

Jangan gampang menyerah


Lirik lagu Nidji – Pahlawan Mimpi (OST Sang Pemimpi) ini dipersembahkan oleh LirikLaguIndonesia.Net. Kunjungi DownloadLaguIndonesia.Net untuk download MP3 Nidji – Pahlawan Mimpi (OST Sang Pemimpi).

KLIK DISINI UNTUK BACA SELENGKAPNYA

Lirik Lagu: Nidji - Sang Mantan

Dibawah ini adalah lirik lagu Nidji - Sang Mantan.

Nidji – Sang Mantan

dulu aku kau puja

dulu aku kau sayang

dulu aku sang juara

yang selalu engkau cinta

kini roda telah berputar

kini aku kau hina

kini aku kau buang

jauh dari hidupmu

kini aku sengsara

roda memang telah berputar

mana janji manismu

mencintaiku sampai mati

kini engkau pun pergi

saat ku terpuruk sendiri

akulah sang mantan

akulah sang mantan

sakit teriris sepi

ketika cinta telah pergi

akulah sang mantan

akulah sang mantan

mana janji manismu

setia sampai aku mati

kini engkau pun pergi

saat ku jatuh dan sendiri

mana janji manismu

mencintaiku sampai mati

kini engkau pun pergi

saat ku terpuruk sendiri

akulah sang mantan

akulah sang mantan

akulah sang mantan

akulah sang mantan

mana janji-janjimu


Lirik lagu Nidji – Sang Mantan ini dipersembahkan oleh LirikLaguIndonesia.Net. Kunjungi DownloadLaguIndonesia.Net untuk download MP3 Nidji – Sang Mantan.

KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Menciutkan Alexa Rank

Alexa Rank, seperti halnya Google Pagerank, akan meningkatkan gengsi si pemilik blog apabila rankingnya bagus. Tapi, apakah anda tahu apa yang dimaksud dengan Alexa Rank?

Yang saya maksud adalah Alexa Rank, bukannya Alexa Band yang nyanyi lagu "Dewi" itu lho . Berbeda dengan Google Pagerank, jika nilai Alexa Rank semakin kecil semakin bagus. Sedangkan pada Google Pagerank, lebih besar lebih bagus. DDan apabila nilai Alexa Rank anda cukup bagus, maka para pengiklan akan berebut memenuhi space iklan di blog anda .

Nah, ini adalah beberapa tips untuk menciutkan Alexa Rank anda. Insya Allah, apabila dikerjakan dengan baik, maka hasilnya akan memuaskan .

1. Blogwalking.

Dengan blogwalking, isilah shoutbox mereka, dan komentarlah di postingan blog yang anda kunjungi. Kunjungi situs blogsearch.google.com, ketikkan kata kunci apa saja, dan jelajahilah blog-blog lain.

2. Update.

Update posting juga perlu. Konsistenlah dalam mengupdate konten blog. Misalnya apabila anda hanya bisa membuat 1 artikel per minggu, konsistenlah.

3. Gabung ke jejaring sosial.

Gabunglah ke jejaring sosial seperti Facebook, Twitter, Yahoo! Meme, dan yang lainnya. Berilah link ke postingan blog anda. Trafik akan melonjak dan Alexa Rank semakin menciut.

4. Link Exchange.

Ini juga penting. misalnya blog yang mempunyai trafik tinggi kemudian meletakkan link ke blog anda, maka otomatis trafik blog anda juga ikutan melonjak.

Sudah cukup segitu. Apabila dikerjakan semuanya dengan benar, Insya Allah, Alexa Rank anda akan semakin menciut.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Panduan Membuat Situs Web Untuk Pemula (Part 3)

Pada panduan membuat situs web untuk pemula part 2, saya membahas tentang cara mengaplikasikan beberapa tag dan mengganti layar belakang situs. Kali ini, kita akan membahas tentang cara membuat layout situs. Untuk membuat layout situs, sebenarnya kita perlu pengetahuan mendalam tentang CSS. Namun karena kita hanya akan membuat situs web yang "sederhana", maka kita tidak akan memperdalam pengetahuan tentang CSS. Langsung saja, tanpa basa-basi dan membicarakan tentang kasus KPK dan Polri, apalagi sampai ngomongin skandal Bank Century (halah, bilang aja mau ngincar keyword! ).

Pada dasarnya, layout blog ini bisa dengan 2 cara. Cara pertama, buat stylenya dulu (menggunakan tag <style type="text/css">) lalu dimasukkan dengan kode <div id="...">. Atau cara kedua yaitu style dimasukkan kedalam tag <div style="...">.

Contoh style yang dimasukkan ke dalam <style type="text/css">:

<html>
<head>
<title>Situs Webku</title>
<style type="text/css">
#sidebar{
width:200px;
float:left;
}
#main{
width:400px;
float:right;
}
</style>
</head>
<body bgcolor="lime">
<div id="sidebar">
<h3>Navigations</h3>
<hr/>
<a href="#">Link 1</a><br/>
<a href="#">Link 2</a><br/>
<a href="#">Link 3</a><br/>
</div>
<div id="main">
<h2>Percobaan</h2>
<hr/>
Ini adalah situs web percobaan.
</div>
</body>
</html>
Dan ini adalah contoh style yang dimasukkan ke dalam tag <div style="...">.
<html>
<head>
<title>Situs Web</title>
</head>
<body bgcolor="lime">
<div style="width:200px; float:left;">
<h3>Navigasi</h3>
<hr/>
<a href="#">Link 1</a><br/>
<a href="#">Link 2</a><br/>
<a href="#">Link 3</a><br/>
</div>
<div style="width:400px; float:right;">
<h2>Percobaan</h2>
<hr/>
Ini adalah situs web percobaan.
</div>
</body>
</html>
Pada dasarnya kedua cara tersebut adalah sama. Jadi kedua hasil tersebut akan sama.

Cukup segini tutorial kali ini. Diharapkan anda mengerti tentang cara membuat situs web sederhana.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Mengecek Posisi Blog Di SERP (Search Engine Results Page)

Bagi anda yang mengikuti sebuah kontes SEO pastinya ingin tahu urutan blognya di SERP (Search Engine Results Page). Nah untuk mengecek posisi anda di SERP dengan kata kunci tertentu, begini caranya.

1. Kunjungi situs www.seoserp.com/google_page_rank/1000_serp.asp

2. Pilih Google yang anda inginkan. Misalnya: google.co.id

3. Pada Target Keywords masukkan kata kunci yang dijadikan incaran. Misalnya: Tips Trik Matematika

4. Lalu pada bagian and your domain or URL masukkan alamat blog anda. Misalnya: muhammadrizkifadillah.blogspot.com

5. Lalu klik Submit Query.

6. Lihat hasilnya. Apabila blog anda ada di top 1000, maka blog anda akan terpampang antara rank 1 sampai dengan 1000. Apabila blog anda tidak ada di top 1000, anda perlu mengoptimasi SEO lebih keras lagi.

Selamat berjuang di kontes SEO! Good luck!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Email Me

Isi form dibawah ini untuk mengirim e-mail ke saya.

Nama anda*
Alamat e-mail anda.*
Judul pesan*
Isi pesan*
Spam Protection*Please enter the text from the image
Refresh Help captcha
Note: * fields are required.

KLIK DISINI UNTUK BACA SELENGKAPNYA

Terima Kasih

Terima kasih, email anda sudah kami tampung.

Klik gambar dibawah untuk kembali ke halaman utama.



KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Layout Sidebar Atas dan Bawah

Seperti biasa ritual saya adalah berkelana dari satu blog ke blog lainnya. Nah, ketika saya berkelana, saya menemukan banyak blog dengan banyak variasi template. Nah, salah satunya template dengan sidebar atas dan sidebar bawah.

Yang dimaksud sidebar atas, adalah sidebar, yang dibawah bagian sidebar tersebut ada sidebar yang terbagi dua. Setelah bagian sidebar yang terbagi dua itu, lalu ada lagi sidebar yang seolah-olah menyambung lagi dua bagian yang terpisah. Apabila dengan deskripsi tadi masih kurang teraba jelas, mungkin gambar ini akan lebih memperjelas.



Sudah jelas kan? Ini dia cara-cara membuat template dengan sidebar atas dan bawah. Sebelumnya anda harus membuat blog baru dengan template Minima. Sudah? Lakukan langkah-langkah berikut.

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

2. Lalu cari kode berikut ini.
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}
#main-wrapper {
width: 410px;
float:$startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float:$endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
3. Hapus kode tersebut lalu ganti dengan kode berikut ini.
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 820px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}
#main-wrapper {
width: 420px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 360px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
padding-left:10px;
}
#sidebaratas {
width: 360px;
clear:both;
word-wrap: break-word;
overflow: hidden;
padding-bottom:10px;
}
#sidebarkiri {
width: 175px;
float:left;
word-wrap: break-word;
overflow: hidden;
padding-right:10px;
}
#sidebarkanan {
width: 175px;
float:right;
word-wrap: break-word;
overflow: hidden;
}
#sidebarbawah {
width: 360px;
clear:both;
word-wrap: break-word;
overflow: hidden;
padding-top:10px;
}
4. Cari kode berikut.
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid #cccccc;
}
5. Ganti nilai 660px menjadi 820px, sehingga menjadi seperti berikut ini.
#header-wrapper {
width:820px;
margin:0 auto 10px;
border:1px solid #cccccc;
}
6. Cari kode seperti berikut ini.
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
7. Lalu ganti juga nilaai 660px menjadi 820px, sehingga menjadi seperti ini.
#footer {
width:820px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
8. Cari kode yang mirip dengan kode berikut ini.
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
</b:section>
</div>
9. Lalu hapus dan ganti dengan kode berikut ini.
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebaratas' preferred='yes'/>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
</b:section>
<b:section class='sidebar' id='sidebarkanan' preffered='yes'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
</b:section>
<b:section class='sidebar' id='sidebarbawah' preferred='yes'/>
</div>
10. Terakhir, klik Simpan Template.

Sekarang coba lihat ke Elemen Halaman. Ada sidebar atas dan bawah kan?

Apabila ada pertanyaan atau kumplen, jangan takut untuk berkomentar.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Tabel Navigasi Dan Kotak Pencarian Berada Di Satu Baris

Tabel Navigasi dan kotak pencarian sangat klop apabila disatukan. Tabel navigasi berguna untuk meletakkan link-link ke situs lain. Sedangkan kotak search sangat berguna untuk membantu pengunjung mencari artikel di blog anda. Bila disatukan menjadi satu baris, maka hasilnya akan sangat fantastis.

Apabila anda ingin membuatnya menjadi satu baris, ikutilah trik-trik berikut.

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

2. Backup template untuk mencegah hal-hal yang tidak diinginkan.

3. JANGAN mencentang Expand Template Widget.

3. Lalu carilah kode yang mirip seperti berikut ini.

/* Header
-----------------------------------------------
*/
#header-wrapper {
width:1050px;
margin:0 auto 10px;
border:1px solid #cccccc;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 1px solid #cccccc;
text-align: center;
color:#666666;
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}
#header a {
color:#666666;
text-decoration:none;
}
#header a:hover {
color:#666666;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
}
#header img {
margin-left: auto;
margin-right: auto;
}
4. Lalu tepat di bawahnya, ketiklah seperti ini.
/* Tabel dan Search
----------------------------------------------- */
#tabeldansearch {
width: 1050px; /* Lebar bagian untuk tabel dan kotak pencarian. Sesuaikan dengan ukuran lebar header anda. */
clear:both;
margin: 0 auto;
padding: 15px 0 15px 0;
}
#tabel {
width: 740px; /* Lebar bagian untuk tabel. */
float:left;
padding-right:10px;
text-align:left;
}
#search {
width:300px; /*Lebar bagian untuk kotak pencarian. */
float:right;
text-align:right;
}
5. Lalu scroll ke bagian bawah dan cari kode yang mirip dengan kode berikut ini.
<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='Rusli Zainal Sang Visioner (Header)' type='Header'/>
</b:section>
6. Lalu tepat dibawahnya ketikkan kode seperti berikut ini.
<div id='tabeldansearch'>
<div id='tabel'><!-- Tabel navigasi -->
<table border='2'>
<td>
<a href='http://muhammadrizkifadillah.blogspot.com'>Home</a>
</td>
<td>
<a href='http://allaboutmusicishere.blogspot.com'>Info Musik</a>
</td>
<td>
<a href='http://beritaduniamaya.blogspot.com'>Berita Dunia Maya</a>
</td>
<td>
<a href='http://siapayangpantas.blogspot.com'>Belajar Seo</a>
</td>
</table>
</div>
<div id='search'><!-- Kotak Pencarian -->
<form action='http://muhammadrizkifadillah.blogspot.com/search' method='get'><input class='textinput' name='q' size='30' type='text'/><input class='buttonsubmit' name='submit' type='submit' value='search'/></form>
</div>
Ket:
  • Table border: Nilai ketebalan pinggir tabel.
  • <a href='http://beritaduniamaya.blogspot.com'>Berita Dunia Maya</a>: Link. Ganti sesuai keinginan anda. Anda bisa menambah atau mengurangi link-link tersebut.
  • muhammadrizkifadillah.blogspot.com: Ganti dengan alamat blog anda (untuk kotak pencarian).
  • 30: Ukuran kotak pencarian.
7. Lalu klik Simpan Template.

Sebagai contoh, anda bisa klik ini.

Selamat menikmati tabel navigasi dan kotak serach sejajar!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Panduan Membuat Situs Web Untuk Pemula (Part 2)

Akhirnya saya membuat seri keduanya. Di seri kedua ini kita akan membahas pengaplikasian kode yang telah dipelajari di Dasar-dasar HTML 1-4. Dan kita juga akan membahas tentang cara mengubah warna latar belakang.

Pengaplikasian kode HTML tergantung kode yang mengikutinya. Ada kode yang memerlukan tag penutup. Contohnya tag <b>...</b>, <i>...</i>, dll.. Dan ada juga yang tidak memerlukan tag penutup. Contohnya tag <br/>, dan <hr/>.

Sekarang buka Notepad, dan ketikkan seperti berikut ini.

<html>
<head>
<title>Situs web</title>
</head>
<body>
<b>Contoh teks yang tebal</b><br/>
<i>Contoh teks yang miring</i>
</body>
</html>
Lalu simpan dan lihat hasilnya.

Anda juga bisa menggabung beberapa kode. Misalnya kode untuk membuat teks yang tebal dan miring, kita bisa mengetikkan <b><i>...</i></b>.

Nah, untuk contohnya, buka Notepad lalu ketikkan seperti berikut ini.
<html>
<head>
<title>Situs web</title>
</head>
<body>
<b><i>Teks yang tebal dan miring</i></b><br/>
<b><u>Teks yang tebal dan bergaris bawah</u></b><br/>
<i><u>Teks yang miring dan bergaris bawah</u></i><br/>
<b><i><u>Teks yang tebal, miring, dan bergaris bawah</u></i></b>
</body>
</html>
Lalu simpan dan lihat hasilnya.

Nah, sekarang kita akan membahas tentang cara mengubah warna latar belakang. Untuk mengubah latar belakang, maka ubahlah kode <body> menjadi seperti ini.
<body bgcolor="lime" text="yellow" link="blue" vlink="black">
Ket:
  • bgcolor: Warna latar belakang
  • text: Warna teks
  • link: Warna link
  • vlink: warna link yang telah dikunjungi.
Warnanya bisa diisi dengan nama warnanya (dalam bahasa inggris) atau dengan kode hex dari warna yang diinginkan. Usahakan agar warna latar belakang dengan warna teks, link, dan link yang dikunjungi, kontras warnanya.

Misalnya untuk membuat latar belakang berwarna kuning dengan teks berwarna hitam, link warna hijau, dan link yang dikunjungi berwarna biru, kodenya menjadi seperti berikut ini.
<body bgcolor="yellow" text="black" link="green" vlink="blue">
Sekarang coba buka Notepad dan ketikkan seperti berikut ini.
<html>
<head>
<title>Situs web</title>
</head>
<body>
<body bgcolor="lime" text="yellow" link="blue" vlink="black">
Contoh teks<br/><br/>
<a href="#">Contoh link</a>
</body>
</html>
Coba simpan dan lihat hasilnya. Latar belakangnya menjadi warna lime. Dan warna teks biasa menjadi kuning. Warna link akan menjadi biru, dan setelah diklik warnanya akan berubah menjadi hitam.

Cukup segini Panduan Membuat Situs Web Untuk Pemula. Semoga bermanfaat. Apabila ada pertanyaan, jangan segan-segan berkomentar.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Trik Matematika: Cara Cepat Mempangkattigakan Bilangan 3 Angka.

Pada postingan sebelumnya saya pernah membahas tentang cara cepat mempangkattigakan bilangan 2 angka. Nah, sekarang saya aakan membahas cara cepat mempangkattigakan bilangan 3 angka. Langsung saja, begini rumusnya.

ABC3

A x A x A x 1000000 = D
A x A x B x 300000 = E
((3 x A x A x C) + (3 x A x B x B)) x 10000 = F
((6 x A x B x C) + (B x B x B)) x 1000 = G
((3 x A x C x C) + (3 x B x B x C)) x 100 = H
B x C x C x 30 = I
C x C x C = J

D + E + F + G + H + I + J = Hasil

Contoh:

1213

1 x 1 x 1 x 1000000 = 1000000
1 x 1 x 2 x 300000 = 600000
((3 x 1 x 1 x 1) + (3 x 1 x 2 x 2)) x 10000 = (3 + 12) x 10000 = 15 x 10000 = 150000
((6 x 1 x 2 x 1) + (2 x 2 x 2)) x 1000 = (12 + 8) x 1000 = 20 x 1000 = 20000
((3 x 1 x 1 x 1) + (3 x 2 x 2 x 1)) x 100 = (3 + 12) x 100 = 15 x 100 = 1500
2 x 1 x 1 x 30 = 60
1 x 1 x 1 = 1

1000000 + 600000 + 150000 + 20000 + 1500 + 60 + 1 = 1771561

Bingung ya? tapi saya harap anda mengerti. Apabila ada pertanyaan, silakan komentar.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Panduan Membuat Situs Web Untuk Pemula (Part 1)

Ini adalah panduan membuat situs web untuk pemula yang sederhana. Untuk membuat situs web yang kompleks dan canggih, mungkin anda perlu pengetahuan lebih tentang CSS dan Javascript. Diharapkan anda sudah mengerti dan mempelajari Dasar-dasar HTML dari seri 1 sampai seri 4. Silakan baca Dasar-dasar kode HTML seri 1, seri 2, seri 3, dan seri 4. Karena panduan ini sangat panjang, maka akan diseling dengan posting lain dan akan dibuat berseri.

HTML adalah singkatan dari Hyper Text Markup Language. Perlu anda ketahui beberapa hal tentang HTML.

1. HTML dibuka dengan tag <html> dan diakhiri dengan tag </html>

2. Tag HTML biasanya terdiri dari tag pembuka dan tag penutup. Contoh: <strike>...</strike>. Namun ada juga yang tidak memerlukan tag penutup. Tetapi tag HTML yang tidak diakhiri tag penutup, diakhiri dengan tanda garis miring (/). Contoh: <br/>, <hr/>

3. Tag HTML tidak case sensitive. Artinya huruf besar atau huruf kecil tidak berpengaruh. Contoh: <marquee> = <MARQUEE> = <Marquee> = <mARQUEE> = <MaRqUeE>.

Ada beberapa bagian dalam kode HTML. yaitu:

1. Head

Head diawali dengan kode <head> dan diakhiri dengan kode </head>. Anda bisa memasukkan judul dan meta tag diantara tag <head> dan </head>

2. Body

Body diawali dengan kode <body> dan diakhiri dengan kode </body>. Anda bisa memasukkan teks, marquee, gambar, tabel, dan kode-kode lainnya diantara kode <body> dan </body>

Mula-mula, buka Notepad. Lalu ketikkan kode berikut ini.

<html>
<head>
<title>Permulaan</title>
</head>
<body>
Ini adalah situs Web
</body>
</html>
Lalu simpan dengan nama apa saja. Asalkan berekstensi .html (Misal: Belajar bikin situs web.html). Lalu pada Save as type, pilih All Files. Lalu bukalah dokumen tersebut.

Nah, sekarang kita akan membuat teks dengan 3 baris. Bukalah notepad. Lalu ketikkan seperti berikut ini.
<html>
<head>
<title>situs web</title>
</head>
<body>
Baris ke 1
Baris ke 2
Baris ke 3
</body>
</html>
Lalu simpan dengan cara yang sama, dan lihat hasilnya.

Lho kok, tidak tiga baris?

Oh... tenang. Untuk membuatnya tiga baris, tambahkan tag <br/> di akhir paragraf/kalimat untuk membuat baris baru. Jadi kodenya seperti ini.
<html>
<head>
<title>situs web</title>
</head>
<body>
Baris ke 1<br/>
Baris ke 2<br/>
Baris ke 3<br/>
</body>
</html>
Lalu simpan. Dan lihat hasilnya. Sudah jadi tiga baris kan?

Selain menggunakan tag <br/>, anda juga bisa menggunakan kode <p>...</p>, sehingga kodenya jadi seperti berikut:
<html>
<head>
<title>situs web</title>
</head>
<body>
<p>Baris ke 1</p>
<p>Baris ke 2</p>
<p>Baris ke 3</p>
</body>
</html>
Lalu simpan dan lihat hasilnya. Coba perhatikan. Ada perbedaan antara tag <br/> dengan tag <p>...</p>. Dengan <br/>, tidak ada jeda antara baris yang satu dengan baris berikutnya. Dengan <p>...</p>, ada jeda satu baris antara baris yang satu dengan baris beikutnya.

Sekarang buka Notepad dan ketikkan seperti berikut.
<html>
<head>
<title>Contoh situs web</title>
</head>
<body>
Baris ke-1<br/>
Baris ke-2<br/>
<hr/>
<p>Paragraf ke-1</p>
<p>Paragraf ke-2</p>
</body>
</html>
Simpan dan lihat hasilnya.

Demikian panduan membuat situs web untuk pemula part 1. Apabila ada pertanyaan dengan postingan ini, silakan komen dibawah. Terima kasih.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Dasar-dasar Kode HTML 4

Ini adalah seri terakhir dari Dasar-dasar HTML berseri. Apabila anda ingin melihat-lihat yang terdahulu, klik Dasar-dasar Kode HTML 1, Dasar-dasar Kode HTML 2, dan Dasar-dasar Kode HTML 3.

Di Dasar-dasar kode HTML 4, kita akan membahas beberapa kode-kode dasar lagi.

1. Kode marquee

Untuk kode marquee sudah pernah dibahas di Ketika Link dan Banner Jumlahnya Sudah Tak Terhitung. Kali ini kita akan merefresh kembali.

Ketikkan kode ini jika marquee tidak berisi link (hanya persan).

<marquee direction="left" width="95%" scrollamount="2" height="30" align="center">Isi marquee</marquee>
Ketikkan kode ini jika marquee berisi link (misal: blogroll atau banner)

<marquee direction="left" onmouseover="this.stop()" width="95%" onmouseout="this.start()" scrollamount="2" height="30" align="center">Isi marquee</marquee>
Ket:

  • Direction: Arah (left: kiri, right: kanan, up: atas, down: bawah)
  • Width: lebar
  • Height: tinggi
  • Scrollamount: kecepatan
  • Align: posisi
Contoh:

<marquee direction="left" width="95%" scrollamount="2" height="30" align="center">Contoh marquee.</marquee>


<marquee direction="left" onmouseover="this.stop()" width="95%" onmouseout="this.start()" scrollamount="2" height="30" align="center"><a href="http://muhammadrizkifadillah.blogspot.com">Contoh marquee dengan link.</a></marquee>
Hasil:

Contoh marquee.
Contoh marquee dengan link.
2. Kode image

Kode untuk menampilkan image:
<img src="ALAMAT_IMAGE" title="TITLE IMAGE" alt="KEYWORD IMAGE"/>
Ket:
  • src: alamat gambar. Pastikan gambar sudah diupload ke hosting gambar.
  • title: tulisan yang keluar ketika kursor mouse berada di atas gambar tersebut
  • alt: keyword image
Berikut adalah contoh image yang dipakai.



Dan alamat image tersebut adalah: http://3.bp.blogspot.com/_g30iiY0E5ek/SvYotFuOB2I/AAAAAAAAABc/1k0mMXkmEHE/s320/untitled.JPG

Maka kodenya adalah:
<img src="http://3.bp.blogspot.com/_g30iiY0E5ek/SvYotFuOB2I/AAAAAAAAABc/1k0mMXkmEHE/s320/untitled.JPG" title="Contoh image" alt="Contoh image, contoh gambar, kode HTML image"/>
Dan hasilnya:
Contoh image, contoh gambar, kode HTML image
Anda juga bisa membuat link pada gambar tersebut. Apabila gambar tersebut diklik, maka keluarlah situs yang di-link pada gambar tersebut. Untuk contoh, image tersebut akan di-link ke muhammadrizkifadillah.blogspot.com

Kodenya seperti ini:
<a href="http://muhammadrizkifadillah.blogspot.com/"><img src="http://3.bp.blogspot.com/_g30iiY0E5ek/SvYotFuOB2I/AAAAAAAAABc/1k0mMXkmEHE/s320/untitled.JPG" title="Contoh image" alt="Contoh image, contoh gambar, kode HTML image"/></a>
Dan hasilnya seperti ini:
Contoh image, contoh gambar, kode HTML image
3. Daftar (list)

Untuk membuat daftar, kodenya adalah sebagai berikut:

Untuk membuat daftar dengan angka:
<ol>
<li>Daftar 1</li>
<li>Daftar 2</li>
<li>Daftar 3</li>
</ol>
Untuk membuat daftar dengan bullets:
<ul>
<li>Daftar 1</li>
<li>Daftar 2</li>
<li>Daftar 3</li>
</ul>
Anda bisa menambah kode <li> untuk menambah daftar.

Contoh:
Daftar kegiatan camping:

<ol>
<li>6:30 = Berangkat</li>
<li>9:00 = Membangun tenda</li>
<li>9:30 = Olahraga</li>
<li>11:00 = Permainan</li>
<li>12:00 = Makan siang</li>
<li>13:00 = Lintas Alam</li>
<li>15:00 = Persiapan pulang</li>
<li>15:30 = Pulang</li>
</ol>

Daftar menu:

<ul>
<li>Ikan bakar</li>
<li>Ayam bakar</li>
<li>Sate Kambing</li>
<li>Sop sapi</li>
<li>Es Teh Manis</li>
<li>Air mineral</li>
</ul>
Hasil:
Daftar kegiatan camping:

  1. 6:30 = Berangkat
  2. 9:00 = Membangun tenda
  3. 9:30 = Olahraga
  4. 11:00 = Permainan
  5. 12:00 = Makan siang
  6. 13:00 = Lintas Alam
  7. 15:00 = Persiapan pulang
  8. 15:30 = Pulang

Daftar menu:

  • Ikan bakar
  • Ayam bakar
  • Sate Kambing
  • Sop sapi
  • Es Teh Manis
  • Air mineral
Sudah dulu ya... lama-lama tangan pegel nulisnya.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Tes Kecepatan Mengetikmu

Kadangkala kita harus mengetik dengan cepat, misalnya untuk pekerjaan dan lainnya. Nah, kita akan mengetes kecepatan mengetik kita. Caranya, klik indonesian-speedtest.10-fast-fingers.com lalu ketikkan kata-kata yang ada pada kotak yang tersedia. Waktu yang diberikan 60 detik (1 menit).

Setelah selesai, maka akan keluar hasilnya. Apabila anda ingin menampilkannya di blog, anda tinggal mengcopy kode HTML yang diberikan. Lalu paste di postingan atau di layout Blogger. Masih ingat kan cara menaruh kode HTML di layout Blogger?

Saya hanya mendapatkan segini.

36 words

Speed test

Mungkin anda yang lebih cepat. Good luck!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Trik Matematika: Cara Cepat Mempangkattigakan Bilangan 2 Angka.

Kali ini kita akan membahas cara cepat mempangkattigakan bilangan 2 angka. Sebelum melanjutkan trik matematika ini, saya mau bertanya. Apa yang dimaksud dengan pangkat tiga? Yup! Betul sekali. Pangkat tiga adalah perkalian berulang sebanyak tiga kali. Misalnya, 2 pangkat tiga sama dengan 2 x 2 x 2 sama dengan 8, 3 pangkat tiga sama dengan 3 x 3 x 3 sama dengan 27.

Ini adalah cara cepat untuk mempangkattigakan bilangan 2 angka.

Rumus:

AB3

A x A x A x 1000 = C
A x A x B x 300 = D
A x B x B x 30 = E
B x B x B = F

C + D + E + F = Hasil.

Contoh:

123

1 x 1 x 1 x 1000 = 1000
1 x 1 x 2 x 300 = 600
1 x 2 x 2 x 30 = 120
2 x 2 x 2 = 8

1000 + 600 + 120 + 8 = 1728

Contoh lain:

953

9 x 9 x 9 x 1000 = 729000
9 x 9 x 5 x 300 = 121500
9 x 5 x 5 x 30 = 6750
5 x 5 x 5 = 125

729000 + 121500 + 6750 + 125 = 857375

Apabila ada pertanyaan, silakan komen dibawah.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Dasar-dasar Kode HTML 3

Posting ini adalah kelanjutan dari dasar-dasar kode HTML 2. Kali ini saya akan memberikan kode-kode lainnya.

1. Kode untuk mengatur teks.

Kode tersebut adalah:

1. <font size="1">...</font>: Untuk mengatur ukuran teks. Angka "1" bisa diganti dengan angka 1-7.
2. <font color="green">...</font>: Untuk mengatur warna teks. Nilai "green" bisa diganti dengan nama warna yang diinginkan (dalam bahasa Inggris) atau dengan kode hexadecimal dari warna yang diinginkan.

Contoh:
<font size="4">Teks dengan ukuran font 4.</font>
<font color="yellow">Teks dengan warna kuning.</font>
<font size="3" color="lime">Teks dengan font 3 dan warna lime.</font>
Hasil:
Teks dengan ukuran font 4
Teks dengan warna kuning
Teks dengan font 3 dan warna lime.
2. Tabel

Untuk tabel sudah pernah saya bahas di percantik tampilan blogmu dengan tabel. Tetapi kita akan me-refresh kembali ulasan tentang tabel tersebut.

Kodenya seperti ini.
<table border="2" width="350">
<caption>Judul Tabel</caption>
<tr>
<td align="center">
Isi Tabel 1
</td>
<td align="center">
Isi tabel 2
</td>
</tr>
<tr>
<td align="center">
Isi tabel 3
</td>
<td align="center">
Isi tabel 4
</td>
</tr>
</table>
Ket:
  • Width: Lebar tabel
  • <caption>Judul Tabel</caption>:Judul Tabel
  • Border: Garis tepi
  • Isi tabel: Isi dari tabel
Hasilnya:

Judul Tabel

Isi tabel 1

Isi tabel 2

Isi tabel 3

Isi tabel 4

3. Kode Heading.

Ada beberapa kode heading yang bisa digunakan. Yaitu:
1. <h1>...</h1>
2. <h2>...</h2>
3. <h3>...</h3>
4. <h4>...</h4>
5. <h5>...</h5>
6. <h6>...</h6>

Contoh:
1. <h1>Heading 1</h1>
2. <h2>Heading 2</h2>
3. <h3>Heading 3</h3>
4. <h4>Heading 4</h4>
5. <h5>Heading 5</h5>
6. <h6>Heading 6</h6>
Hasil:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sudah cukup segitu. Apabila ada pertanyaan, kritik atau saran, silakan komen. Terima kasih.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Trik Matematika: Cara Cepat Mengkuadratkan Bilangan 3 Angka

Saya pernah membahas tentang cara cepat mengkuadratkan bilangan 2 angka. Sekarang, kita akan membahas tentang cara cepat mengkuadratkan bilangan 3 angka.

Rumusnya adalah sebagai berikut:

ABC2

A x A x 10000 = D
A x B x 2000 = E
((2 x A x C) + (B x B)) x 100 = F
B x C x 20 = G
C x C = H

D + E + F + G + H = Hasil

Contoh:

1252

1 x 1 x 10000 = 10000
1 x 2 x 2000 = 4000
((2 x 1 x 5) + (2 x 2)) x 100 = (10 + 4) x 100 = 14 x 100 = 1400
2 x 5 x 20 = 200
5 x 5 = 25

10000 + 4000 + 1400 + 200 + 25 = 15625

Contoh lain:

6832

6 x 6 x 10000 = 360000
6 x 8 x 2000 = 96000
((2 x 6 x 3) + (8 x 8)) x 100 = (36 + 64) x 100 = 100 x 100 = 10000
8 x 3 x 20 = 480
3 x 3 = 9

360000 + 96000 + 10000 + 480 + 9 = 466489

Apabila ada pertanyaan, silakan komentar di bawah ini. Dan nantikan trik matematika selanjutnya.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Dasar-dasar Kode HTML 2

Pernah saya terangkan beberapa dasar-dasar kode HTML. apabila anda belum lihat Dasar-dasar Kode HTML 1, maka silakan klik DISINI.

Sekarang saya akan membahas lagi kode-kode HTML yang sering digunakan.

1. Kode untuk mengatur perataan teks.

Yaitu:

<div align="left">...</div>: Untuk mengatur perataan di sisi kiri.
<div align="center">...</div>: Untuk mengatur perataan di sisi tengah.
<div align="right">...</div>: Untuk mengatur perataan di sisi kanan.
<div align="justify">...</div>: Untuk mengatur perataan di sisi kiri dan kanan.

Contoh:

<div align="left">Perataan di sisi kiri (left alignment).</div>
<div align="center">Perataan di sisi tengah (center alignment).</div>
<div align="right">Perataan di sisi kanan (right alignment).</div>
<div align="justify">Perataan di sisi kiri dan kanan (justify alignment).</div>
Hasil:
Perataan di sisi kiri (left alignment).
Perataan di sisi tengah (center alignment).
Perataan di sisi kanan (right alignment).
Perataan di sisi kiri dan kanan (justify alignment).

2. Kode-kode untuk mengatur paragraf.

Yaitu kode <p>...</p>

Contoh:
<p>Paragraf Pertama.</p>
<p>Paragraf Kedua</p>
<p>Paragraf Ketiga</p>
Hasil:

Paragraf Pertama

Paragraf Kedua

Paragraf Ketiga


3. Kode-kode yang sering digunakan lainnya.

Diantaranya:

<hr/>: Untuk menambah garis mendatar.
<blockquote>...</blockquote>: Untuk menambahkan kutipan.

Contoh:
Ini adalah contoh teks.
<hr/>
Yang diatas adalah garis mendatar.
<blockquote>Ini adalah contoh kutipan.</blockquote>
Hasil:
Ini adalah contoh teks.

Yang diatas adalah garis mendatar.
Ini adalah contoh kutipan.
Sudah dulu ya... tanganku sudah pegel dari tadi ngetik. Apabila ada pertanyaan, silakan komen dibawah.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Menampilkan Kode HTML di Blog

Apabila anda ingin menampilkan kode HTML, seringkali yang keluar bukan kodenya tetapi malah efek dari kode yang ditampilkan.

Contoh. Apabila anda mengetikkan seperti berikut:

<a href="http://muhammadrizkifadillah.blogspot.com">Muhammad Rizki Fadillah's Blog</a>
Yang keluar adalah seperti berikut:
Muhammad Rizki Fadillah's Blog
Untuk mengatasinya, ada beberapa cara. Diantaranya:

1. Mengubah karakter tertentu.

Adapun karakter yang harus diubah diantaranya adalah:
< = &lt;
> = &gt;
" = &quot;
Contoh Pengaplikasiannya:

Untuk menampilkan kode ini:
<a href="http://muhammadrizkifadillah.blogspot.com">Muhammad Rizki Fadillah's Blog</a>
Maka kodenya adalah:
&lt;a href=&quot;http://muhammadrizkifadillah.blogspot.com&quot;&gt;Muhammad Rizki Fadillah's Blog&lt;/a&gt;
2. Menggunakan textarea.

Untuk menggunakannya, tulislah kode berikut.
<textarea rows="10" cols="50">Masukkan kode HTML disini.</textarea>
Ket:
  • rows: Tinggi textarea
  • cols: Lebar textarea
Contoh:
<textarea rows="10" cols="50"><a href="http://muhammadrizkifadillah.blogspot.com">Muhammad Rizki Fadillah's Blog</a></textarea>
Hasil:



3. Menggunakan Parse HTML.

Cara menggunakannya:

1. Kunjungi situs http://www.blogcrowds.com/resources/parse_html.php

2. Masukkan kode HTML yang ingin diparse.

Contoh:
<a href="http://muhammadrizkifadillah.blogspot.com">Muhammad Rizki Fadillah's Blog</a>
3. Klik Parse.

4. Anda akan mendapatkan hasil parse HTML tersebut.

Contohnya seperti berikut:
&lt;a href=&quot;http://muhammadrizkifadillah.blogspot.com&quot;&gt;Muhammad Rizki Fadillah&#039;s Blog&lt;/a&gt;
5. Paste kode tersebut ke postingan anda.

Apabila ada pertanyaan atau yang menawarkan cara lain silakan komen dibawah.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Tata Cara Mengganti Template

Mungkin anda berpendapat, template bawaan Blogger sangat sedikit sehingga menuntut anda mencari alternatif lain diluar template bawaan Blogger. Apabila anda berpikiran begitu, maka ikutilah tata cara mengganti template blog anda.

1. Kunjungi situs btemplates.com

2. Cari template yang diinginkan sesuai selera. Jika sudah, klik Download.

3. Anda akan ditanya tempat penyimpanan file tersebut. Cari tempat yang diinginkan lalu klik Save (tergantung dengan browser yang anda pakai).

4. Biasanya file yang didapat berbentuk file ZIP. Ekstrak file tersebut ke suatu folder dengan Winzip, Winrar atau program lainnya.

5. Login ke Blogger dengan akun anda.

6. Lalu pilih Tata Letak > Edit HTML.

7. Sebelumnya, untuk mencegah hal-hal yang tidak diinginkan, klik Download Template Lengkap.

8. Lalu klik Browse.

9. Cari file yang sudah diekstrak tersebut. Lalu klik Open.

10. Lalu klik Simpan Template.

11. Akan muncul konfirmasi bahwa widget anda akan dihapus. Apabila anda tidak ingin kehilangan widget sebelumnya, klik Batal, lalu klik Elemen Halaman, lalu klik Edit pada setiap widget. Copy widget tersebut ke Notepad. Lalu apabila template-nya sudah diganti, paste setiap kode tersebut ke layout Blogger.

12. Klik Konfirmasi & Simpan.

Lihat blog anda yang telah berganti template-nya.

Selain dari btemplates.com, anda bisa mendapatkan template lainnya dari:

Atau anda bisa mencari di Google dengan keyword "Free Blogger Template".

Apabila ada pertanyaan, silakan komen dibawah.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Jam Pada Blog

Pernah saya bilang, bahwa ada orang yang ingin blognya agar tidak dipenuhi oleh widget, tetapi ada juga orang yang ingin blognya dipenuhi pernak-pernik. Salah satunya adalah jam. Berikut ini saya bahas tentang cara menampilkan jam ke blog anda.

1. Kunjungi situs clocklink.com

2. Klik Gallery

3. Pilih jam sesuai selera. Kalau sudah, klik View HTML tag.

4. Akan mucul jendela popup. Klik Accept.

5. Akan ada script HTML. Tapi sebelumnya atur dulu zona waktunya. Untuk WIB pilih GMT + 07:00, WITA pilih GMT + 08:00, WIT pilih GMT + 09:00.

6. Lalu paste kode tersebut ke layout Blogger anda.

Lihat blog anda. Akan ada tampilan jam disana. Kira-kira tampilannya seperti dibawah ini.


KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Pesan Selamat Datang

Ada orang yang lebih suka blognya tidak terlalu ramai alias tidak penuh dengan pernak-pernik. Tetapi ada juga orang yang lebih suka blognya dipenuhi dengan pernak-pernik semisal jam atau pesan selamat datang. Apabila anda termasuk orang yang kedua, anda bisa memasang pesan selamat datang di blog anda untuk menyambut pengunjung blog anda. Pesan ini akan bergerak dari kanan ke kiri atau dari kiri ke kanan. Yuk, daripada basa-basi, mending langsung saja kita bahas cara untuk membuat pesan selamat datang di blog anda. Yuk, mari...

1. Kunjungi situs www.marqueetextlive.com

2. Aturlah teks yang akan ditampilkan, jenis font, warna teks, ukuran teks, arah teks, kecepatan, dan sebagainya. Aturlah sesuka hati anda. Kalau sudah klik Create Marquee Text.

3. Anda akan mendapatkan kode HTML. Copy kode HTML tersebut dengan mengklik Copy pada bagian Embed Code.

4. Login ke Blogger dengan akun anda. Ingat! Dengan akun anda ya. Bukan dengan akun orang lain.

5. Lalu pilih Tata Letak > Elemen Halaman.

6. Pilih Tambah Gadget.

7. Pilih HTML/Javascript.

8. Paste kode yang didapat pada bagian Isi.

9. Klik Simpan.

10. Atur letaknya sedemikian rupa dengan men-drag-nya ke tempat yang diinginkan.

11. Lalu klik Simpan.

Coba lihat blog anda. Akan tampil pesan selamat datang. Contohnya seperti dibawah ini.

Scroll Text - http://www.marqueetextlive.com

masao kitamura
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.