Kode Warna HTML 2012 Lengkap

Kode Warna HTML 2012 Lengkap - kode warna HTML edisi 2012 ini merupakan kode warna agar memberi kemudahan bagi teman-teman blogger dalam otak-atik warna HTML tanpa harus buka Photoshop, lebih lengkapnya emank di Photoshop, kode warna in hanya sebagian yang anggap banyak digunakan di blog baik di template, border, tulisan, dan lain-lain yang masih saudaraan sama blog.

Begitulah asyiknya ngeblog, ibarat sebuah buku yang bisa di bikin sesuka kita, coret sana coret sini, begitu juga dengan halaman blog kita bisa pasang ini pasang itu, copot in copot itu, atau rubah ini rubah itu, termasuk memasukkan kode warna HTML di blog, tapi hati2 otak-atik bole jangan sampe apa yang di kerjain malah merusak,

oky deh tanpa banyak basa-basi berikut kode warna html 2012 lengkap :

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000

selamat berotak-atik dengan kode warna HTML 2012 di atas, semoga membantu dan bermanfaaat tentunya,,

Baca Selengkapnya

Membuat Efek Zoom Sederhana Pada Gambar

Bagaimana cara membuat suatu effect pada gambar atau image yang kita pasang, yaitu effect yang membuat besar image atau gambar ketika mouse diletakkan tepat di atasnya atau di sorot. Banyak sekali web yang telah menjelaskan cara menggunakan aplikasi effect seperti ini, biasanya web yang menampilkan galeri gambar. disini saya akan mencoba berbagi membuat efek zoom yang sangat sederhana mungkin tidak sebagus bila menggunakan script-script JQuery. Sebelum mencobanya saya sarankan untuk melihat demonya dulu.

Langsung aja ya...!!!

• Cari script ]]></b:skin> kemudian letakkan script di bawah ini tepat di atasnya.

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
font: arial black;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 60px;
}

• Kemudian Simpan...!!!
• Setelah itu copy-paste script brikut, letakkan di mana saja sesuai keinginan anda.

<a class="thumbnail" href="#thumb"><img src="Url Gambar" width="100px" height="66px" border="0" /><span><img src="Url Gambar" /><br />keterangan Gambar</span></a>

Semoga Bermanfaat...!!!

Baca Selengkapnya

Menonaktifkan Klik Kanan Pada Blog

Klik kanan pada mouse pada browser merupakan cara terbaik yang dilakukan untuk melihat, mencopy, menyimpan file teks, image/gambar dan kode-kode tertentu pada suatu halaman website . Terlebih untuk webmaster yang senang mencari-cari bahan untuk membuat websitenya. copy paste, image dan teks lebih mudah dilakukan dengan klik kanan mouse pada halaman browser, dan simpan atau lihat. Tetapi beberapa orang mungkin menggunakannya dalam cara yang buruk atau tindakan ilegal bahkan tanpa ijin mempublikasikan ulang tanpa meninggalkan info sumber data.

Sebagai pemilik website/blog Anda mungkin tidak ingin ada beberapa konten web atau blog anda di copy tanpa ijin, karena itu anda bisa menggunakan opsi disable klik kanan atau menonaktifkan klik kanan pada blog anda untuk melindungi postingan Anda.

Untuk demonya silahkan dilihat pada link berikut :

Ikuti langkah-langkah dibawah, cara pembuatannya :

• Seperti biasa masuk dulu ke akun blogger
• Pilih Tata Letak
• Kemudian Elemen Laman
• Klik Tambah Gadget
• Pilih HTML/Javascript
• Copy kode dibawah ini lalu Paste di dalamnya HTML/Javascript.

<script language="JavaScript">
var message="Maaf Klik Kanan Di Sini Tidak Berfungsi...!!!";
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
</script>

• Simpan
• Gampangkan...!!! hehee...

Semoga Bermanfaat...!!!

Baca Selengkapnya

Mengubah Warna Font pada Blog

Bagi teman-teman yang tidak puas dengan pengaturan default, Sebenarnya blogger juga menyediakan beberapa fasilitas ini. Salah satunya, agar tampilan tulisan pada posting terlihat lebih menarik, kita bisa merubah warnanya sesuka kita. Untuk kali ini teman-teman bisa mengubah warna font pada postingan dengan cara memasang widget tambahan. Dengan widget ini yang dapat mengubah warna font bukan hanya admin pengunjung pun bisa merubah warna sesuka mereka, demi kenyamanan dalam membaca artikel.

