Cara Lihat Kode warna dengan firefox

Saya sering menggunakan PickPick - Color Picker untuk mendapatkan atau melihat kode warna HTML pada sebuah elemen halaman website. Ini lebih mudah dan tepat dibandingkan klik kanan > Inspect Element. Kali ini saya akan memberikan sebuah perintah (command) Firefox untuk melihat kode warna jadi Anda tidak membutuhkan aplikasi pihak ketiga atau add-ons apapun.

Perintah eyedropper menyediakan kemampuan untuk mendapatkan kode HTML untuk warna elemen pada halaman cukup dengan hover. Jadi Anda tidak perlu lagi alat pihak ketiga atau add-ons jika Anda perlu mencari tahu warna persis yang telah digunakan untuk teks pada blok tertentu atau gambar pada halaman web Anda. Ini benar-benar mengesankan.

Berikut adalah petunjuk langkah-demi-langkah tentang cara menggunakan perintah eyedropper.

1. Buka Firefox dan tekan tombol Shift + F2 di keyboard. Firefox akan membuka sebuah console / command line di bagian bawah layar.
2. Ketik teks berikut dalam kotak perintah (command box) yang baru saja Anda buka : eyedropper
   
3. Setelah Anda menekan tombol Enter di keyboard, kursor mouse akan berganti menjadi linkaran jendela pratinjau dengan zoom. Hover elemen yang Anda inginkan untuk melihat kode warna HTML! Jika Anda ingin menyalin kode warnanya klik saja, kode warna akan dicopy ke clipboard.

Perintah eyedropper sangat membantu para desainer untuk membangun CSS website atau mereka yang bekerja dengan Adobe Photoshop. Ini adalah cara yang cepat untuk mendapatkan warna yang diinginkan.
[disadur dari Mas ABD.Rahman ]

Widget Jam Untuk Blog

Halo Sobat Blogger??? di sini saya akan menunjukkan cara untuk menambahkan animasi flash gadget jam blog anda [blogger]. Dengan menambahkan Jam blog sobat akan indah dilihat .Jam sudah menjadi keperluan untuk sebuah website pribadi , forum , � blog dan sebagainya � �  itu menarik ketika anda mendapatkan jam benar-benar sangat berkualitas. Hal ini sangat cepat dan fresh, sobat hanya perlu untuk menyalin kode di bawah masing-masing Jam dan menambahkannya ke blog sobat.

.

Bagaimana untuk menambah animasi jam flash widget untuk blogger?

• Pilih Jenis Jam dibawah ini.
• Beri nama jam sobat
• Setting ukuran jam [tinggi dan panjangnya]
• Klik tombol "Genetate"
• Terakhir klik "Add to Blogger" untuk menambahkan keblog sobat.

Cara Menambahkan Wdget Jam Pada Blog Sobat.


Mari Kita mulai menambahkan widget jamnya .

Step 1. Login blogger dahulu >> Pilih Tata letak.

Step 2. Setelah itu pilih "Add a Gadget" .

Step 3. Pilih 'HTML/Javascript' dan tambahkan kode yang tadi.

Step 4. Terakhir Klik save / simpan.


Selamat mencoba !




disadur dari : [http://24work.blogspot.com]

Cara Membuat Popular Post Lebih Menarik

Agar tampilan blog kita lebih menarik dan tidak membuat bosen penggunjung anda bisa membuat popular postnya berbeda dari yang yang lain.Yuk kita simak langkahnya.....

• Masuk ke Blogger.com
• Pilih Template > Edit HTML.
• Cari kode ]]></b:skin> dan Copy kode dibawah ini tepat diatasnya
• Simpan dan lihat hasilnya. 

.popular-posts ul{padding-left:0px;font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} .popular-posts ul li {background: url(#) no-repeat scroll 5px 5px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border: 1px solid #ff3030; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .popular-posts ul li:hover { background: #ffb6c1;border:1px solid #ff3030; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);height:70px;width:70px;}.popular-posts .item-thumbnail img:hover { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}

Selamat mencoba ya???

Cara Membuat Kotak atau Box Srcipt Beserta Kodenya

Cara Membuat Kotak atau Box Srcipt Beserta Kodenya

Simple Box

  Copy saja codenya

<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>

Ridge Border

  Copy saja codenya

<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>

Simple Box 2

Copy saja codenya

<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div>

Inset Border
Copy saja codenya

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini……</</div>

Outset Border

Copy saja codenya

<div style="border: 3px #5f200e  outset; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>

Double Border
Copy saja codenya

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div>

Dotted Border

Copy saja codenya

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>

Dashed Border

Copy saja codenya

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Kode Script Anda Disini……</div>

Scroll Box

Copy saja codenya

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> Kode Script Anda Disini…… </div>

Sahabat Blogger Pilihlah salah satu kode yang Anda sukai, Kemudian copy kode scriptnya lalu Anda paste kan kode tersebut dalam mode HTML di post editor Blogger saat Posting Artikel.
Sahabat Blogger bisa merubah ukuran border, warna border, ukuran box, warna background sesuai warna dan ukuran yang Blogger kehendaki.Demikian Cara Membuat Kotak atau Box Srcipt Beserta Kodenya, Semoga bisa membantu blogger semua.

Cara Sederhana Agar Blog Tidak Bisa di Copy Paste

Cara sederhana agar blog kita tidak bisa dicopy paste adalah dengan cara menonaktifkan beberapa fungsi keyboard dan mouse ketika berada diblog kita.

Berikut cara sederhana agar blog kita tidak bisa dicopy paste :

1. Anda harus Login dulu ke Blogger
2. Klik Templete dan Edit HTML
3. Cari code </head>     [ ctrl+f ]
4. Copy paste script berikut tepat diatas code tersebut

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

       5.Save / simpan templete dan lihat hasilnya.

Demikian Cara Sederhana agar blog kita tidak bisa di copy paste, mudah bukan ??? Selamat mencoba diblog sobat masing-masing.