Sharing Mie

Cara Pasang Widget Sharing Is Caring/Sexy di Blogger

8/29/2012 04:31:00 PM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
Share posting ke beberapa <a href="http://buka-rahasia.blogspot.com/2011/04/situs-direktori-bookmark-dofollow.html" style="color: #1c4991; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">social bookmark</a> maupun social media lain merupakan hal penting untuk promosi blog dan artikel blog. Menyediakan tool untuk pengunjung agar lebih mudah melakukan sharing membuat mereka mudah melakukannya. Salah satu bookmarking widget yang cukup menjadi favorit adalah "Sharing is caring/sexy bookmarking widget", karena tampak atraktif dan animatif sehingga dapat menjadi nilai plus juga untuk desain blog.</div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
 </div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
Widget ini banyak ditemui dan dishare oleh banyak blog. Sebagian menggunakan javascript/jquery library, yang memang tampak lebih animatif. Namun kekurangannya, waktu load yang dibutuhkan lebih lama. Sehingga bagi blog yang sudah terlalu banyak menggunakan javascript, widget ini dapat menambah beban/berat blog dan membuat waktu load lebih panjang. Untuk versi widget sharing is caring ini, saya melakukan beberapa modifikasi pada jenis button bookmark apa saja yang digunakan dan juga menggunakan CSS sprite (image sprite) garapan CSSReflex tanpa javascript/jquery.</div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
</div>
<ul style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 2em; margin: 0px; padding: 12px 0px 12px 30px;">
<li style="line-height: 1.5em; margin: 0px; padding: 0px;">Demo 1 (Sharing is caring): lihat di bawah</li>
<li style="line-height: 1.5em; margin: 0px; padding: 0px;">Demo 2 (Sharing is sexy): <a href="http://bukarahasiatemplates.blogspot.com/2012/03/sample-post-dengan-table.html" style="color: #1c4991; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Click here</a></li>
</ul>
<h4 style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
Cara Memasang Widget Sharing is Caring/Sexy di Blogger</h4>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
Widget bookmark sharing blogger ini akan ditampilkan di bawah posting blog. 
1. Masuk ke dashboard > template > Edit HTML</div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
2. Centang 'Expand Widget Templates'. Jika perlu, backup template terlebih dahulu.</div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
3. Cari </head> (Ctrl+F), letakkan kode CSS berikut tepat di atasnya.</div>
 
<blockquote class="tr_bq" style="background-color: #f3f3f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2J_rKyrjjVimrsQNxpgWB8LTh_2_565t8eQzRVjyktL8-s87dL8dWuH-0ea4gkog1IOKKDWaHPW5T38xh7hAqtPNPlu8-k3GMCFfgJnx42dDWwJz_r2ExBzDs7M336Xje4P2cddB_Qc/s1600/comma-side-orange1.gif); background-repeat: no-repeat repeat; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 0.9em; line-height: 21.233333587646484px; margin: 0px 20px; padding: 20px 20px 10px 45px;">
 