Seperti biasa sebelum teman-teman mencoba mending lihat dulu demonya dari pada menyesal kemudian,hehee

Gimana apa kah teman-teman tertarik ingin mencobanya, bila tertarik langsung di coba aja berikut langkah-langkah membuatnya :

• Masuk ke Edit HTML kemudian copas script di bawah ini di atas </head>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

• Setelah itu simpan template lanjutakan ke Elemen Laman.
• Tambahkan gadget HTML/JavaScript, copas script dibawah ini kedalamnya.

<!-- Code Begins -->
<!-- http://amcied-logica.blogspot.com -->
<style type="text/css">
#tuw-font-change-widget ul {width: auto; overflow: hidden;margin: 0 0 20px !important;padding: 0 !important;list-style; none !important;}
#tuw-font-change-widget ul li {width: 20px !important;height: 20px !important;overflow: hidden;margin: 0 10px 0 0 !important;padding: 2px !important;display: block !important;float: left !important;border: 1px solid #CCCCCC !important;}
#tuw-font-change-widget ul li a {width: 20px !important;height: 20px !important;display: block !important;line-height: 18px !important;text-align: center !important;color: #FFFFFF !important;font-size: 11px !important;font-family: Tahoma !important;text-decoration: none !important; outline: 0 !important;}

#fcw-black { background: #000000 !important; }
#fcw-white { background: #088A08 !important; }
#fcw-blue { background: #0066CC !important; }
#fcw-gray { background: #666666 !important; }
#fcw-red { background: #ed1c24 !important; }
#fcw-yellow { background: #ffff00 !important; }
#fcw-color a { text-indent: -999px !important; }
#fcw-size a { text-indent: 0 !important; background: #333333 !important; }
</style>

<script type="text/javascript">
$(document).ready(function(){
$(" #fcw-color #fcw-black ").click(function() {
$(" .post-body ").css({ color: "#000000" });
return false;
});
$(" #fcw-color #fcw-white ").click(function() {
$(" .post-body ").css({ color: "#088A08" });
return false;
});
$(" #fcw-color #fcw-blue ").click(function() {
$(" .post-body ").css({ color: "#0066CC" });
return false;
});
$(" #fcw-color #fcw-gray ").click(function() {
$(" .post-body ").css({ color: "#666666" });
return false;
});
$(" #fcw-color #fcw-red ").click(function() {
$(" .post-body ").css({ color: "#ed1c24" });
return false;
});
$(" #fcw-color #fcw-yellow ").click(function() {
$(" .post-body ").css({ color: "#ffff00" });
return false;
});
});
</script>

<div id="tuw-font-change-widget">
<div class="tuw-fcw">
<h2> Ganti warna tulisan </h2>
<ul id="fcw-color">
<li> <a id="fcw-black" href="#">black</a> </li>
<li> <a id="fcw-white" href="#">green</a> </li>
<li> <a id="fcw-blue" href="#">blue</a> </li>
<li> <a id="fcw-gray" href="#">gray</a> </li>
<li> <a id="fcw-red" href="#">red</a> </li>
<li> <a id="fcw-yellow" href="#">yellow</a> </li>
</ul>
</div>
</div>
<!-- Code ends -->

• Selesai deh, tinggal di lihat hasilnya.

Semoga Bermanfaat..!!! selamat berkreasi.. :)

Baca Selengkapnya

Pengertian Efektivitas Kerja

Dalam postingan ini saya akan coba tulis artikel pengertian efektivitas kerja menurut beberapa ahli ekonomi yaitu :

Dalam kamus Inggris-Indonesia karangan Echols dan Shadily (1977 : 207), Efektivitas berasal dari kata “Effective”, yang artinya “Berhasil” atau “Ditaati”. Sedangkan menurut Emerson (dalam Handayaningrat, 1996 : 16), berpendapat bahwa efektivitas (effectiveness) adalah : “is masuring in term of attaining prescibed goals or objectives”. Efektivitas adalah pengukuran dalam arti tercapainya sasaran atau tujuan yang telah ditentukan sebelumnya.

Selanjutnya Dunn, terjemahan Tim Universitas Gajah Mada, dalam konteks evaluasi analisis kebijakan (2000:640), memberikan kriteria tentang hasil-hasil pelaksanaan kebijakan, yaitu :

