Kode Warna HTML

Cara Mengetahui Kode warna HTML - Kode Warna HML sangat diperlukan dalam proses mengedit template blog. Untuk mengubah warna pada bagian - bagian blog ( warna sidebar, warna garis pinggir, warna link, warna huruf, dll ), kita bisa menggunakan bahasa inggris warna yang kita inginkan. Misalnya, RED untuk warna merah, BLACK untuk warna hitam, WHITE untuk warna putih, GREY untuk warna abu abu, dll. Masalahnya, dengan menggunakan bahasa inggris dari warna yang diinginkan, kita tidak bisa mendapatkan warna yang pas. Untuk membuat warna abu abu tua, kita tidak bisa menggunakan kata GREY, begitu juga untuk warna yang lain seperti biru muda, coklat tua, dll. Karena itu, kita harus menggunakan KODE WARNA HTML agar kita bisa mendapatkan warna yang sangat pas untuk sesuai dengan yang kita inginkan. Sayangnya lagi, kita tidak mungkin bisa menghafal semua KODE WARNA HTML. Untuk itu, saya menyediakan tools di blog ini untuk memudahkan anda melihat dan menambahkan  KODE WARNA HTML. Ada 2 tools di handphone eh, maksud saya blog ini yang bisa anda gunakan baik untuk melihat "KODE HTML warna" , maupun untuk melihat "WARNA kode html". Berikut kedua TOOLS dan cara menggunakannya :

Tools untuk melihat Kode Warna
Melihat KODE HTML warna yang diinginkan.
Klik warna yang anda inginkan lalu secara otomatis kode dari warna yang anda klik akan terlihat pada kotak kecil di sampingnya ( kotak pertama / kotak yang paling atas ). 3 kotak warna di bawahnya sebagai warna alternatif yang mungkin anda inginkan juga. Anda tinggal mengcopy paste kode warna tersebut.

Melihat WARNA kode html

Anda punya kode warna di template blog tapi tidak tahu kode warna tersebut untuk warna apa ? Masukkan atau ketikkan kode warna anda pada KOTAK yang ada di bawah tulisan "Insert the hex code ( without"#") below and press the Update button". Ingat...!!! jangan masukkan tanda pagar ( # ), misalnya anda ingin mengetahui warna dari kode warna #FF3300 maka masukkan kode FF3300 saja pada kotaknya lalu klik tombol "UPDATE". Secara otomatis, anda akan melihat warna dari kode warna #FF3300 pada kotak kecil di atasnya beserta 3 pilihan warna alternatif.







Notes :
Jika anda tidak bisa melihat tollsnya, berarti anda membutuhkan Adobe Plash Player. Download versi terbaru "Disini"

Semoga Tolls untuk melihat kode warna HTML di atas bermanfaat.... Happy blogging.... 

Read More ->>

Cara Membuat Fan Page Facebook Auto Hide

Cara Membuat fan page Facebook Auto Hide ( muncul tanpa di klik ) - Ada beberapa cara memodifikasi fanpage facebook , setidaknya kali ini saya akan kasih salah satunya.. Setelah mempostingan artikel tentang

cara memasang headline news di blog, kali ini akan memposting tentang fanpage facebook auto hide. 

Hampir mirip dengan chatbox milik ane yang bisa sobat liat di sebelah kanan halaman ini, widget ini akan muncul di bagian tepi sebelah kanan halaman blog sobat juga. 

DEMO

Tertarik untuk memasang widget fanpage facebook auto hide, ikuti langkah -langkahnya..

Tahap 1

1. log in ke akun Blog sobat.

2. Klik Rancangan --> Edit HTML --> Cari kode </head> ( gunakan Ctrl + F )

3. Letakkan kode berikut di atasnya.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Tmbhn : Jika sobat dapati kode tersebut memang sudah ada, hiraukan tahap ini dan langsung ke tahap berikut..

4. Klik Save

Tahap 2

1. Klik Elemen Laman

2. Klik Tambah Gadget

3. Pilih HTML/Javascript

4. Masukkan kode berikut ke dalam kotak yang di sediakan

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/idebagus/149904085104258&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://christiantatelu.blogspot.com/2012/01/cara-membuat-fan-page-facebook-auto.html">Tutorial Here</a></span></div></div>

Tmbhn : Ganti tulisan bercetak TEBAL dan berwarna Merah dengan URL page sobat
seperti gambar berikut..

5. Klik save dan lihat hasilnya!!

Semoga tips di atas bisa membantu sobat blogger.. Sekian.

Read More ->>