Ini adalah judul fitur slide 1

Selamat Datang DiGalerry

Selamat Datang Di Gallery Kami

Contack 0856 7177 345

Selamat Datang DiGalerry

Untuk Belajar Tentang Blog

Dany Riansyah

Contact 0878 8443 6449

Selamat Datang Di Galerry

Contact : 0878 8443 6449

Sunday, December 30, 2012

Cara Menghilangkan widget Powered by Blogger

1:47 PM  Unknown  No comments


Cara Menghilangkan widget Powered by Blogger


Powered by Blogger

widget powered by blogger terkadang mengganggu , oleh sebab itu pada hari ini saya mau update tentang cara menghilangkan widget powered by blogger di blog , caranya sebagai berikut :
  1. masuk pada "Design" Lalu "Edit HTML"
  2. masukkan code css dibawah ini diatas code ]]></b:skin>
 #Attribution1 {height:0px;
visibility:hidden;
display:none
} 
      3. Tinggal di save .

Begitulah cara menghilangkan widget poered by blogger di blog

Read More

Cara Membuat Menu Combo Box dan Go Button Menggunakan HTML

12:22 PM  Unknown  No comments

Cara Membuat Menu Combo Box dan Go Button Menggunakan HTML


Cara Membuat Menu Combo Box Dan Go Button Menggunakan HTML
Cara Membuat Menu Combo Box dan Go Button Menggunakan HTML - Dalam mendisain sebuah halaman Website tentu kita akan membuat sebuah menu yang akan menghubungkan setiap halaman yang ada di dalam Website tersebut. Dalam pembuatan menu itu sendiri berbagai macam cara dan gaya bisa dibuat, sesuai dengan selera dan kebutuhan si pembuat Website itu sendiri.
Pada postingan kali ini, saya akan berbagi tentang bagaiman cara membuat menu combo box dan go button menggunakan HTML. Sebagai catatan postingan ini cocok bagi para pemula yang ingin belajar membuat Website hanya dengan menggunakan script HTML saja, tapi untuk para professional mungkin hal ini bukanlah perkara yang susah dan mungkin dianggap biasa-biasa saja bahkan ketinggalan jaman.
Untuk membuat menu combo box dan go button menggunakan HTML ini, kita bisa menggunakan Teks editor seperti Notepad atau Notepad++ atau jika anda ingin yang lebih pas lagi, anda bisa menggunakan software Web Builder seperti Dreamweaver, Bluefish, HTMLKit, atau Kompozer. Jika anda menggunakan Notepad, buatlah file baru dan tulis atau copy paste script HTML di bawah ini :
<html>
<head>
<title>Menu pull down dengan Go button menggunakan HTNL</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″>
<script type=”text/javascript”>
<!–
function OnGoMenuFormLink(GoList)
{
var url = GoList.options[GoList.selectedIndex].value;
var target = GoList.options[GoList.selectedIndex].className;
GoList.selectedIndex=0;
GoList.blur();
if (url)
{
NewWin=window.open(url,target);
window['NewWin'].focus()
}
}
//–>
</script>
</head>
<body>
<div style=”position:absolute;
left:112px;
top:90px;
z-index:0″>
<form name=”GoMenuForm0″ action=”">
<select name=”GoMenu” style=”position:absolute;
left:1px;
top:1px;
width:199px;
height:20px;
font-family:Courier New;
font-size:13px;”>
<option selected>Pilih Menu</option>
<option class=”_self” value=”">Beranda</option>
<option class=”_self” value=”">Download</option>
<option class=”_self” value=”">Tentang Kami</option>
<option class=”_self” value=”">Back Link</option>
</select>
<input type=”button” value=”GO” style=”position:absolute;
left:203px;
top:0px;
width:37px;
height:22px;
font-family:Courier New;
font-size:13px;
” onClick=”OnGoMenuFormLink(this.form.GoMenu)”>
</form>
</div>
</body>
</html>
Setelah anda menulis atau mengcopy paste script di atas, save as file tersebut dengan opsi Save as type dengan “All Files” dan beri nama file dengan ekstensi akhit .html (Contoh: “menu.html”) kemudian tekan Save. Setelah itu buka file html tersebut dengan Internet Browser favorit anda.
Catatan :
Menu-menu yang dibuat di atas belum terhubung dengan halaman yang kita inginkan, untuk menghubungkan menu diatas adalah dengan mengedit srcipt : <option value=”"> Isilah script value=”" dengan nama file atau halaman Website yang anda inginkan. Contoh <option value=”download.html”>.
Selain itu nama-nama menu yang ditampilkan juga bisa diubah sesuai keingian anda, dan script yang harus anda ubah adalah teks yang saya garis bawahi:
<option selected>Pilih Menu</option>
<option value=”">Beranda</option>
<option value=”">Download</option>
<option value=”">Tentang Kami</option>
<option value=”">Back Link</option>
Demikian postingan cara membuat menu combo box dan go button menggunakan HTML, selamat mencoba dan semoga bermanfaat. Jangan lupa kritik saran dan komentar positif dan membangunnya, demi kebaikan dan kemajuan kita bersama.