• Efektivitas, sejauh mana hasil yang diinginkan dapat dicapai
• Efisiensi, seberapa jauh pencapaian hasil yang diinginkan memecahkan masalah
• Kecukupan, seberapa jauh pencapaian hasil yang diinginkan memecahkan masalah
• Perataan, apakah biaya dan manfaat didistribusikan dengan merata kepada kelompok-kelompok yang berbeda.
• Responsivitas, apakah hasil kebijakan memuasakan kebutuhan preferensi atau nilai kelompok tertentu
• Ketepatan, apakah hasil (Tujuan) yang diinginkan, benar-benar berguna atau bernilai.

Dalam organisasi modern di mana berbagai pekerjaan kompleks dan beragam, kriteria penilaian efektivitas cukup beragam pula. Steers (1985 : 44-48) mengetengahkan model-model efektivitas organisasi, yang olehnya diistilahkan dengan : kriteria berdimensi satu, yang meliputi ukuran : prestasi, produktivitas, laba, dan seterusnya. Yang dimaksud oleh Steers di sini adalah kriteria penilaian efektivitas organisasi yang muncul dari gejala-gejala dalam lingkup organisasi

Kemudian efektivitas organisasi yang bervariasi ganda, dalam kriteria yang berbeda serempak, yang meliputi 19 (sembilan belas) kriteria yaitu : Efektivitas keseluruhan, kualitas, produktivitas, ke siagaan, efisien, laba atau penghasilan, pertumbuhan, pemanfaatan lingkungan, stabilitas, perputaran atau keluar masuknya pekerja, ke mangkiran, kecelakaan, semangat kerja, motivasi, kepuasan, penerimaan tujuan organisasi, kepaduan konflik-konflik kompak, keluwesan adaptasi, dan penilaian oleh pihak luar.

Dari kesembilan belas kriteria tersebut, ada beberapa hal yang perlu mendapat penjelasan : 1). Efektivitas keseluruhan, adalah sejauh mana organisasi melaksanakan seluruh tugas pokoknya atau mencapai semua sasarannya. Dalam konteks ini organisasi di nilai secara umum; 2) produktivitas, kuantitas, atau volume dari produk atau jasa pokok yang dihasilkan organisasi. Dapat di ukur melalui tiga tingkatan : tingkat individual, kelompok dan keseluruhan organisasi. Ini bukan ukuran dari efisiensi, tidak ada perhitungan nisbah biaya dan keluaran. 3) Efisiensi, nisbah yang mencerminkan perbandingan beberapa aspek prestasi unit terhadap biaya untuk menghasilkan prestasi. Contoh, berapa rupiah dikeluarkan untuk tiap unit produksi, jumlah waktu turun mesin, tingkat penyelesaian rencana, standar karya atau lain-lain patokan dipenuhi. Kadang-kadang hanya menggunakan total jumlah biaya (uang, bahan-bahan dan sebaginya) yang telah dikeluarkan oleh satu unit selama periode tertentu.

Dari gambaran tersebut di atas, dapat disimpulkan tentang pengertian efektivitas organisasi ataupun efektivitas kerja, yaitu : pertama, hasil-hasil yang dicapai oleh suatu organisasi secara keseluruhan dalam periode tertentu. Sebagai perbandingan hasil ini, dapat berupa rencana, kebijaksanaan dan sarana-sarana yang telah ditetapkan sebelumnya. Kedua, kriteria penilaian efektivitas kerja atau efektivitas organisasi, tidak saja menyangkut gejala-gejala dalam lingkup organisasi itu sendiri (hasil dalam lingkup internal organisasi) atau hasil-hasil yang materil tapi berlaku untuk semua sasaran baik itu di luar organisasi atau yang non-materiil.

Baca Selengkapnya

Artikel Pengertian Contextual Teaching and Learning / CTL

Lama blog ini tidak saya isi dengan konten baru (update) untuk kali ini saya sempatkan untuk posting artikel tentang pengertian kontekstual (Contextual Teaching and Learning / CTL), karena mungkin banyak sekali dari para pengguna informasi internet sangat membutuhkan baik untuk tugas kuliah atau pembuatan makalah atau juga untuk skripsi, nah langsung saja ke pokok Pengertian atau arti dari Contextual Teaching and Learning / CTL. 

Menurut beberapa ahli

Upaya peningkatan kualitas pendidikan di Indonesia tidak pernah berhenti. Berbagai terobosan baru terus dilakukan oleh pemerintah melalui Depdiknas. Upaya itu antara lain dalam pengelolaan sekolah, peningkatan sumber daya tenaga pendidikan, pengembangan/penulisan materi ajar, serta pengembangan paradigma baru dengan metodologi pengajaran.

