Ad 468 X 60

Minggu, Mei 19, 2013

Membuat Color Generator Sendiri di Posting atau di Notepad

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 :
Untuk Melihat langsung Color Generator yang telah saya buat klik disini DEMO.
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.. HAHAHA

Get Free Email Updates Daily!

2 komentar:

  1. gan abis nyulik dari mane tuh? heheh kok ada script Google analytcs

    BalasHapus
    Balasan
    1. hehe,, di sini gan : www.2createawebsite.com/
      saya jga ga ngerti gan,, tau tau udah jadi aja,, hehe

      Hapus