10/22/11 ~ Matematika SMP

Membuat blog di blogger

Membuat blog di blogger atau blogger.com sangat mudah dan sederhana. Saya termotivasi oleh seorang kawan lama nun jauh di sana pas main facebook. Yups, buat kawan Juara semoga kabarnya baik-baik aja ya prend. Bila memang masih diijinkan, akan kubawa raga ini berkumpul lagi dengan kalian kawan-kawan seperjuangan tempoe doloe. Tapi yah beginilah, terkadang memang situasi dan kondisi belum mengijinkan. But sooner or later I do believe the day will come. Sok kali, biar dibilang kebarat-baratan padahal bahasa Inggris aja dulu nilainya merah semua

. Belagak mau berbahasa Inggris padahal hancur belepotan. Pokoknya saya tunggu kabar dari kalian semua. Salam saja buat pren-pren di Medan, Rawamangun, Tangerang, Bekasi dan Kalimantan, Sulawesi, Bogor, Bandung, Galang, Timbangan dan dimanapun kalian berada. Buat kawan Juara yang kirim komen di facebook "Kayaknya asik juga nulis-nulis Del" dapat mengikuti cara ini. Tapi cuma sebegini saya bisanya prend, simpel aja tanpa animasi de-el-el. Ups hampir lupa, sebelum membuat blog, kenalan dulu donk sama yang namanya blog itu makanan apakah.

Sebelum membuat blog, kamu harus sudah punya email dulu. Disarankan membuat email di Gmail.com untuk kemudahan akses layanan situs lain yang masih milik Google. Blogger adalah milik google dan blog kamu bisa dimaksimalkan dengan situs lain milik google dengan hanya menggunakan satu email gmail saja. Dengan satu account email di Gmail.com dapat mengakses semua situs milik google. Itulah sebabnya saya sarankan punya akun email di gmail. Bisa sih pake email lain. Email ini berfungsi untuk email login kamu nantinya ke blogger. Dan jangan lupa untuk memverikasi blog kamu pada email yang kamu daftarkan ke blogger khusus untuk email yang bukan gmail.

Jika sudah memiliki email di gmail, silahkan buka situs Blogger di https://www.blogger.com/start. Maka kamu akan dibawa ke halaman Blogger.com

Untuk memudahkan, silahkan ganti bahasa menjadi Bahasa Indonesia pada menu drop down di sudut kanan atas halaman. Jika sudah, maka ikuti langkah-langkah membuat blog di blogger berikut ini.

Langkah Pertama

Klik tombol Buat Blog dan akan tampil halaman web Ciptakan Account Blog seperti di bawah ini.

Isi semua formulir pendaftaran yang disediakan

Alamat email: email anda yang sudah harus ada untuk login ke blogger dan layanan google lainnya.

Ketik ulang alamat email: Ketik lagi alamat email kamu untuk memastikan bahwa tidak ada kesalahan ketik.

Masukkan sebuah password: pasword anda usahakan kombinasi huruf dan angka. Panjangnya setidaknya harus 8 karakter.

Ketik ulang sandi: sama dengan password yang di atas

Nama Tampilan: Tuliskan nama kamu atau yang lain. Nama yang digunakan untuk menandai posting blog kamu. Mengindikasikan nama penulis blog.

Verifikasi Kata: Ketik karakter yang kamu lihat pada gambar. Bedakan huruf besar dan kecil.

Penerimaan Persyaratan: Beri tanda centang sebagai indikasikan bahwa kamu telah membaca dan menerima Persyaratan Layanan Blogger. Sebaiknya kamu membaca persyaratan dan layanan blogger, cuma saran saja dari saya. Jika semuanya telah diisi dengan benar, maka klik tombol Lanjutkan.

Langkah Kedua

Kamu akan dibawa ke halaman Nama Blog Anda dan silahkan isi yang diminta

Judul Blog: Kalimat yang menjadi ciri blog kamu. Kalau saya pakai Bang Del sebagai judul. Judul blog akan muncul pada blog yang kamu publikasikan, pada dasbor, dan pada profil kamu.

Alamat blog (URL): Alamat URL blog yang kamu pilih. Digunakan oleh pengunjung untuk mengakses blog kamu di internet. Lalu klik cek ketersediaan untuk mengetahui apakah alamat url tersebut bisa digunakan atau sudah ada yang menggunakan. Jika memang sudah digunakan orang lain, maka kamu coba alamat url yang lain dan cek ketersediaan lagi. Sampai muncul tulisan alamat blog ini tersedia. Gambar di bawah ini adalah contoh alamat url blog.

Bila sudah selesai, kamu klik tombol Lanjutkan.

Langkah Ketiga

Kamu akan dibawa ke halaman Pilih Template.

Blogger menyediakan banyak template. Silahkan kamu pilih sesuai selera dengan mengklik tombol radio. Kamu bisa mengubah template kapan saja. Kalau Bang Del pakai template Minima yang warnanya putih karena saya suka putih. Template blogger bisa kamu ubah kapan saja kamu mau. Okay, bila sudah silahkan klik tombol Lanjutkan.

Langkah Keempat

Pada halaman berikutnya akan muncul halaman pemberitahuan Blog Anda Sudah Jadi!

Hore.. blog ku sudah jadi.. Makan-makan nih. Kemudian klik tombol Mulai Blogging.

Langkah Kelima

Kamu akan dibawa ke halaman Buat Entri dan mulai posting blog.