Read More

Membuat Menu Horizontal DropDown Dengan Kotak Pencarian

11:43 AM  Unknown  No comments

Membuat Menu Horizontal DropDown Dengan Kotak Pencarian

Membuat Menu Horizontal DropDown Dengan Kotak Pencarianpastinya sudah tahu kan yang dimaksud dengan Menu Horizontal, ya menu horizontal adalah menu yang sub navigasinya bergerak ke bawah seperti tirai atau yang sering disebut dengan menu horizontal drop down jika kita mengarahkan cursor mouse kita ke salah satu judul navigasinya. Memang sobat Erwin banyak sekali bentuk yang kreatif dan menarik dari berbagai model menu Dropdown yang bertebaran di Internet, tapi pada kesempatan kali ini farhan akan share Menu DropDown Horizontal lengkap dengan kotak pencarianya, agar memudahkan para pengunjung dalam mencari artikel yang mereka minati, dan juga menghemat space di blog, karena kita tidak membutuhkan widget baru lagi untuk membuat kotak pencarian, jadi kita bisa menghemat space blog untuk widget yang sekiranya lebih penting untuk di prioritaskan. Baik, sobat Erwin di bawah ini sudah saya persiapkan kode css menu horizontal drop down dan cara pemasanganya, di simak baik-baik ya
1. Login ke Blogger.2. Pilih Template.3. Pilih Download Full Template (berjaga-jaga bila terjadi kesalahan dalam meng-edit HTML).4. Pilih Edit HTML.5. Centang box "Expand Template Widget".6. Sobat cari kode ]]></b:skin> menggunakan CTRL+F atau F3, lalu sobat letakkan kode di bawah ini tepat diatasnya.
#imenu {
background: #5e5e5e; /* Old browsers */
background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 49%, #5e5e5e 51%, #777777 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(49%,#707070), color-stop(51%,#5e5e5e), color-stop(100%,#777777)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* IE10+ */
background: linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* W3C */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #fff;
border: none;
text-decoration: none;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
overflow: visible;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-appearance: none;
margin-bottom: 15px;
margin-left:0px;
}
#halfnav{float:right;}
#halfnav ul, #halfnav ul li{display:inline;list-style:none;padding:0;margin:0}
#halfnav ul li a{
display:inline-block;
margin: 5px;
font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
font-size:16px;
padding: 5px;
color:#fff;
line-height:20px;
text-decoration:none;
background: #5e5e5e; /* Old browsers */
background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 49%, #5e5e5e 51%, #777777 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(49%,#707070), color-stop(51%,#5e5e5e), color-stop(100%,#777777)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* IE10+ */
background: linear-gradient(top, #8a8a8a 0%,#707070 49%,#5e5e5e 51%,#777777 100%); /* W3C */
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
border: 1px solid #666;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#halfnav ul li a:hover{border: 1px solid #222;box-shadow:inner 0 0 5px #000;-moz-box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px#000;background:#444}
#halfnav .current-menu-item a{border: 1px solid #000;}
#nav{position:relative;z-index:2000}
#nav .parent > a, #nav .parent > a:hover{background-image:url(../images/arrow.png);background-position:right;background-repeat:no-repeat}
#nav ul ul .parent > a, #nav ul ul .parent:hover > a:hover, #nav ul ul li:hover ul .parent > a, #nav ul ul li:hover ul .parent > a:hover{background-image:url(../images/arrow-right.png);background-position:right;background-repeat:no-repeat}
#nav ul, #nav ul li{display:inline;list-style:none;padding:0;margin:0}
#nav ul li a{display:inline-block;font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;font-size:14px;color:#fff;line-height:36px;text-decoration:none;text-shadow:1px 1px 1px #333;padding:0 15px;margin-left:-4px;border-right:#777 1px solid}
#nav ul li a:hover{box-shadow:inner 0 0 5px #000;-moz-box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px#000;background:#444}
#nav .current-menu-item a{color:#ccc;}
#nav .current-menu-item .sub-menu a{color:#fff;text-shadow:1px 1px 1px #333}
#nav .menu > li:first-child a:hover{border-radius:0}
#nav .menu .sub-menu li a:hover{border-radius:0}
#nav ul li{position:relative}
#nav li ul{display:none;position:absolute;top:27px;left:7px}
#nav li ul a{background:#555}
#nav ul ul li:hover ul, #nav ul ul ul li:hover ul{left:0;margin:-37px 0 11px 180px}
#nav ul li:hover ul{display:inline-block}
#nav ul ul, #nav ul li:hover ul ul, #nav ul ul li:hover ul ul{display:none}
#nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul{display:block}
#nav ul li:hover ul li a, #nav ul ul li:hover ul li a, #nav ul ul ul li:hover ul li a{border:#777 1px solid;margin:-1px 0 0 -11px}
#nav ul li:hover ul li a{width:150px;padding:0 14px}
#nav ul ul li:hover ul li a{width:150px;padding:0 14px;background-color:#888}
#nav ul ul ul li:hover ul li a{width:150px;padding:0 14px;background-color:#aaa}
#nav .children {z-index: 4000;}
#home {float: left;border-right:#777 1px solid;margin-right:4px;margin-left:15px; height: 36px;}
#home a:hover{opacity: .5}
#nohome {float: left; margin-right:4px;margin-left:5px; height: 35px;}
.searchform {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
width: 160px;
padding: 0;
margin: 7px 5px 5px 10px;
height: 20px;
box-shadow:inset 0 0 1px #222;
background: #fff;
float: right;
margin-right: 20px;
}
.center .searchform {float:none;}
#morefoot .searchform {float:left;}
.searchform .s{
margin:0;
border: none;
margin: 3px 2px 2px 20px;
font-size: 12px;
height: 14px;
width: 130px;
color: #333;
overflow: hidden;
}
#magnify {float:left;position:absolute;margin: 2px 0 0 5px;}
#magnify {margin: 0 0 0 5px}
.searchform .s:focus {outline:0; border:none;}
.searchform .searchsubmit {display:none;}
.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
/* To fix the grid into a certain size, set max-width to width */
.row .row { min-width: 0; }
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
.column:first-child, .columns:first-child { margin-left: 0; }
[class*="column"] + [class*="column"]:last-child { float: right; }
.row .three { width: 21.679%; }
.row .nine { width: 73.9%; }
.row .ten { width: 82.6%; }
.row .twelve { width: 100%; }

Catatan : Ganti kode yang berwarna merah dengan ukuran lebar/width blog sobat.

7.  Klik "Save Template".

8. Pilih Tata Letak.

9. Pilih Add Gadget (gadget di bawah header  untuk menu navigasi).

10. Pilih HTML/JavaScript.

11. Letakkan kode di bawa ini ke dalam box "Konten".

<div class="container">
<div class="row">
<div class="twelve columns" id="imenu">
<div id="nav" class="nine columns">
<div id="home"><a href="http://farhanshare.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVHftc-00HcDBRMthNRi6E8yNc9Aqk-nBYwUSOiirxTdp3F6iNoMi1si-74LsWbTb-m6Kr7C36KC0Sbb_J1ztGV2aEbMqAGwxcwXUQNVVS3FWkUb4MqEAT4yjG8D5AmtTLjPDdJWiSMWt3/s320/home.png" alt="home"></a></div>
<ul id="nav_menu">
<li><a href="#">Tutorials</a>
<ul>
<li><a href="#">HTML / CSS</a></li>
<li><a href="#">JS / jQuery</a>
<ul>
<li><a href="#">jQuery</a></li>
<li><a href="#">JS</a></li>
</ul>
</li>
<li><a href="#">PHP</a></li>
<li><a href="#">MySQL</a></li>
<li><a href="#">XSLT</a></li>
<li><a href="#">Ajax</a></li>
</ul>
</li>
<li><a href="#">Resources</a>
<ul>
<li><a href="#">By category</a>
<ul>
<li><a href="#">PHP</a></li>
<li><a href="#">MySQL</a></li>
<li><a href="#">XSLT</a></li>
<li><a href="#">Ajax</a></li>
</ul>
</li>
<li><a href="#">By tag name</a>
<ul>
<li><a href="#">captcha</a></li>
<li><a href="#">gallery</a></li>
<li><a href="#">animation</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="http://farhanshare.blogspot.com">FarhanShare</a></li>
</ul> </div>
<div class="three columns">
<form method="get" class="searchform" action="http://farhanshare.blogspot.com.com/">
<div id="magnify"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP-wobx7TgLNtVMmQarHJEmVBUDj3VOaY2rmmgxGcLptoiWKLCDoarlx2WbO0r2fU0gPoTdCnDzrxglvBJpJ6pnX14C1zlHpscgm_TdwC7XN8upWOoFIJMF0l0s8nDL7FkA1KnesfwzpGF/s320/magnify.png" alt="magnify"></div>
<div><input name="s" class="s" value="Search" id="searchsubmit" onfocus="if (this.value == 'Search') this.value = '';" type="text"></div>
<div><input class="searchsubmit" value="" type="submit"></div>
</form> </div>
</div>
</div>
</div>

Catatan : Ganti kode yang berwarna merah dengan URL Blog sobat.
Catatan : Ganti kode "#" dengan URL yang akan dituju Judul Navigasi.
Catatan : Ganti tulisan yang berwarna biru dengan Judul Menu Navigasi.

12. Klik "Save" dan Selesai.

Demikian sobat farhan artikel tutorial blog tentang membuat menu horizontal drop down lengkap dengan kontak pencarian, semoga bermanfaat, bila ada pertanyaan comment di bawah.

 

Read More

Thursday, December 27, 2012

cara membuat Galery photo

4:18 PM  Unknown  No comments

Membuat Galeri Gambar Sederhana Dengan CSS

Ok untuk postingan kali ini saya kan membahas cara membuat galeri gambar sederhana dengan css, silahkan Lihat Demo





Gimana Sobat Sederhana sekali kan, biarlah sederhana, kalo kita kembangkan lagi pasti jadi luar biasa hehehe
 Dan semoga bisa menjadi galeri buat gambar - gambar anda. . . .

Ok ke tahap pembuatan.


  1. Masuk di blog anda
  2. klik Rancangan
  3. Klik tambah gadget
  4. Pilih HTML / Javascript
  5. Masukan kode di bawah ini di dalam nya

<style type="text/css">
.zinto {
background-color: #BBB;
border:1px solid #FFF;
padding: 2px;
font: 11px/1.4em Arial, sans-serif;
-moz-box-shadow: 0 0 5px 2px #FFF;
-webkit-box-shadow: 0 0 5px 2px #fff;
box-shadow: 0 0 5px 2px #fff;
}
.zinto img {
border: 1px solid #CCCCCC;
vertical-align:middle;
margin-bottom: 3px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
z-index:1;
}
.zinto img:hover {
height:250px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5);
-moz-box-shadow: 0 0 5px 2px blue;
-webkit-box-shadow: 0 0 5px 2px blue;
box-shadow: 0 0 5px 2px blue;
z-index:2;
border:5px solid #BBB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.left {
margin: 0.3em 0.9em 0.5em 0;
float:left;
text-align:center;
font-size:13px;
}
.left a{
color:blue;
}
.left a:hover {
color:red;
}
</style>
<div class="zinto left" style="width:150px; height:250px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSS77wZgtqXKZxe4-5A-KYOJzsCCelW4lPvmaOkVuGbgcGiNMRsLkaQcU8p4bhjZNyGlHpqqWc-O_9A-P-o-9ByLVEhXiZomWB3UX7kfpTMeNaZCeqf5vuvRA1TNFHzjRjvEskeoKpBK3p/s1600/bad_boys_sm.jpg" alt="Bad Boy" height="200" width="150" />
<br />
Disini Deskripsi gambar<br />
Sentuh Gambar nya gan
</div>
<div class="zinto left" style="width:150px; height:250px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjSg-q3OYFRqGd5BsHd-vGDWZi364GYg73ahDBi63plY9f4WKgQlhfKXq3ir8o99eXKG3SN5xQVOne2axqMFxTTNl_EFyxDdRD2yhzDlmc5oL3iBnztfWvWb8dab4vQccNaLkrdp0m0Wg/s1600/cute-korean-girl-beach03.jpg" alt="Cewek korea" height="200" width="150" />
<br />
Disini Deskripsi gambar
</div>
<div class="zinto left" style="width:150px; height:250px;">
<img src="http://www.eanext.com/wp-content/plugins/wp-o-matic/cache/715e0_cute_asian+girl+hairstyle.jpg" alt="Cewek korea" height="200" width="150" />
<br />
Disini Deskripsi gambar
</div>
<div class="zinto left" style="width:150px; height:250px;">
<img src="http://i664.photobucket.com/albums/vv1/Green-Smoke/Asian%20So%20Hot%201/Sexy_Korean_Girl__1_7.jpg" alt="Cewek korea" height="200" width="150" />
<br />
Disini Deskripsi gambar
</div>
<div class="zinto left" style="width:150px; height:250px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlcz2w9WNSzOuCNTmFt7R4HEuXHntdz35uBcuMoC3g2ba-Stav7KN74iYFdDMn7A5DjPRegRxd7RKaZ0ZLbBoi7v4JNerO0CuPHkIxYwX08A-og7BwmDtom1KchZg88o2RIEHRQr8jT98/s400/Seo_You_Jin_Beauty_Korean_Girl_2.jpg" alt="Cewek korea" height="200" width="150" />
<br />
Disini Deskripsi gambar
</div>
<div class="zinto left" style="width:150px; height:250px;">
<img src="http://t2.gstatic.com/images?q=tbn:ANd9GcTabQ1XAuwVA1D9eunFRM-PynXL1o-G8uKV4QCW3-QKcoTrJ0_mnxDlUKOD" alt="Cewek korea" height="200" width="150" />
<br />
Disini Deskripsi gambar
</div>


