Rabu, 21 Agustus 2013

Cara buat color generator


Tulisan yang singkat ini akan memberi suasana baru dalam curi mencuri sebuah alat atau fungsi dari sebuah color generator, dan materi ini pun saya dapat dari website yang menyidiakan tools color generator dengan cuma cuma. cara membuat-nya pun saya rasa bagi teman atau sobat yang sering bergelut dengan CSS akan gampang mencobanya.contoh gambarnya seperti yang ada disamping ini :
Pertama kita akan membuat Color Generator di Notepad, tapi perhatian untuk mencobanya komputer harus ter-Connection terlebih dahulu atau Online.
Berikut Codenya..

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hex Color Code Generator - Website Color Picker</title>
<!--start FB Button Code-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=257933270901607";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!--END FB Button Code -->


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-185121-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>



</head>
<body>


<a name="colorgenerator"></a>
                                               
         

&nbsp;                    </p>

                                                   


                                                   
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" height="480" width="480">
          <param name="movie" value="http://www.2createawebsite.com/build/color.swf">
                                                         <param name="quality" value="High">
                                                         <embed src="http://www.2createawebsite.com/build/color.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" quality="High" height="485" width="485">
      </object>
                                           <p></p>
         <p><img src="http://ad.linksynergy.com/fs-bin/show?id=pBYZGdrhLng&amp;bids=173675.10000041&amp;type=4&amp;subid=0" border="0" height="1" width="1">
        
        
       </p>
<a name="colorscheme"></a>
                   
                   
                    <p>&nbsp;<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="col" align="middle" height="480" width="480">




<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="http://www.2createawebsite.com/build/col.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="http://www.2createawebsite.com/build/col.swf" quality="high" bgcolor="#ffffff" name="col" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="480" width="480">



</object>
                   
                    
                      <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> </p>

</body></html>  ________________________________________________________________________________
 Cara membuatnya, Copy Script yang ada diatas ini, kemudian paste di Notepad dan simpan dengan Sintak  .HTML . contoh : Color.HTML

jika sudah bisa di Notepad sekarang kita akan membuatnya di Posting.
berikut Codenya :

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<script type="text/javascript">
<!--start FB Button Code</script>

<br />
<div id="fb-root">
</div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=257933270901607";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><!--END FB Button Code -->


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-185121-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script></div>
<div style="text-align: center;">

<br />
<a href="http://www.blogger.com/null" name="colorgenerator"></a>
                                              
        

&nbsp;                  

                                                  


                                                  
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480">
          <param name="movie" value="http://www.2createawebsite.com/build/color.swf">
                                                         <param name="quality" value="High">
                                                         <embed src="http://www.2createawebsite.com/build/color.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" quality="High" height="485" width="485">
      </object>
                                           </div>
<img border="0" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=pBYZGdrhLng&amp;bids=173675.10000041&amp;type=4&amp;subid=0" width="1" />
         <br />
<br />
<a href="http://www.blogger.com/null" name="colorscheme"></a>
                   
                   
                    <br />
<div style="text-align: center;">
&nbsp;<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480">




<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="http://www.2createawebsite.com/build/col.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="http://www.2createawebsite.com/build/col.swf" quality="high" bgcolor="#ffffff" name="col" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="480" width="480">



</object><br />
&nbsp;<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> </div>
</div>
  Cara membuatnya yaitu, buat Entry baru di Blog, membuatnya di HTML bukan di Compose, hapus semua code yang ada di HTML, dan paste Code diatas ini,,
Thanks bagi yang mau baca..