Silahkan ketik posting untuk pertama kalinya di blog kamu. Dahulu kala, daku belum tahu apa yang harus kutuliskan di sini. Namun seiring perjalanan waktu, semakin lancar atas dorongan semangat, bantuan dari kawan-kawan blogger dan hingga saat ini saya masih belajar menulis. Itung-itung seperti deskripsi blog Bang Del "Free Writing | Menulis Untuk Kebebasan Berekspresi". Beri judul posting kamu misalnya "Posting Pertamaku Di Blogger" dan beri label posting. Baca cara membuat label posting. Bila masih kesulitan bagaimana menulis di blog, kamu bisa baca blogging tips pada blog ini. Jika sudah, silahkan klik tombol Terbitkan entri yang ada di bagian bawah kotak posting.

Langkah Keenam

Kamu akan dibawa ke halaman status publikasi.

Ada beberapa pilihan untuk melihat posting yang baru kamu ketik tadi. Kalau saya biasanya memilih untuk melihat blog pada jendela baru. Tapi terserah kamu saja. Silahkan klik Lihat Blog di jendela baru.

Langkah Ketujuh

Akan muncul jendela baru atau layar baru pada monitor komputer yang merupakan tampilan blog kamu secara keseluruhan.
Lihatlah betapa indahnya buah karya blog ciptaanmu. Begitu menawan dan sangat menggoda untuk menuliskan posting berikutnya. (Berlebihan kali ya..)

Langkah Kedelapan

Selesai and enjoy it.

(Thank's To : http://bangdel.blogspot.com)

cara mengganti background sidebar

Kali ini saya akan membuat tutorial tentang cara mengganti background sidebar widget kalo ada yang belum tahu background sidebarwidget itu apa ini, adalah contoh background sidebarwidget.

Nah...sudah tahu kan... Saya akan menerangkan cara mengganti background sidebar widget ini dan menggantinya dengan background lain yang lebih menarik. Untuk menggantinya kita harus sedikit mengotak-atik kode CSS template. Apabila kita akan mengotak-atik CSS template, backup lah template anda terlebih dahulu...biar aman. Cari aman aja lah....hehehe

Untuk menggantinya kita tidak menggunakan script tetapi dengan gambar biasa dengan format .gif, jadi tidak akan memberatkan blog. Oleh karena itu kita harus menyediakan gambar terlebih dahulu. Dari pada teman-teman bingung cari gambar yang tepat, Saya telah menyediakan gambar yang siap teman-teman gunakan :

sidebar widget

Ini adalah link image hosting dari gambar diatas:
gambar 1 :http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif
gambar 2 :http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif

Okey...kalau teman teman sudah dapatgambarnya, saya akan memulai tutorialnya.

Login dulu ke bloger > Tata Letak > Edit HTML > Kemudian cari Kode seperti di bawah ini (pake ctrl + f supaya cepet nyari kemudian isikan .sidebar h2)

.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
}

Nah kalo udah ketemu sobat tinggal tambahin aja Background nya seperti dibawah ini:

background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;

atau

background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif?imgmax=800)repeat;

terserah yang mana dipakai imagenya ... jadi kodenya seperti di bawah ini :

.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;
}

Simpan. Kalau sudah selesai, insyaAllah sidebar anda telah berganti dengan sidebar yang disertai lampu berjalan yang indah. Apabila teman-teman semua suka dengan tutorial ini, pasang banner di blog anda. Atau klik iklan di blog ini atuh...pssttt...pssttt, kalau ketahuan bisa kena dibanned nih. hehehe...