Pengertian kode

Kode warna Biru ganti dengan URL gambar anda
Kode berwarna merah ganti dengan Deskripsi gambar atau dengan nama gambar
setelah itu silahkan Klik SIMPAN

Tapi ada yang perlu anda ingat, misalnya anda simpan di sidebar tentukan berapa gambar yang akan di tampilkan di sana karena sidebar itu kan kecil jadi kalo banyak gambar kelihatan gak enak sebaiknya simpan di area yang lebar seperti main-wrapper atau dimana lah yang penting lebar. ok cukup sekian dari saya semoga bermanfaat dan wassalam. . . .

Read More

Wednesday, December 26, 2012

cara buat efek zoom pada gambar

12:53 PM  Unknown  No comments



Cara Membuat Efek Zoom Pada Gambar di Blog




Cara Memberi Efek Zoom Pada Gambar Di Blog -halo sobat blogger,kali ini saya akan memberikan trick blog yaitu cara membuat foto membesar jika di sentuh mouse,
 Dengan menggunakan efek ini, setiap gambar yang ada dalam postingan akan Zoom sendiri jika tersentuh oleh mouse.
sobat bisa melihat DEMO Cara Membuat Efek Zoom pada Gambar di Blog di SINI
jika sobat tertarik,

berikut Cara Membuat Efek Zoom pada Gambar di Blog :