<style type='text/css'> 
div.beauty-bookmarks {height:54px;background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxDpVgjXDZTSjVxIGtommepZ-wP53DZyVita-Oyly6HQlRSp58DslzrG5C0BYoKpOCJUHiZkZO-o75T1LxknHFo3PgvpWyR-EYRcgPNzj3LElxw9QzbySHKWIkTdLAohcGszSdWXBzcOqO/s1600/buka-rahasia-sharing-background.png&#39;) no-repeat left top;position:relative;width:540px;} 
div.beauty-bookmarks span.beauty-rightside {width:17px;height:54px;background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxDpVgjXDZTSjVxIGtommepZ-wP53DZyVita-Oyly6HQlRSp58DslzrG5C0BYoKpOCJUHiZkZO-o75T1LxknHFo3PgvpWyR-EYRcgPNzj3LElxw9QzbySHKWIkTdLAohcGszSdWXBzcOqO/s1600/buka-rahasia-sharing-background.png&#39;) no-repeat right top;position:absolute;right:-17px;} 
div.beauty-bookmarks ul.socials {margin:0 !important;padding:0 !important;position:absolute;bottom:0;left:10px;} 
div.beauty-bookmarks ul.socials li {display:inline-block !important;float:left !important;list-style-type:none !important;margin:0 !important;height:29px !important;width:48px !important;cursor:pointer !important;padding:0 !important;} 
div.beauty-bookmarks ul.socials a {display:block !important;width:48px !important;height:29px !important;font-size:0 !important;color:transparent !important;} 
.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover { 
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPXRf2-t48SUvGlhg5cKyPvYMRseQs0muIARXGfDEumUrAH9okHHVsXmx4szkXrwuZEWvFR65jEIAuu6nLo73IqiH7KL4jYTdC0WFvz-Ivi2s5lNyxERc6SHTwDf5xQyVUSuD2bnr2zkud/s1600/bukarahasia-sexysprite.png&#39;) no-repeat !important;} 
.beauty-furl {background-position:-300px top !important;} 
.beauty-furl:hover {background-position:-300px bottom !important;} 
.beauty-digg {background-position:-500px top !important;} 
.beauty-digg:hover {background-position:-500px bottom !important;} 
.beauty-reddit {background-position:-100px top !important;} 
.beauty-reddit:hover {background-position:-100px bottom !important;} 
.beauty-stumble {background-position:-50px top !important;} 
.beauty-stumble:hover {background-position:-50px bottom !important;} 
.beauty-delicious {background-position:left top !important;} 
.beauty-delicious:hover {background-position:left bottom !important;} 
.beauty-yahoo {background-position:-650px top !important;} 
.beauty-yahoo:hover {background-position:-650px bottom !important;} 
.beauty-blinklist {background-position:-600px top !important;} 
.beauty-blinklist:hover {background-position:-600px bottom !important;} 
.beauty-technorati {background-position:-700px top !important;} 
.beauty-technorati:hover {background-position:-700px bottom !important;} 
.beauty-myspace {background-position:-200px top !important;} 
.beauty-myspace:hover {background-position:-200px bottom !important;} 
.beauty-twitter {background-position:-350px top !important;} 
.beauty-twitter:hover {background-position:-350px bottom !important;} 
.beauty-facebook {background-position:-450px top !important;} 
.beauty-facebook:hover {background-position:-450px bottom !important;} 
.beauty-mixx {background-position:-250px top !important;} 
.beauty-mixx:hover {background-position:-250px bottom !important;} 
.beauty-script-style {background-position:-400px top !important;} 
.beauty-script-style:hover {background-position:-400px bottom !important;} 
.beauty-designfloat {background-position:-550px top !important;} 
.beauty-designfloat:hover {background-position:-550px bottom !important;} 
.beauty-syndicate {background-position:-150px top !important;} 
.beauty-syndicate:hover {background-position:-150px bottom !important;} 
.beauty-email {background-position:-753px top !important;} 
.beauty-email:hover {background-position:-753px bottom !important;} 
</style> 
 </blockquote>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
Kostumisasi CSS:</div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
Secara default, CSS di atas saya set untuk menampilkan quote "sharing is caring". Untuk mengubah menjadi "sharing is sexy", perhatikan pada bagian CSS background positioning di atas yang saya tandai dengan warna biru: ganti left top dengan left bottom, dan right topdengan right bottom.</div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
 </div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
4. Cari <data:post.body/> (Ctrl+F), paste kode berikut TEPAT setelah/dibawahnya:</div>
 
<blockquote class="tr_bq" style="background-color: #f3f3f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2J_rKyrjjVimrsQNxpgWB8LTh_2_565t8eQzRVjyktL8-s87dL8dWuH-0ea4gkog1IOKKDWaHPW5T38xh7hAqtPNPlu8-k3GMCFfgJnx42dDWwJz_r2ExBzDs7M336Xje4P2cddB_Qc/s1600/comma-side-orange1.gif); background-repeat: no-repeat repeat; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 0.9em; line-height: 21.233333587646484px; margin: 0px 20px; padding: 20px 20px 10px 45px;">
 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<center><div class='beauty-bookmarks'> 
<ul class='socials'> 
<li class='beauty-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> 
<li class='beauty-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> 
<li class='beauty-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> 
<li class='beauty-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> 
<li class='beauty-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> 
<li class='beauty-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> 
<li class='beauty-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> 
<li class='beauty-twitter'><a expr:href='&quot;http://twitter.com/home/?status=Chk Out-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'/></li> 
<li class='beauty-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> 
<li class='beauty-syndicate'><a href='http://feeds.feedburner.com/blogspot/bukarahasia' title='Subscribe to RSS'/></li> 
<li class='beauty-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> 
</ul> 
</div></center> 
</b:if> 
</blockquote>
 
Ganti http://feeds.feedburner.com/blogspot/bukarahasia dengan url <a href="http://buka-rahasia.blogspot.com/2012/03/cara-buat-redirect-feed-blog-feedburner.html" style="background-color: white; color: #1c4991; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">feedburner blog</a>mu. 
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
5. Save templates.</div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
 </div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
Done, sekarang tinggal ajak pengunjung untuk memanfaatkan <a href="http://buka-rahasia.blogspot.com/2012/04/cara-pasang-sharing-is-caringsexy.html" style="color: #1c4991; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">bookmark sharing widget</a>tersebut.</div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
Credits and thanks to <a href="http://www.cssreflex.com/" rel="nofollow" style="color: #1c4991; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CSSReflex</a> for the beautiful CSS Sprite!</div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
 </div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
 </div>
<div style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.233333587646484px; margin: 0px; padding: 0px; text-align: justify;">
Copyright@<a href="http://www.blogger.com/%3Ca%20href=%22http://buka-rahasia.blogspot.com/2012/04/cara-pasang-sharing-is-caringsexy.html%22%3ECara%20Pasang%20Widget%20Sharing%20Is%20Caring/Sexy%20di%20Blogger%3C/a%3E">Buka-Rahasia</a></div>
</div>

CSS Javascript Tips'N'Trik Cara Pasang Widget Sharing Is Caring/Sexy di Blogger

Share posting ke beberapa social bookmark maupun social media lain merupakan hal penting untuk promosi blog dan artikel blog. Menyediak...

Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog

8/24/2012 05:57:00 AM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Dan kali ini Saya akan Posting tentang "Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog".
 Sebagai Contoh, coba Kalian sorotkan Cursor Kalian pada Gambar di atas,
 pasti gambarnya akan berubah. Nah kita akan membuat yg seperti itu. OK 
kita langsung ke langkah-langkahnya.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
[1]. Pertama, pastinya LogIn dulu ke <a href="http://www.blogspot.com/" target="_blank">BLOG</a> Kalian masing2.</div>
<div style="text-align: justify;">
[2]. Kemudian dari Dasbor, cari Post, lalu buat sebuah Postingan Baru.</div>
<div style="text-align: justify;">
[3]. Lalu pada Mode Edit HTML pada Postingan, sisipkan Code di bawah kedalamnya.</div>
<blockquote class="tr_bq " dir="rtl" style="text-align: right;">
<style type="text/css"> a.pic .image2{display:none} a.pic:hover .image1 {display:none} a.pic:hover .image2 {display:inline} </style> <center><a class="pic" href="LINK TUJUAN JIKA GAMBAR DIKLIK"> <img class="image1" src="URL GAMBAR 1" /> <img class="image2" src="URL GAMBAR 2" /></a></center></blockquote>
KETERANGAN : 
* Tulisan yg berwarna Biru, ganti dengan URL Tujuan jika Gambar di Klik. 
* Dan tulisan yg berwarna Merah, ganti dengan URL Gambar Kalian. 
 
<div style="text-align: center;">
SS Cara Menambahkan Codenya.</div>
 
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC7cv4YQfaFKlq_gsA8AueXfXPXitXhpHZnhGK0o1canXguLHwtQ3ZljjM8gANJ3m0wO5OiggA7Wqza3d5ZdoXdgdIRsX1gggXz4XxHaqxSAzK0TMTvFurR7w6AgsWd8Z5ZvLGerzK0cVv/s320/SS.JPG" width="320" /></div>
 
[4]. Dan terakhir, tinggal di Publikasikan dan lihat hasilnya. 
 
Sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Kalian, 
dan jika ada pertanyaan tentang Tips ini, silahkan Kalian tuliskan 
pertanyaan Kalian di Kotak Komentar di bawah. 
 
<div style="text-align: center;">
----=| Salam Blogger Indonesia |=----</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
 </div>
</div>

Blogger Tips'N'Trik Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog

Dan kali ini Saya akan Posting tentang " Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog ". Sebagai Contoh, coba Kal...

Cara Memasang Code Warna HTML Pada Blog

8/24/2012 05:57:00 AM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div style="text-align: justify;">
Sebelumnya Saya sudah pernah "<a href="http://indonesianblog-jmk.blogspot.com/2011/11/daftar-kode-warna-html-lengkap.html" style="color: black; text-decoration: none;" target="_blank">Posting Daftar Kode Warna HTML Lengkap</a>", dan kali ini Saya akan Posting Cara Memasangnya di Blog Kalian. OK<a href="http://indonesianblog-jmk.blogspot.com/2012/04/kode-warna-yang-terpilih.html" style="color: black; text-decoration: none;" target="_blank">,</a> kita langsung saja kelangkah-langkahnya.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: center;">
A. Code Warna HTML [1]</div>
<div style="text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXwgQoSdF-SLGDfSagxcPhwr457JpkYNemxIDDbs8FA9gU3XXRNiPP99UFqP6wUtisomFPCIx6u8FC9emaVl-N5BEeZwvmIhLvh_7384QI5UjdzPFZnztphc15NAmp62Y8xF-Ytp2Tm0E/s1600/Warna+1.JPG" imageanchor="1" style="color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXwgQoSdF-SLGDfSagxcPhwr457JpkYNemxIDDbs8FA9gU3XXRNiPP99UFqP6wUtisomFPCIx6u8FC9emaVl-N5BEeZwvmIhLvh_7384QI5UjdzPFZnztphc15NAmp62Y8xF-Ytp2Tm0E/s200/Warna+1.JPG" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="200" /></a></div>
<div style="text-align: center;">
 </div>
<div style="text-align: justify;">
Untuk yang pertama ini, langkah-langkahnya,</div>
<div style="text-align: justify;">
* Pertama, pastinya Login dulu ke Blog Kalian.</div>
<div style="text-align: justify;">
* Kemudian<a href="http://indonesianblog-jmk.blogspot.com/2012/04/kode-warna-yang-terpilih.html" style="color: black; text-decoration: none;" target="_blank">,</a> dari Dasbor, Buat Sebuah Postingan Baru.</div>
<div style="text-align: justify;">
* Lalu pada Mode Edit HTML pada Postingan, Copy dan Paste-kan Code di bawah ke dalamnya.</div>
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 20px; border-right-color: rgb(0, 0, 0); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 2px; color: lime; line-height: 1.6em; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px;">
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8<a href="http://indonesianblog-jmk.blogspot.com/2012/04/kode-warna-yang-terpilih.html" style="color: lime; text-decoration: none;" target="_blank">-</a>444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"> <param value="High" name="quality"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash<a href="http://indonesianblog-jmk.blogspot.com/2012/04/kode-warna-yang-terpilih.html" style="color: lime; text-decoration: none;" target="_blank">"</a> width="485" height="485"></embed> </object></blockquote>
<div style="text-align: justify;">
* Kalau kurang jelas, coba lihat gambar di bawah.</div>
<div style="text-align: justify;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zpz6KtQizbweHcSZ3jwmltVBW_pntaMqWWepl2CLpbxtPfAIvtvzuy6keEDKX96bZ_jwbgUsvfQQHeqjHfKk4Y37MHv9HaFVhyphenhyphennewWbCi7RFNouSmhc65i5YFCZcKVSLD6qVKnqW5iLr/s1600/untitled.JPG" imageanchor="1" style="color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zpz6KtQizbweHcSZ3jwmltVBW_pntaMqWWepl2CLpbxtPfAIvtvzuy6keEDKX96bZ_jwbgUsvfQQHeqjHfKk4Y37MHv9HaFVhyphenhyphennewWbCi7RFNouSmhc65i5YFCZcKVSLD6qVKnqW5iLr/s200/untitled.JPG" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJFzACJ9qFkGhUYYNoUAI7ltYcSbo6UXWTwg03gl9GDe2K6KQyS5wFBRqR_62T46MfjXyacU86uGub4t8Mrk5XrTlX4ONOg-MhPfbwlcMj_kGWMyDGmGViNkWELax5gzCE744P7xcAhkGo/s1600/untitled2.JPG" imageanchor="1" style="color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJFzACJ9qFkGhUYYNoUAI7ltYcSbo6UXWTwg03gl9GDe2K6KQyS5wFBRqR_62T46MfjXyacU86uGub4t8Mrk5XrTlX4ONOg-MhPfbwlcMj_kGWMyDGmGViNkWELax5gzCE744P7xcAhkGo/s200/untitled2.JPG" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="200" /></a></div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
* Kumudian Klik "Publikasikan".</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: center;">
B. Code Warna HTML [2]</div>
<div style="text-align: justify;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRruWQj0in2ZCFUpQWvMKsLyIJ1QNFPT1RjD9AOf7Qb82o6LtWHKQaQVX3vEBWj72M8nwknjxs1gD-x_ghTe_j2E4LoWhlP-FzhYNAoCDTPViZ5dWnVBiGuuj92XJtm_g0vl2CBlDgEYPt/s1600/Warna+2.JPG" imageanchor="1" style="color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRruWQj0in2ZCFUpQWvMKsLyIJ1QNFPT1RjD9AOf7Qb82o6LtWHKQaQVX3vEBWj72M8nwknjxs1gD-x_ghTe_j2E4LoWhlP-FzhYNAoCDTPViZ5dWnVBiGuuj92XJtm_g0vl2CBlDgEYPt/s200/Warna+2.JPG" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="200" /></a></div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Cara Memasang Code Warna yang ke dua ini, caranya sama dengan yang NO. 1.</div>
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 20px; border-right-color: rgb(0, 0, 0); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 2px; color: black; line-height: 1.6em; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px;">
<div style="text-align: left;">
<div style="text-align: center;"> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf<a href="http://indonesianblog-jmk.blogspot.com/2012/04/kode-warna-yang-terpilih.html" style="color: lime; text-decoration: none;" target="_blank">-</a>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 value="sameDomain" name="allowScriptAccess"> <param value="http://www.2createawebsite.com/build/col.swf" name="movie"> <param value="high" name="quality"> <param value="#ffffff" name="bgcolor"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer<a href="http://indonesianblog-jmk.blogspot.com/2012/04/kode-warna-yang-terpilih.html" style="color: lime; text-decoration: none;" target="_blank">"</a> quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object> </div></div>
</blockquote>
<div style="text-align: justify;">
 </div>
<div style="text-align: center;">
C. Code Warna HTML [3]</div>
<div style="text-align: justify;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7nrL08YxEW_uMd_VCuzza2sr-FwAVMKV4NsRo0n3s7Su1lVGVirfd0dm_A78VfgVug9B9N1syIJykzrg5rZa2sbj_BDYf5obCm4U3whiN0D15KVeNHqMed6PmihBCqvThrT12K7ZL5Nh-/s1600/Warna+3.JPG" imageanchor="1" style="color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7nrL08YxEW_uMd_VCuzza2sr-FwAVMKV4NsRo0n3s7Su1lVGVirfd0dm_A78VfgVug9B9N1syIJykzrg5rZa2sbj_BDYf5obCm4U3whiN0D15KVeNHqMed6PmihBCqvThrT12K7ZL5Nh-/s200/Warna+3.JPG" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="200" /></a></div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Nah kalau untuk yang ke tiga ini caranya agak sedikit berbeda.</div>
<div style="text-align: justify;">
* Kalau Kalian sudah dalam keadaan Login, dari Dasbor, cari Tata Letak --> Add Gadget.</div>
<div style="text-align: justify;">
* Lalu CoPas Code di bawah ini kedalamnya.</div>
<div style="text-align: left;">
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 20px; border-right-color: rgb(0, 0, 0); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 2px; color: black; line-height: 1.6em; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px;">
<script language='javascript<a href="http://indonesianblog-jmk.blogspot.com/2012/04/kode-warna-yang-terpilih.html" style="color: lime; text-decoration: none;" target="_blank">'</a>> function Barva(koda) { document.getElementById("vzorec").bgColor=koda; document.hcc.barva.value=koda.toUpperCase(); document.hcc.barva.select(); } function BarvaDruga(koda) { document.getElementById("vzorec2").bgColor=koda; document.hcc.Barva2.value=koda.toUpperCase(); document.hcc.Barva2.select(); } </script> <script type='text/javascript'> var hue; var picker; //var gLogger; var dd1, dd2; var r, g, b; function init() { if (typeof(ygLogger) != "undefined") ygLogger.init(document.getElementById("logDiv")); pickerInit(); //ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1" //ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1" } // Picker --------------------------------------------------------- function pickerInit() { hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180); hue.onChange = function(newVal) { hueUpdate(newVal); }; picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180); picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); }; hueUpdate(); dd1 = new YAHOO.util.DD("pickerPanel"); dd1.setHandleElId("pickerHandle"); dd1.endDrag = function(e) { // picker.thumb.resetConstraints(); // hue.thumb.resetConstraints(); }; } executeonload(init); function pickerUpdate(newX, newY) { pickerSwatchUpdate(); } function hueUpdate(newVal) { var h = (180 - hue.getValue()) / 180; if (h == 1) { h = 0; } var a = YAHOO.util.Color.hsv2rgb( h, 1, 1); document.getElementById("pickerDiv").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; pickerSwatchUpdate(); } function pickerSwatchUpdate() { var h = (180 - hue.getValue()); if (h == 180) { h = 0; } document.getElementById("pickerhval").value = (h*2); h = h / 180; var s = picker.getXValue() / 180; document.getElementById("pickersval").value = Math.round(s * 100); var v = (180 - picker.getYValue()) / 180; document.getElementById("pickervval").value = Math.round(v * 100); var a = YAHOO.util.Color.hsv2rgb( h, s, v ); document.getElementById("pickerSwatch").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; document.getElementById("pickerrval").value = a[0]; document.getElementById("pickergval").value = a[1]; document.getElementById("pickerbval").value = a[2]; var hexvalue = document.getElementById("pickerhexval").value ='#'+ YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); ddcolorposter.initialize(a[0], a[1], a[2], hexvalue) if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select(); } </script></blockquote>
</div>
<div style="text-align: justify;">
* Kemudian Simpan dan Jangan di isi Nama Gadgetnya, (Kosongakan Pada Bagian Nama Gadget).</div>
<div style="text-align: justify;">
* Lalu, buat sebuat Postingan Baru.</div>
<div style="text-align: justify;">
* CoPas Code di bawah kedalam Postingan, (Mode Edit HTML pada Postingan).</div>
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 20px; border-right-color: rgb(0, 0, 0); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 2px; color: black; line-height: 1.6em; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px;">
<div style="text-align: left;">
<center><form name=<a href="http://indonesianblog-jmk.blogspot.com/2012/04/kode-warna-yang-terpilih.html" style="color: lime; text-decoration: none;" target="_blank">"</a>hcc" id="hcc"> <table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808"> </td><td onclick="Barva(this.bgColor)" bgcolor="#b40404"> </td><td onclick="Barva(this.bgColor)" bgcolor="#df0101"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f78181"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#61380b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08"> </td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04"> </td><td onclick="Barva(this.bgColor)" bgcolor="#df7401"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#faac58"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907"> </td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#868a08"> </td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404"> </td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907"> </td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#38610b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08"> </td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404"> </td><td onclick="Barva(this.bgColor)" bgcolor="#74df00"> </td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00"> </td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58"> </td><td onclick="Barva(this.bgColor)" bgcolor="#bef781"> </td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a08"> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b404"> </td><td onclick="Barva(this.bgColor)" bgcolor="#01df01"> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58"> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f781"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138"> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f"> </td><td onclick="Barva(this.bgColor)" bgcolor="#01df74"> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#58faac"> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec"> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a85"> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae"> </td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861"> </td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0174df"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe"> </td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa"> </td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8"> </td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61"> </td><td onclick="Barva(this.bgColor)" bgcolor="#08088a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0101df"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe"> </td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8"> </td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719"> </td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#380b61"> </td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#7401df"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa"> </td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb"> </td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29"> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39"> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886"> </td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae"> </td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24"> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b38"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f"> </td><td onclick="Barva(this.bgColor)" bgcolor="#df0174"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f781be"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#151515"> </td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#424242"> </td><td onclick="Barva(this.bgColor)" bgcolor="#585858"> </td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#848484"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd"> </td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff"> </td></tr></tbody></table></td></tr></tbody></table> <table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" width="24" height="24"> </td><td valign="bottom">Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7<a href="http://indonesianblog-jmk.blogspot.com/2012/04/kode-warna-yang-terpilih.html" style="color: lime; text-decoration: none;" target="_blank">"</a> size="9" type="text"></td></tr></tbody></table> </form> </center></div>
</blockquote>
<div style="text-align: justify;">
* Terakhir tinggal di "Publikasikan", dan tara, Code Warna HTML Kalian sudah jadi.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Sekian dulu Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat Kalian, dan jika Kalian masih merasa bingung dengan cara memasangnya, Kalian bisa tulis pertanyaan Kalian pada Kotak Komentar di bawah.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: center;">
---=Salam Blogger Indonesia=---</div>
 </div>

Kode Warna Cara Memasang Code Warna HTML Pada Blog

Sebelumnya Saya sudah pernah " Posting Daftar Kode Warna HTML Lengkap ", dan kali ini Saya akan Posting Cara Memasangnya di Blo...

Sharing Mie

Cara Pasang Widget Sharing Is Caring/Sexy di Blogger

Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog

Cara Memasang Code Warna HTML Pada Blog

Entri Populer

Arsip Blog