( Sumber : http://ekakom.blogspot.com )

Coloring Code

Untuk membuat table kode warna silahkan anda copy paste saja kode dibawah ini lalu masukan ke blog anda:

<table border="1" style="font-family: Verdana; font-size: 10pt;"><tbody> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>Antique_white</td><td bgcolor="#faebd7"></td><td>#FAEBD7</td></tr> <tr><td>azure</td><td bgcolor="#f0ffff"></td><td>#F0FFFF</td></tr> <tr><td>Bisque</td><td bgcolor="#ffe4c4"></td><td>#FFE4C4</td></tr> <tr><td>blanched_almond</td><td bgcolor="#ffebcd"></td><td>#FFEBCD</td></tr> <tr><td>cornsilk</td><td bgcolor="#fff8dc"></td><td>#FFF8DC</td></tr> <tr><td>eggshell</td><td bgcolor="#fce6c9"></td><td>#FCE6C9</td></tr> <tr><td>floral_white</td><td bgcolor="#fffaf0"></td><td>#FFFAF0</td></tr> <tr><td>gainsboro</td><td bgcolor="#dcdcdc"></td><td>#DCDCDC</td></tr> <tr><td>ghost_white</td><td bgcolor="#f8f8ff"></td><td>#F8F8FF</td></tr> <tr><td>honeydew</td><td bgcolor="#f0fff0"></td><td>#F0FFF0</td></tr> <tr><td>ivory</td><td bgcolor="#fffff0"></td><td>#FFFFF0</td></tr> <tr><td>lavender</td><td bgcolor="#e6e6fa"></td><td>#E6E6FA</td></tr> <tr><td>lavender_blush</td><td bgcolor="#fff0f5"></td><td>#FFF0F5</td></tr> <tr><td>lemon_chiffon</td><td bgcolor="#fffacd"></td><td>#FFFACD</td></tr> <tr><td>linen</td><td bgcolor="#faf0e6"></td><td>#FAF0E6</td></tr> <tr><td>mint_cream</td><td bgcolor="#f5fffa"></td><td>#F5FFFA</td></tr> <tr><td>misty_rose</td><td bgcolor="#ffe4e1"></td><td>#FFE4E1</td></tr> <tr><td>moccasin</td><td bgcolor="#ffe4b5"></td><td>#FFE4B5</td></tr> <tr><td>navajo_white</td><td bgcolor="#ffdead"></td><td>#FFDEAD</td></tr> <tr><td>old_lace</td><td bgcolor="#fdf5e6"></td><td>#FDF5E6</td></tr> <tr><td>papaya_whip</td><td bgcolor="#ffefd5"></td><td>#FFEFD5</td></tr> <tr><td>peach_puff</td><td bgcolor="#ffdab9"></td><td>#FFDAB9</td></tr> <tr><td>seashell</td><td bgcolor="#fff5ee"></td><td>#FFF5EE</td></tr> <tr><td>snow</td><td bgcolor="#fffafa"></td><td>#FFFAFA</td></tr> <tr><td>thistle</td><td bgcolor="#d8bfd8"></td><td>#D8BFD8</td></tr> <tr><td>titanium_white</td><td bgcolor="#fcfff0"></td><td>#FCFFF0</td></tr> <tr><td>wheat</td><td bgcolor="#f5deb3"></td><td>#F5DEB3</td></tr> <tr><td>white</td><td bgcolor="#ffffff"></td><td>#FFFFFF</td></tr> <tr><td>white_smoke</td><td bgcolor="#f5f5f5"></td><td>#F5F5F5</td></tr> <tr><td>zinc_white</td><td bgcolor="#fdf8ff"></td><td>#FDF8FF</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>cold_grey</td><td bgcolor="#808a87"></td><td>#808A87</td></tr> <tr><td>dim_grey</td><td bgcolor="#696969"></td><td>#696969</td></tr> <tr><td>grey</td><td bgcolor="#c0c0c0"></td><td>#C0C0C0</td></tr> <tr><td>light_grey</td><td bgcolor="#d3d3d3"></td><td>#D3D3D3</td></tr> <tr><td>slate_grey</td><td bgcolor="#708090"></td><td>#708090</td></tr> <tr><td>slate_grey_dark</td><td bgcolor="#2f4f4f"></td><td>#2F4F4F</td></tr> <tr><td>slate_grey_light</td><td bgcolor="#778899"></td><td>#778899</td></tr> <tr><td>warm_grey</td><td bgcolor="#808069"></td><td>#808069</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>black</td><td bgcolor="#000000"></td><td>#000000</td></tr> <tr><td>ivory_black</td><td bgcolor="#292421"></td><td>#292421</td></tr> <tr><td>lamp_black</td><td bgcolor="#2e473b"></td><td>#2E473B</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>alizarin_crimson</td><td bgcolor="#e32636"></td><td>#E32636</td></tr> <tr><td>brick</td><td bgcolor="#9c661f"></td><td>#9C661F</td></tr> <tr><td>cadmium_red_deep</td><td bgcolor="#e3170d"></td><td>#E3170D</td></tr> <tr><td>coral</td><td bgcolor="#ff7f50"></td><td>#FF7F50</td></tr> <tr><td>coral_light</td><td bgcolor="#f08080"></td><td>#F08080</td></tr> <tr><td>deep_pink</td><td bgcolor="#ff1493"></td><td>#FF1493</td></tr> <tr><td>english_red</td><td bgcolor="#d43d1a"></td><td>#D43D1A</td></tr> <tr><td>firebrick</td><td bgcolor="#b22222"></td><td>#B22222</td></tr> <tr><td>geranium_lake</td><td bgcolor="#e31230"></td><td>#E31230</td></tr> <tr><td>hot_pink</td><td bgcolor="#ff69b4"></td><td>#FF69B4</td></tr> <tr><td>indian_red</td><td bgcolor="#b0171f"></td><td>#B0171F</td></tr> <tr><td>light_salmon</td><td bgcolor="#ffa07a"></td><td>#FFA07A</td></tr> <tr><td>madder_lake_deep</td><td bgcolor="#e32e30"></td><td>#E32E30</td></tr> <tr><td>maroon</td><td bgcolor="#b03060"></td><td>#B03060</td></tr> <tr><td>pink</td><td bgcolor="#ffc0cb"></td><td>#FFC0CB</td></tr> <tr><td>pink_light</td><td bgcolor="#ffb6c1"></td><td>#FFB6C1</td></tr> <tr><td>raspberry</td><td bgcolor="#872657"></td><td>#872657</td></tr> <tr><td>red</td><td bgcolor="#ff0000"></td><td>#FF0000</td></tr> <tr><td>rose_madder</td><td bgcolor="#e33638"></td><td>#E33638</td></tr> <tr><td>salmon</td><td bgcolor="#fa8072"></td><td>#FA8072</td></tr> <tr><td>tomato</td><td bgcolor="#ff6347"></td><td>#FF6347</td></tr> <tr><td>venetian_red</td><td bgcolor="#d41a1f"></td><td>#D41A1F</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>beige</td><td bgcolor="#a39480"></td><td>#A39480</td></tr> <tr><td>brown</td><td bgcolor="#802a2a"></td><td>#802A2A</td></tr> <tr><td>brown_madder</td><td bgcolor="#db2929"></td><td>#DB2929</td></tr> <tr><td>brown_ochre</td><td bgcolor="#87421f"></td><td>#87421F</td></tr> <tr><td>burlywood</td><td bgcolor="#deb887"></td><td>#DEB887</td></tr> <tr><td>burnt_sienna</td><td bgcolor="#8a360f"></td><td>#8A360F</td></tr> <tr><td>burnt_umber</td><td bgcolor="#8a3324"></td><td>#8A3324</td></tr> <tr><td>chocolate</td><td bgcolor="#d2691e"></td><td>#D2691E</td></tr> <tr><td>deep_ochre</td><td bgcolor="#733d1a"></td><td>#733D1A</td></tr> <tr><td>flesh</td><td bgcolor="#ff7d40"></td><td>#FF7D40</td></tr> <tr><td>flesh_ochre</td><td bgcolor="#ff5721"></td><td>#FF5721</td></tr> <tr><td>gold_ochre</td><td bgcolor="#c77826"></td><td>#C77826</td></tr> <tr><td>greenish_umber</td><td bgcolor="#ff3d0d"></td><td>#FF3D0D</td></tr> <tr><td>khaki</td><td bgcolor="#f0e68c"></td><td>#F0E68C</td></tr> <tr><td>khaki_dark</td><td bgcolor="#bdb76b"></td><td>#BDB76B</td></tr> <tr><td>light_beige</td><td bgcolor="#f5f5dc"></td><td>#F5F5DC</td></tr> <tr><td>peru</td><td bgcolor="#cd853f"></td><td>#CD853F</td></tr> <tr><td>rosy_brown</td><td bgcolor="#bc8f8f"></td><td>#BC8F8F</td></tr> <tr><td>raw_sienna</td><td bgcolor="#c76114"></td><td>#C76114</td></tr> <tr><td>raw_umber</td><td bgcolor="#734a12"></td><td>#734A12</td></tr> <tr><td>sepia</td><td bgcolor="#5e2612"></td><td>#5E2612</td></tr> <tr><td>sienna</td><td bgcolor="#a0522d"></td><td>#A0522D</td></tr> <tr><td>saddle_brown</td><td bgcolor="#8b4513"></td><td>#8B4513</td></tr> <tr><td>sandy_brown</td><td bgcolor="#f4a460"></td><td>#F4A460</td></tr> <tr><td>tan</td><td bgcolor="#d2b48c"></td><td>#D2B48C</td></tr> <tr><td>van_dyke_brown</td><td bgcolor="#5e2605"></td><td>#5E2605</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>cadmium_orange</td><td bgcolor="#ff6103"></td><td>#FF6103</td></tr> <tr><td>cadmium_red_light</td><td bgcolor="#ff030d"></td><td>#FF030D</td></tr> <tr><td>carrot</td><td bgcolor="#ed9121"></td><td>#ED9121</td></tr> <tr><td>dark_orange</td><td bgcolor="#ff8c00"></td><td>#FF8C00</td></tr> <tr><td>mars_orange</td><td bgcolor="#964514"></td><td>#964514</td></tr> <tr><td>mars_yellow</td><td bgcolor="#e3701a"></td><td>#E3701A</td></tr> <tr><td>orange</td><td bgcolor="#ff8000"></td><td>#FF8000</td></tr> <tr><td>orange_red</td><td bgcolor="#ff4500"></td><td>#FF4500</td></tr> <tr><td>yellow_ochre</td><td bgcolor="#e38217"></td><td>#E38217</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>aureoline_yellow</td><td bgcolor="#ffa824"></td><td>#FFA824</td></tr> <tr><td>banana</td><td bgcolor="#e3cf57"></td><td>#E3CF57</td></tr> <tr><td>cadmium_lemon</td><td bgcolor="#ffe303"></td><td>#FFE303</td></tr> <tr><td>cadmium_yellow</td><td bgcolor="#ff9912"></td><td>#FF9912</td></tr> <tr><td>cadmium_yellow_light</td><td bgcolor="#ffb00f"></td><td>#FFB00F</td></tr> <tr><td>gold</td><td bgcolor="#ffd700"></td><td>#FFD700</td></tr> <tr><td>goldenrod</td><td bgcolor="#daa520"></td><td>#DAA520</td></tr> <tr><td>goldenrod_dark</td><td bgcolor="#b8860b"></td><td>#B8860B</td></tr> <tr><td>goldenrod_light</td><td bgcolor="#fafad2"></td><td>#FAFAD2</td></tr> <tr><td>goldenrod_pale</td><td bgcolor="#eee8aa"></td><td>#EEE8AA</td></tr> <tr><td>light_goldenrod</td><td bgcolor="#eedd82"></td><td>#EEDD82</td></tr> <tr><td>melon</td><td bgcolor="#e3a869"></td><td>#E3A869</td></tr> <tr><td>naples_yellow_deep</td><td bgcolor="#ffa812"></td><td>#FFA812</td></tr> <tr><td>yellow</td><td bgcolor="#ffff00"></td><td>#FFFF00</td></tr> <tr><td>yellow_light</td><td bgcolor="#ffffe0"></td><td>#FFFFE0</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>chartreuse</td><td bgcolor="#7fff00"></td><td>#7FFF00</td></tr> <tr><td>chrome_oxide_green</td><td bgcolor="#668014"></td><td>#668014</td></tr> <tr><td>cinnabar_green</td><td bgcolor="#61b329"></td><td>#61B329</td></tr> <tr><td>cobalt_green</td><td bgcolor="#3d9140"></td><td>#3D9140</td></tr> <tr><td>emerald_green</td><td bgcolor="#00c957"></td><td>#00C957</td></tr> <tr><td>forest_green</td><td bgcolor="#228b22"></td><td>#228B22</td></tr> <tr><td>green</td><td bgcolor="#00ff00"></td><td>#00FF00</td></tr> <tr><td>green_dark</td><td bgcolor="#006400"></td><td>#006400</td></tr> <tr><td>green_pale</td><td bgcolor="#98fb98"></td><td>#98FB98</td></tr> <tr><td>green_yellow</td><td bgcolor="#adff2f"></td><td>#ADFF2F</td></tr> <tr><td>lawn_green</td><td bgcolor="#7cfc00"></td><td>#7CFC00</td></tr> <tr><td>lime_green</td><td bgcolor="#32cd32"></td><td>#32CD32</td></tr> <tr><td>mint</td><td bgcolor="#bdfcc9"></td><td>#BDFCC9</td></tr> <tr><td>olive</td><td bgcolor="#3b5e2b"></td><td>#3B5E2B</td></tr> <tr><td>olive_drab</td><td bgcolor="#6b8e23"></td><td>#6B8E23</td></tr> <tr><td>olive_green_dark</td><td bgcolor="#556b2f"></td><td>#556B2F</td></tr> <tr><td>permanent_green</td><td bgcolor="#0ac92b"></td><td>#0AC92B</td></tr> <tr><td>sap_green</td><td bgcolor="#308014"></td><td>#308014</td></tr> <tr><td>sea_green</td><td bgcolor="#2e8b57"></td><td>#2E8B57</td></tr> <tr><td>sea_green_dark</td><td bgcolor="#8fbc8f"></td><td>#8FBC8F</td></tr> <tr><td>sea_green_medium</td><td bgcolor="#3cb371"></td><td>#3CB371</td></tr> <tr><td>sea_green_light</td><td bgcolor="#20b2aa"></td><td>#20B2AA</td></tr> <tr><td>spring_green</td><td bgcolor="#00ff7f"></td><td>#00FF7F</td></tr> <tr><td>spring_green_medium</td><td bgcolor="#00fa9a"></td><td>#00FA9A</td></tr> <tr><td>terre_verte</td><td bgcolor="#385e0f"></td><td>#385E0F</td></tr> <tr><td>viridian_light</td><td bgcolor="#6eff70"></td><td>#6EFF70</td></tr> <tr><td>yellow_green</td><td bgcolor="#9acd32"></td><td>#9ACD32</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>aquamarine</td><td bgcolor="#7fffd4"></td><td>#7FFFD4</td></tr> <tr><td>aquamarine_medium</td><td bgcolor="#66cdaa"></td><td>#66CDAA</td></tr> <tr><td>cyan</td><td bgcolor="#00ffff"></td><td>#00FFFF</td></tr> <tr><td>cyan_white</td><td bgcolor="#e0ffff"></td><td>#E0FFFF</td></tr> <tr><td>turquoise</td><td bgcolor="#40e0d0"></td><td>#40E0D0</td></tr> <tr><td>turquoise_dark</td><td bgcolor="#00ced1"></td><td>#00CED1</td></tr> <tr><td>turquoise_medium</td><td bgcolor="#48d1cc"></td><td>#48D1CC</td></tr> <tr><td>turquoise_pale</td><td bgcolor="#afeeee"></td><td>#AFEEEE</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>alice_blue</td><td bgcolor="#f0f8ff"></td><td>#F0F8FF</td></tr> <tr><td>blue</td><td bgcolor="#0000ff"></td><td>#0000FF</td></tr> <tr><td>blue_light</td><td bgcolor="#add8e6"></td><td>#ADD8E6</td></tr> <tr><td>blue_medium</td><td bgcolor="#0000cd"></td><td>#0000CD</td></tr> <tr><td>cadet</td><td bgcolor="#5f9ea0"></td><td>#5F9EA0</td></tr> <tr><td>cobalt</td><td bgcolor="#3d59ab"></td><td>#3D59AB</td></tr> <tr><td>cornflower</td><td bgcolor="#6495ed"></td><td>#6495ED</td></tr> <tr><td>cerulean</td><td bgcolor="#05b8cc"></td><td>#05B8CC</td></tr> <tr><td>dodger_blue</td><td bgcolor="#1e90ff"></td><td>#1E90FF</td></tr> <tr><td>indigo</td><td bgcolor="#082e54"></td><td>#082E54</td></tr> <tr><td>manganese_blue</td><td bgcolor="#03a89e"></td><td>#03A89E</td></tr> <tr><td>midnight_blue</td><td bgcolor="#191970"></td><td>#191970</td></tr> <tr><td>navy</td><td bgcolor="#000080"></td><td>#000080</td></tr> <tr><td>peacock</td><td bgcolor="#33a1c9"></td><td>#33A1C9</td></tr> <tr><td>powder_blue</td><td bgcolor="#b0e0e6"></td><td>#B0E0E6</td></tr> <tr><td>royal_blue</td><td bgcolor="#4169e1"></td><td>#4169E1</td></tr> <tr><td>slate_blue</td><td bgcolor="#6a5acd"></td><td>#6A5ACD</td></tr> <tr><td>slate_blue_dark</td><td bgcolor="#483d8b"></td><td>#483D8B</td></tr> <tr><td>slate_blue_light</td><td bgcolor="#8470ff"></td><td>#8470FF</td></tr> <tr><td>slate_blue_medium</td><td bgcolor="#7b68ee"></td><td>#7B68EE</td></tr> <tr><td>sky_blue</td><td bgcolor="#87ceeb"></td><td>#87CEEB</td></tr> <tr><td>sky_blue_deep</td><td bgcolor="#00bfff"></td><td>#00BFFF</td></tr> <tr><td>sky_blue_light</td><td bgcolor="#87cefa"> </td><td>#87CEFA</td></tr> <tr><td>steel_blue</td><td bgcolor="#4682b4"></td><td>#4682B4</td></tr> <tr><td>steel_blue_light</td><td bgcolor="#b0c4de"></td><td>#B0C4DE</td></tr> <tr><td>turquoise_blue</td><td bgcolor="#00c78c"></td><td>#00C78C</td></tr> <tr><td>ultramarine</td><td bgcolor="#120a8f"></td><td>#120A8F</td></tr> <tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr> <tr><td>blue_violet</td><td bgcolor="#8a2be2"></td><td>#8A2BE2</td></tr> <tr><td>cobalt_violet_deep</td><td bgcolor="#91219e"></td><td>#91219E</td></tr> <tr><td>magenta</td><td bgcolor="#ff00ff"></td><td>#FF00FF</td></tr> <tr><td>orchid</td><td bgcolor="#da70d6"></td><td>#DA70D6</td></tr> <tr><td>orchid_dark</td><td bgcolor="#9932cc"></td><td>#9932CC</td></tr> <tr><td>orchid_medium</td><td bgcolor="#ba55d3"></td><td>#BA55D3</td></tr> <tr><td>permanent_red_violet</td><td bgcolor="#db2645"></td><td>#DB2645</td></tr> <tr><td>plum</td><td bgcolor="#dda0dd"></td><td>#DDA0DD</td></tr> <tr><td>purple</td><td bgcolor="#a020f0"></td><td>#A020F0</td></tr> <tr><td>purple_medium</td><td bgcolor="#9370db"></td><td>#9370DB</td></tr> <tr><td>ultramarine_violet</td><td bgcolor="#5c246e"></td><td>#5C246E</td></tr> <tr><td>violet</td><td bgcolor="#8f5e99"></td><td>#8F5E99</td></tr> <tr><td>violet_dark</td><td bgcolor="#9400d3"></td><td>#9400D3</td></tr> <tr><td>violet_red</td><td bgcolor="#d02090"></td><td>#D02090</td></tr> <tr><td>violet_red_medium</td><td bgcolor="#c71585"></td><td>#C71585</td></tr> <tr><td>violet_red_pale</td><td bgcolor="#db7093"></td><td>#DB7093 </td></tr> </tbody></table>

Maka hasilnya akan seperti ini:

Warna	Contoh	Kode
Antique_white		#FAEBD7
azure		#F0FFFF
Bisque		#FFE4C4
blanched_almond		#FFEBCD
cornsilk		#FFF8DC
eggshell		#FCE6C9
floral_white		#FFFAF0
gainsboro		#DCDCDC
ghost_white		#F8F8FF
honeydew		#F0FFF0
ivory		#FFFFF0
lavender		#E6E6FA
lavender_blush		#FFF0F5
lemon_chiffon		#FFFACD
linen		#FAF0E6
mint_cream		#F5FFFA
misty_rose		#FFE4E1
moccasin		#FFE4B5
navajo_white		#FFDEAD
old_lace		#FDF5E6
papaya_whip		#FFEFD5
peach_puff		#FFDAB9
seashell		#FFF5EE
snow		#FFFAFA
thistle		#D8BFD8
titanium_white		#FCFFF0
wheat		#F5DEB3
white		#FFFFFF
white_smoke		#F5F5F5
zinc_white		#FDF8FF
Warna	Contoh	Kode
cold_grey		#808A87
dim_grey		#696969
grey		#C0C0C0
light_grey		#D3D3D3
slate_grey		#708090
slate_grey_dark		#2F4F4F
slate_grey_light		#778899
warm_grey		#808069
Warna	Contoh	Kode
black		#000000
ivory_black		#292421
lamp_black		#2E473B
Warna	Contoh	Kode
alizarin_crimson		#E32636
brick		#9C661F
cadmium_red_deep		#E3170D
coral		#FF7F50
coral_light		#F08080
deep_pink		#FF1493
english_red		#D43D1A
firebrick		#B22222
geranium_lake		#E31230
hot_pink		#FF69B4
indian_red		#B0171F
light_salmon		#FFA07A
madder_lake_deep		#E32E30
maroon		#B03060
pink		#FFC0CB
pink_light		#FFB6C1
raspberry		#872657
red		#FF0000
rose_madder		#E33638
salmon		#FA8072
tomato		#FF6347
venetian_red		#D41A1F
Warna	Contoh	Kode
beige		#A39480
brown		#802A2A
brown_madder		#DB2929
brown_ochre		#87421F
burlywood		#DEB887
burnt_sienna		#8A360F
burnt_umber		#8A3324
chocolate		#D2691E
deep_ochre		#733D1A
flesh		#FF7D40
flesh_ochre		#FF5721
gold_ochre		#C77826
greenish_umber		#FF3D0D
khaki		#F0E68C
khaki_dark		#BDB76B
light_beige		#F5F5DC
peru		#CD853F
rosy_brown		#BC8F8F
raw_sienna		#C76114
raw_umber		#734A12
sepia		#5E2612
sienna		#A0522D
saddle_brown		#8B4513
sandy_brown		#F4A460
tan		#D2B48C
van_dyke_brown		#5E2605
Warna	Contoh	Kode
cadmium_orange		#FF6103
cadmium_red_light		#FF030D
carrot		#ED9121
dark_orange		#FF8C00
mars_orange		#964514
mars_yellow		#E3701A
orange		#FF8000
orange_red		#FF4500
yellow_ochre		#E38217
Warna	Contoh	Kode
aureoline_yellow		#FFA824
banana		#E3CF57
cadmium_lemon		#FFE303
cadmium_yellow		#FF9912
cadmium_yellow_light		#FFB00F
gold		#FFD700
goldenrod		#DAA520
goldenrod_dark		#B8860B
goldenrod_light		#FAFAD2
goldenrod_pale		#EEE8AA
light_goldenrod		#EEDD82
melon		#E3A869
naples_yellow_deep		#FFA812
yellow		#FFFF00
yellow_light		#FFFFE0
Warna	Contoh	Kode
chartreuse		#7FFF00
chrome_oxide_green		#668014
cinnabar_green		#61B329
cobalt_green		#3D9140
emerald_green		#00C957
forest_green		#228B22
green		#00FF00
green_dark		#006400
green_pale		#98FB98
green_yellow		#ADFF2F
lawn_green		#7CFC00
lime_green		#32CD32
mint		#BDFCC9
olive		#3B5E2B
olive_drab		#6B8E23
olive_green_dark		#556B2F
permanent_green		#0AC92B
sap_green		#308014
sea_green		#2E8B57
sea_green_dark		#8FBC8F
sea_green_medium		#3CB371
sea_green_light		#20B2AA
spring_green		#00FF7F
spring_green_medium		#00FA9A
terre_verte		#385E0F
viridian_light		#6EFF70
yellow_green		#9ACD32
Warna	Contoh	Kode
aquamarine		#7FFFD4
aquamarine_medium		#66CDAA
cyan		#00FFFF
cyan_white		#E0FFFF
turquoise		#40E0D0
turquoise_dark		#00CED1
turquoise_medium		#48D1CC
turquoise_pale		#AFEEEE
Warna	Contoh	Kode
alice_blue		#F0F8FF
blue		#0000FF
blue_light		#ADD8E6
blue_medium		#0000CD
cadet		#5F9EA0
cobalt		#3D59AB
cornflower		#6495ED
cerulean		#05B8CC
dodger_blue		#1E90FF
indigo		#082E54
manganese_blue		#03A89E
midnight_blue		#191970
navy		#000080
peacock		#33A1C9
powder_blue		#B0E0E6
royal_blue		#4169E1
slate_blue		#6A5ACD
slate_blue_dark		#483D8B
slate_blue_light		#8470FF
slate_blue_medium		#7B68EE
sky_blue		#87CEEB
sky_blue_deep		#00BFFF
sky_blue_light		#87CEFA
steel_blue		#4682B4
steel_blue_light		#B0C4DE
turquoise_blue		#00C78C
ultramarine		#120A8F
Warna	Contoh	Kode
blue_violet		#8A2BE2
cobalt_violet_deep		#91219E
magenta		#FF00FF
orchid		#DA70D6
orchid_dark		#9932CC
orchid_medium		#BA55D3
permanent_red_violet		#DB2645
plum		#DDA0DD
purple		#A020F0
purple_medium		#9370DB
ultramarine_violet		#5C246E
violet		#8F5E99
violet_dark		#9400D3
violet_red		#D02090
violet_red_medium		#C71585
violet_red_pale		#DB7093

Cara Merubah SMADAV FREE jadi SMADAV PRO

Sedikit buat tambahan doank gan, ane cuma mau sedikit share aze barangkali bermanfaat buat agan-agan semua tentang cara merubah smadav free menjadi smadav pro. Oke langsung aza gan ikuti langkah-langkah berikut ini:
1. Install dulu anti virus smadav di situs resminya, Klik Disini.
2. Buka smadav nya.
3. Klik Setting, lalu di "Registrasi Smadav Pro", masukin nama dan key dibawah ini (pilih salah satu aza ya):

Nama: httpwwwplacelinkexchangeblogspotcom
Key: 995799250570

Nama: wwwplacelinkexchangeblogspotcom
Key: 995899099833

Nama: placelinkexchangedotblogspot
Key: 995799126460

Nama: placelinkexchange
Key: 991299446537

Nama: freebacklink
key: 995299481220

4. Setelah diisi Nama dan Key nya terus Klik OK. Dan Jreng sekarang smadav anda udah jadi Pro.
5. Selamat Mencoba aza gan.

Membuat link berubah membesar

Untuk membuat link menjadi besar jika disentuh dengan korsor dengan cara

Login ke blogger..
masuk ke "layout"
klik menu "edit html'
lalu sobat conteng "expand widget template" atau download dulu semua untuk jaga-jaga jika ada kesalahan biar tidak repot
Cari bagian a:link { dan a:hover { dan ganti kode yang ada di bawah kode a:link { pada template dengan kode di bawah ini,.....!!!

a:link {
color:#0000ff;
font-size:10px;
cursor:default;
}

a:hover {
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}

Simpan template selesai....

Selamat Mencoba...!!!

Cara Menampilkan Kode HTML Pada Postingan

Ada beberapa cara yang bisa dilakukan untuk menampilkan kode HTML pada postingan, salah satunya adalah dengan menggunakan Tools Parse. Adapun Tools Parse yang bisa digunakan adalah sebagai berikut:
1. Blogcrowds
Caranya cukup mudah, anda hanya tinggal masukan saja kode HTML nya lalu klik parse. Setelah di parse tinggal anda Copy Paste saja kedalam postingan, beres deh. Untuk mengunjungi blogcrowds Klik Disini.

2. Centricle
Caranya sama persis dengan yang diatas hanya tinggal masukin saja kode HTML nya terus Copy Paste hasil parsenya ke postingan. Kunjungi centricle Klik Disini.

Setelah anda masukin ke postingan tinggal anda atur saja bentuk tampilannya bisa juga dengan menggunakan blockquote.
Sebenarnya ada banyak cara sih yang bisa dilakukan tapi manurut saya dengan cara seperti itu juga sudah lebih daripada cukup.

Semoga Berhasil.

Cara Membuat Link berkedip seprti warna pelangi saat disentuh oleh kursor...

Berikut ini caranya:...?

1. Login ke blogger
2. Masuk pada menu template,
3. Klik Edit HTML,
4. Cari kode <head>
Kemudian copy code berikut dan paste tepat dibawah code tadi

<script language='javascript' src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/LinkPelangi.js'/>

Simpan template selesai.
Semoga bermanfaat..

Cara Pasang Background Berubah-ubah

Siapa pun senang jika mempunyai blog yang keren dan tampil elegan, kali ini saya akan berbagi tentang background yang bisa berubah-ubah sesuai minat pengunjung nya, keren kan!! awalnya saya menemukan ini ketika saya memodif script lazyload, akhirnya lazyload yg saya modif itu gak berfungsi, script asli nya saya uda gak nyimpan,

dan saya mencoba browsing di google untuk menemukan lazyload seperti awal semula, nah akhirnya ketemu si lazyload di blog teman chumhienk blog dari referal google, di blog nya si chumienk sy melihat backgroundnya bisa di ganti sesuai selera dan saya putuskan untuk berbagi dengan teman-teman, buat yang ingin melihat contohnya silahkan melihat di chumhienk blog.

oke kita lanjutkan tutorial memasang background berubah-ubah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.
Copy dan paste kode di bawah pada content HTML/Javascript.

Copy kode di bawah ini dan pastekan di dalam content html:

<div class="widget-content">

<center><blink style="color: rgb(0, 102, 0);">Change Background of This Blog!</blink> 

<center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">

<option value="url() repeat center center fixed" />None

<option value="url(http://cdn.indowebster.com/www42.indowebster.com/7dd2ae51f4b0cb792d3a435dc953f5cc_thumbnail.gif) repeat center center fixed" />Red Matrix

<option value="url(http://yahyarezpectors.files.wordpress.com/2011/01/sharingan_wheel_by_neronin2.gif) repeat center center fixed" />Sharingan

<option value="url(http://data0.eklablog.fr/hinata/mod_article214242.gif) repeat center center fixed" />Sharingan 2

<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK94t7KeM7kjHxPqC1jyXKbelTdLZE2HD1GJzH_mQIyCUs1iBTy6_r19y-m3RJVfyYWXCuzL6Brvytiae5UZQIzhEcmo35jPFJMBdgiqcIqKrQTaUckrknhsZDg7e2x4Rfdu6wvxq5_PCv/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1

<option value="url(http://i469.photobucket.com/albums/rr57/dragonknight0000039/ae/death20note20L.jpg) repeat center center fixed" />L Lawliet 1

<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Hidden Leaf

<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC4NlmmMI/AAAAAAAAEvk/cma5mtW-beU/DADbg2.JPG) repeat center center fixed" />Rikimaru

<option value="url(http://lh6.googleusercontent.com/_GaKwmMcf4N4/TZGC24bJuCI/AAAAAAAAEvg/O1mDH3LU91w/DADbg0.jpg) repeat center center fixed" />Yu-Gi-Oh!

<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGDGbOqsnI/AAAAAAAAEwI/FWAbOOZu2go/DAD1.jpg) repeat center center fixed" />Deidara

<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud

<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGC7UA67RI/AAAAAAAAEv0/ehJ-oez_akU/DADbluematrix.gif) repeat center center fixed" />Blue Matrix

<option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix

</select></center></center>

</div> <center><a href="http://www.herihalik.com/2011/08/cara-pasang-background-berubah-ubah.html" target="_blank">Pasang Seperti Ini</a></center>

klik Save.

tereng!!! sekarang blog agan uda bisa dipilih-pilih background nya, untuk judul nya boleh kosong atau boleh juga di isi, saya sarankan di simpan di bawah header halaman. jadi pengunjung bisa memilih nya.

semoga bermanfaat.

Sumber : http://www.herihalik.com/

Matematika SMP

Belajar NgeBlog

Video

Petugas Upacara

Petugas Keamanan Sekolah

Pasukan Tonti

Hiking

Wisuda

Pelantikan OSIS