1.masuk ke blog sobat
2.Template =Edit Html=Lanjutkan = Kasih centang "Expand Template Widget".
3.tekan CTRL+F dan cari kode ]]></b:skin>
4.setelah menemukan kodenya,letakkan kode di bawah ini tepat diatas kode ]]></b:skin>
.post img:hover {-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transform: scale(1.3);-o-transform: scale(1.3);-webkit-transform: scale(1.3); }


5.klik simpan dan lihat hasilnya..

Read More

Cara Buat Galery

12:49 PM  Unknown  No comments

Seribu Wajah Gayus

Read More

Tuesday, December 25, 2012

Nama dan Kode Warna

4:40 PM  Unknown  No comments

Nama dan Kode Warna

Color code chart

COLOR NAME CODE COLOR
Black #000000 Black
Gray0 #150517 Gray0
Gray18 #250517 Gray18
Gray21 #2B1B17 Gray21
Gray23 #302217 Gray23
Gray24 #302226 Gray24
Gray25 #342826 Gray25
Gray26 #34282C Gray26
Gray27 #382D2C Gray27
Gray28 #3b3131 Gray28
Gray29 #3E3535 Gray29
Gray30 #413839 Gray30
Gray31 #41383C Gray31
Gray32 #463E3F Gray32
Gray34 #4A4344 Gray34
Gray35 #4C4646 Gray35
Gray36 #4E4848 Gray36
Gray37 #504A4B Gray37
Gray38 #544E4F Gray38
Gray39 #565051 Gray39
Gray40 #595454 Gray40
Gray41 #5C5858 Gray41
Gray42 #5F5A59 Gray42
Gray43 #625D5D Gray43
Gray44 #646060 Gray44
Gray45 #666362 Gray45
Gray46 #696565 Gray46
Gray47 #6D6968 Gray47
Gray48 #6E6A6B Gray48
Gray49 #726E6D Gray49
Gray50 #747170 Gray50
Gray #736F6E Gray
Slate Gray4 #616D7E Slate Gray4
Slate Gray #657383 Slate Gray
Light Steel Blue4 #646D7E Light Steel Blue4
Light Slate Gray #6D7B8D Light Slate Gray
Cadet Blue4 #4C787E Cadet Blue4
Dark Slate Gray4 #4C7D7E Dark Slate Gray4
Thistle4 #806D7E Thistle4
Medium Slate Blue #5E5A80 Medium Slate Blue
Medium Purple4 #4E387E Medium Purple4
Midnight Blue #151B54 Midnight Blue
Dark Slate Blue #2B3856 Dark Slate Blue
Dark Slate Gray #25383C Dark Slate Gray
Dim Gray #463E41 Dim Gray
Cornflower Blue #151B8D Cornflower Blue
Royal Blue4 #15317E Royal Blue4
Slate Blue4 #342D7E Slate Blue4
Royal Blue #2B60DE Royal Blue
Royal Blue1 #306EFF Royal Blue1
Royal Blue2 #2B65EC Royal Blue2
Royal Blue3 #2554C7 Royal Blue3
Deep Sky Blue #3BB9FF Deep Sky Blue
Deep Sky Blue2 #38ACEC Deep Sky Blue2
Slate Blue #357EC7 Slate Blue
Deep Sky Blue3 #3090C7 Deep Sky Blue3
Deep Sky Blue4 #25587E Deep Sky Blue4
Dodger Blue #1589FF Dodger Blue
Dodger Blue2 #157DEC Dodger Blue2
Dodger Blue3 #1569C7 Dodger Blue3
Dodger Blue4 #153E7E Dodger Blue4
Steel Blue4 #2B547E Steel Blue4
Steel Blue #4863A0 Steel Blue
Slate Blue2 #6960EC Slate Blue2
Violet #8D38C9 Violet
Medium Purple3 #7A5DC7 Medium Purple3
Medium Purple #8467D7 Medium Purple
Medium Purple2 #9172EC Medium Purple2
Medium Purple1 #9E7BFF Medium Purple1
Light Steel Blue #728FCE Light Steel Blue
Steel Blue3 #488AC7 Steel Blue3
Steel Blue2 #56A5EC Steel Blue2
Steel Blue1 #5CB3FF Steel Blue1
Sky Blue3 #659EC7 Sky Blue3
Sky Blue4 #41627E Sky Blue4
Slate Blue #737CA1 Slate Blue
Slate Blue #737CA1 Slate Blue
Slate Gray3 #98AFC7 Slate Gray3
Violet Red #F6358A Violet Red
Violet Red1 #F6358A Violet Red1
Violet Red2 #E4317F Violet Red2
Deep Pink #F52887 Deep Pink
Deep Pink2 #E4287C Deep Pink2
Deep Pink3 #C12267 Deep Pink3
Deep Pink4 #7D053F Deep Pink4
Medium Violet Red #CA226B Medium Violet Red
Violet Red3 #C12869 Violet Red3
Firebrick #800517 Firebrick
Violet Red4 #7D0541 Violet Red4
Maroon4 #7D0552 Maroon4
Maroon #810541 Maroon
Maroon3 #C12283 Maroon3
Maroon2 #E3319D Maroon2
Maroon1 #F535AA Maroon1
Magenta #FF00FF Magenta
Magenta1 #F433FF Magenta1
Magenta2 #E238EC Magenta2
Magenta3 #C031C7 Magenta3
Medium Orchid #B048B5 Medium Orchid
Medium Orchid1 #D462FF Medium Orchid1
Medium Orchid2 #C45AEC Medium Orchid2
Medium Orchid3 #A74AC7 Medium Orchid3
Medium Orchid4 #6A287E Medium Orchid4
Purple #8E35EF Purple
Purple1 #893BFF Purple1
Purple2 #7F38EC Purple2
Purple3 #6C2DC7 Purple3
Purple4 #461B7E Purple4
Dark Orchid4 #571B7e Dark Orchid4
Dark Orchid #7D1B7E Dark Orchid
Dark Violet #842DCE Dark Violet
Dark Orchid3 #8B31C7 Dark Orchid3
Dark Orchid2 #A23BEC Dark Orchid2
Dark Orchid1 #B041FF Dark Orchid1
Plum4 #7E587E Plum4
Pale Violet Red #D16587 Pale Violet Red
Pale Violet Red1 #F778A1 Pale Violet Red1
Pale Violet Red2 #E56E94 Pale Violet Red2
Pale Violet Red3 #C25A7C Pale Violet Red3
Pale Violet Red4 #7E354D Pale Violet Red4
Plum #B93B8F Plum
Plum1 #F9B7FF Plum1
Plum2 #E6A9EC Plum2
Plum3 #C38EC7 Plum3
Thistle #D2B9D3 Thistle
Thistle3 #C6AEC7 Thistle3
Lavendar Blush2 #EBDDE2 Lavender Blush2
Lavendar Blush3 #C8BBBE Lavender Blush3
Thistle2 #E9CFEC Thistle2
Thistle1 #FCDFFF Thistle1
Lavendar #E3E4FA Lavender
Lavendar Blush #FDEEF4 Lavender Blush
Light Steel Blue1 #C6DEFF Light Steel Blue1
Light Blue #ADDFFF Light Blue
Light Blue1 #BDEDFF Light Blue1
Light Cyan #E0FFFF Light Cyan
Slate Gray1 #C2DFFF Slate Gray1
Slate Gray2 #B4CFEC Slate Gray2
Light Steel Blue2 #B7CEEC Light Steel Blue2
Turquoise1 #52F3FF Turquoise1
Cyan #00FFFF Cyan
Cyan1 #57FEFF Cyan1
Cyan2 #50EBEC Cyan2
Turquoise2 #4EE2EC Turquoise2
Medium Turquoise #48CCCD Medium Turquoise
Turquoise #43C6DB Turquoise
Dark Slate Gray1 #9AFEFF Dark Slate Gray1
Dark Slate Gray2 #8EEBEC Dark slate Gray2
Dark Slate Gray3 #78c7c7 Dark Slate Gray3
Cyan3 #46C7C7 Cyan3
Turquoise3 #43BFC7 Turquoise3
Cadet Blue3 #77BFC7 Cadet Blue3
Pale Turquoise3 #92C7C7 Pale Turquoise3
Light Blue2 #AFDCEC Light Blue2
Dark Turquoise #3B9C9C Dark Turquoise
Cyan4 #307D7E Cyan4
Light Sea Green #3EA99F Light Sea Green
Light Sky Blue #82CAFA Light Sky Blue
Light Sky Blue2 #A0CFEC Light Sky Blue2
Light Sky Blue3 #87AFC7 Light Sky Blue3
Sky Blue #82CAFF Sky Blue
Sky Blue2 #79BAEC Sky Blue2
Light Sky Blue4 #566D7E Light Sky Blue4
Sky Blue #6698FF Sky Blue
Light Slate Blue #736AFF Light Slate Blue
Light Cyan2 #CFECEC Light Cyan2
Light Cyan3 #AFC7C7 Light Cyan3
Light Cyan4 #717D7D Light Cyan4
Light Blue3 #95B9C7 Light Blue3
Light Blue4 #5E767E Light Blue4
Pale Turquoise4 #5E7D7E Pale Turquoise4
Dark Sea Green4 #617C58 Dark Sea Green4
Medium Aquamarine #348781 Medium Aquamarine
Medium Sea Green #306754 Medium Sea Green
Sea Green #4E8975 Sea Green
Dark Green #254117 Dark Green
Sea Green4 #387C44 Sea Green4
Forest Green #4E9258 Forest Green
Medium Forest Green #347235 Medium Forest Green
Spring Green4 #347C2C Spring Green4
Dark Olive Green4 #667C26 Dark Olive Green4
Chartreuse4 #437C17 Chartreuse4
Green4 #347C17 Green4
Medium Spring Green #348017 Medium Spring Green
Spring Green #4AA02C Spring Green
Lime Green #41A317 Lime Green
Spring Green #4AA02C Spring Green
Dark Sea Green #8BB381 Dark Sea Green
Dark Sea Green3 #99C68E Dark Sea Green3
Green3 #4CC417 Green3
Chartreuse3 #6CC417 Chartreuse3
Yellow Green #52D017 Yellow Green
Spring Green3 #4CC552 Spring Green3
Sea Green3 #54C571 Sea Green3
Spring Green2 #57E964 Spring Green2
Spring Green1 #5EFB6E Spring Green1
Sea Green2 #64E986 Sea Green2
Sea Green1 #6AFB92 Sea Green1
Dark Sea Green2 #B5EAAA Dark Sea Green2
Dark Sea Green1 #C3FDB8 Dark Sea Green1
Green #00FF00 Green
Lawn Green #87F717 Lawn Green
Green1 #5FFB17 Green1
Green2 #59E817 Green2
Chartreuse2 #7FE817 Chartreuse2
Chartreuse #8AFB17 Chartreuse
Green Yellow #B1FB17 Green Yellow
Dark Olive Green1 #CCFB5D Dark Olive Green1
Dark Olive Green2 #BCE954 Dark Olive Green2
Dark Olive Green3 #A0C544 Dark Olive Green3
Yellow #FFFF00 Yellow
Yellow1 #FFFC17 Yellow1
Khaki1 #FFF380 Khaki1
Khaki2 #EDE275 Khaki2
Goldenrod #EDDA74 Goldenrod
Gold2 #EAC117 Gold2
Gold1 #FDD017 Gold1
Goldenrod1 #FBB917 Goldenrod1
Goldenrod2 #E9AB17 Goldenrod2
Gold #D4A017 Gold
Gold3 #C7A317 Gold3
Goldenrod3 #C68E17 Goldenrod3
Dark Goldenrod #AF7817 Dark Goldenrod
Khaki #ADA96E Khaki
Khaki3 #C9BE62 Khaki3
Khaki4 #827839 Khaki4
Dark Goldenrod1 #FBB117 Dark Goldenrod1
Dark Goldenrod2 #E8A317 Dark Goldenrod2
Dark Goldenrod3 #C58917 Dark Goldenrod3
Sienna1 #F87431 Sienna1
Sienna2 #E66C2C Sienna2
Dark Orange #F88017 Dark Orange
Dark Orange1 #F87217 Dark Orange1
Dark Orange2 #E56717 Dark Orange2
Dark Orange3 #C35617 Dark Orange3
Sienna3 #C35817 Sienna3
Sienna #8A4117 Sienna
Sienna4 #7E3517 Sienna4
Indian Red4 #7E2217 Indian Red4
Dark Orange3 #7E3117 Dark Orange3
Salmon4 #7E3817 Salmon4
Dark Goldenrod4 #7F5217 Dark Goldenrod4
Gold4 #806517 Gold4
Goldenrod4 #805817 Goldenrod4
Light Salmon4 #7F462C Light Salmon4
Chocolate #C85A17 Chocolate
Coral3 #C34A2C Coral3
Coral2 #E55B3C Coral2
Coral #F76541 Coral
Dark Salmon #E18B6B Dark Salmon
Salmon1 #F88158 Pale Turquoise4
Salmon2 #E67451 Salmon2
Salmon3 #C36241 Salmon3
Light Salmon3 #C47451 Light Salmon3
Light Salmon2 #E78A61 Light Salmon2
Light Salmon #F9966B Light Salmon
Sandy Brown #EE9A4D Sandy Brown
Hot Pink #F660AB Hot Pink
Hot Pink1 #F665AB Hot Pink1
Hot Pink2 #E45E9D Hot Pink2
Hot Pink3 #C25283 Hot Pink3
Hot Pink4 #7D2252 Hot Pink4
Light Coral #E77471 Light Coral
Indian Red1 #F75D59 Indian Red1
Indian Red2 #E55451 Indian Red2
Indian Red3 #C24641 Indian Red3
Red #FF0000 Red
Red1 #F62217 Red1
Red2 #E41B17 Red2
Firebrick1 #F62817 Firebrick1
Firebrick2 #E42217 Firebrick2
Firebrick3 #C11B17 Firebrick3
Pink #FAAFBE Pink
Rosy Brown1 #FBBBB9 Rosy Brown1
Rosy Brown2 #E8ADAA Rosy Brown2
Pink2 #E7A1B0 Pink2
Light Pink #FAAFBA Light Pink
Light Pink1 #F9A7B0 Light Pink1
Light Pink2 #E799A3 Light Pink2
Pink3 #C48793 Pink3
Rosy Brown3 #C5908E Rosy Brown3
Rosy Brown #B38481 Rosy Brown
Light Pink3 #C48189 Light Pink3
Rosy Brown4 #7F5A58 Rosy Brown4
Light Pink4 #7F4E52 Light Pink4
Pink4 #7F525D Pink4
Lavender Blush4 #817679 Lavendar Blush4
Light Goldenrod4 #817339 Light Goldenrod4
Lemon Chiffon4 #827B60 Lemon Chiffon4
Lemon Chiffon3 #C9C299 Lemon Chiffon3
Light Goldenrod3 #C8B560 Light Goldenrod3
Light Golden2 #ECD672 Light Golden2
Light Goldenrod #ECD872 Light Goldenrod
Light Goldenrod1 #FFE87C Light Goldenrod1
Lemon Chiffon2 #ECE5B6 Lemon Chiffon2
Lemon Chiffon #FFF8C6 Lemon Chiffon
Light Goldenrod Yellow #FAF8CC Light Goldenrod Yellow


Color Color Code Color Color Code
Red #FF0000 White #FFFFFF
Turquoise #00FFFF Light Grey #C0C0C0
Light Blue #0000FF Dark Grey #808080
Dark Blue #0000A0 Black #000000
Light Purple #FF0080 Orange #FF8040
Dark Purple #800080 Brown #804000
Yellow #FFFF00 Burgundy #800000
Pastel Green #00FF00 Forest Green #808000
Pink #FF00FF Grass Green #408080

Read More

MULTI TAB 1

VIDEO

MULTI TAB 2

HTML

MULTI TAB 3

MULTI TAB 4

MULTI TAB 5



MULTI TAB 6

Entri Populer

MULTI TAB 7


MULTI TAB 9

Buku Tamu

MULTI TAB 10

Daftar Blog Saya

Search




 
KEMBALI KEATAS
') }else{document.write('') } }