Pendekatan kontekstual (Contextual Teaching and Learning (CTL) merupakan konsep belajar yang membantu guru mengaitkan antara materi yang diajarkannya dengan situasi dunia nyata siswa dan mendorong siswa membuat hubungan antara pengetahuan yang dimilikinya dengan penerapannya dalam kehidupan mereka sebagai anggota keluarga dan masyarakat (Imam Mujahid, 2005:3).

Dengan konsep itu, hasil pembelajaran dihadapkan lebih bermakna bagi siswa. Proses pembelajaran berlangsung alamiah dalam bentuk kegiatan siswa bekerja dan mengalami, bukan transfer pengetahuan dari guru ke siswa. Strategi pembelajaran lebih dipentingkan daripada hasil.

Dalam kelas kontekstual, tugas guru adalah membantu siswa mencapai tujuannya. Maksudnya, guru lebih banyak berurusan dengan strategi daripada memberi informasi. Tugas guru mengelola kelas sebagai sebuah tim yang bekerja bersama untuk menemukan sesuatu yang baru bagi anggota kelas (siswa). Sesuatu yang baru (baca: pengetahuan dan keterampilan) datang dari 'menemukan sendiri', bukan dari 'apa kata guru'. Begitulah peran guru di kelas yang dikelola dengan pendekatan kontekstual. Kontekstual hanya sebuah strategi pembelajaran. Seperti halnya strategi pembelajaran yang lain, kontekstual dikembangkan dengan tujuan agar pembelajaran berjalan lebih produktif dan bermakna. Pendekatan kontekstual dapat dijalankan tanpa harus mengubah kurikulum dan tatanan yang ada.

Namun demikian, dalam penerapannya pendekatan kontekstual bukan merupakan pekerjaan yang mudah , karena guru harus betul-betul memiliki kompetensi yang mumpuni dalam materi yang diajarkan. Disamping itu, pendekatn ini akan mengalami kesulitan apabila keadaan siswa kurang redines dalam materi pembelajaran yang akan disampaikan.

Pendekatan kontekstual (Contextual Teaching and Learning (CTL) merupakan konsep belajar yang membantu guru mengaitkan antara materi yang diajarkannya dengan situasi dunia nyata siswa dan mendorong siswa membuat hubungan antara pengetahuan yang dimilikinya dengan penerapannya dalam kehidupan mereka sebagai anggota keluarga dan masyarakat. Dengan konsep itu, hasil pembelajaran dihadapkan lebih bermakna bagi siswa. Proses penilaian berlangsung alamiah dalam bentuk kegiatan siswa, bekerja dan mengalami, bukan hanya transfer pengetahuan dari guru ke siswa. (Imam Mujahid, 2005:1)

Dikatakan oleh Sri Whardani (2004:5) bahwa pendekatan CTL memiliki tujuh komponen utama, yaitu konstruktivisme (Constructivism), menemukan (Inquiry), bertanya (Questioning) masyarakat belajar (Learning Community), pemodelan (Modeling), refleksi (Reflection) dan penilaian yang sebenarnya (Authentic Assessment). Sebuah kelas dikatakan menggunakan pendekatan CTL jika menerapkan ketujuh komponen tersebut dalam pembelajarannya. Dan, untuk melaksanakan hal itu tidak sulit. CTL dapat diterapkan dalam kurikulum apa saja, bidang studi apa saja, dan kelas yang bagaimanapun keadaannya.

Lebih jauh Sri Whardani (2004:8) mengatakan bahwa penerapan CTL dalam kelas cukup mudah. Secara garis besar, langkahnya adalah sebagai berikut :

1. Kembangkan pemikiran bahwa anak akan belajar lebih bermakna dengan cara bekerja sendiri, menemukan sendiri, dan mengkostruksi sendiri pengetahuan dan keterampilan barunya.
2. Laksanakan sejauh mungkin kegiatan inkuiri untuk semua topik.
3. Kembangkan sifat ingin tahu siswa dengan bertanya.
4. Ciptakan 'masyarakat belajar' (belajar dalam kelompok-kelompok).
5. Hadirkan 'model' sebagai contoh pembelajaran.
6. Lakukan refleksi di akhir pertemuan.
7. Lakukan penilaian yang sebenarnya dengan berbagai cara.

Nah mungkin itu yang bisa saya bagi dengan teman-temen untuk lengkapnya silahkan googling atau cari di blog yang lain. Untuk download filenya silahkan klik di sini... 

Baca Selengkapnya