tag:blogger.com,1999:blog-36250745800935344262024-03-13T12:42:09.511-07:00Study ProgrammingNextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.comBlogger66125tag:blogger.com,1999:blog-3625074580093534426.post-8591175788261552512013-04-16T21:23:00.003-07:002013-04-16T22:44:31.850-07:00Drop down menu responsiveTutorial ini adalah lanjutan dari yang kemaren yaitu mengenai <a href="http://java-koek.blogspot.com/2013/04/cara-membuat-drop-down-menu.html#more">membuat drop down menu</a>, dalem kesempatan kali ini saya menambahkan fitur responsive pada menu drop down tersebut. buat apa sih menambahkan fitur responsive pada menu drop down ??? ya intinya agar menu drop down tersebut bukan bagus apabila di akses oleh monitor dektop / laptop yang mempunyai resolusi besar akan tetapi tetap cantik apabila di akses oleh ponsel atau gadget lainya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-E2jOVKvP31A/UW4ivFsUaqI/AAAAAAAAASk/82P54_eF_m4/s1600/nav.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="membuat drop down menu" border="0" height="297" src="http://2.bp.blogspot.com/-E2jOVKvP31A/UW4ivFsUaqI/AAAAAAAAASk/82P54_eF_m4/s400/nav.png" title="membuat drop down menu" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;"></div><a name='more'></a><br />
<div class="separator" style="clear: both; text-align: left;">Untuk script'ya tidak jauh berbeda dengan script yang kemarin hanya menambahkan sedikit css'ya</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><script class="brush: html" type="syntaxhighlighter">
<style>
#nav
{
width: 60em; /* 1000 */
font-family: 'Open Sans', sans-serif;
font-weight: 400;
position: absolute;
top: 25%;
left: 50%;
margin-left: -30em; /* 30 480 */
}
#nav > a
{
display: none;
}
#nav li
{
position: relative;
}
#nav li a
{
color: #fff;
display: block;
}
#nav li a:active
{
background-color: #c00 !important;
}
#nav span:after
{
width: 0;
height: 0;
border: 0.313em solid transparent; /* 5 */
border-bottom: none;
border-top-color: #efa585;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}
/* first level */
#nav > ul
{
height: 3.75em; /* 60 */
background-color: #e15a1f;
}
#nav > ul > li
{
width: 25%;
height: 100%;
float: left;
}
#nav > ul > li > a
{
height: 100%;
font-size: 1.5em; /* 24 */
line-height: 2.5em; /* 60 (24) */
text-align: center;
}
#nav > ul > li:not( :last-child ) > a
{
border-right: 1px solid #cc470d;
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
background-color: #cc470d;
}
/* second level */
#nav li ul
{
background-color: #cc470d;
display: none;
position: absolute;
top: 100%;
}
#nav li:hover ul
{
display: block;
left: 0;
right: 0;
}
#nav li:not( :first-child ):hover ul
{
left: -1px;
}
#nav li ul a
{
font-size: 1.25em; /* 20 */
border-top: 1px solid #e15a1f;
padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
background-color: #e15a1f;
}
@media only screen and ( max-width: 62.5em ) /* 1000 */
{
#nav
{
width: 100%;
position: static;
margin: 0;
}
}
@media only screen and ( max-width: 40em ) /* 640 */
{
html
{
font-size: 75%; /* 12 */
}
#nav
{
position: relative;
top: auto;
left: auto;
}
#nav > a
{
width: 3.125em; /* 50 */
height: 3.125em; /* 50 */
text-align: left;
text-indent: -9999px;
background-color: #e15a1f;
position: relative;
}
#nav > a:before,
#nav > a:after
{
position: absolute;
border: 2px solid #fff;
top: 35%;
left: 25%;
right: 25%;
content: '';
}
#nav > a:after
{
top: 60%;
}
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
display: block;
}
/* first level */
#nav > ul
{
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
#nav:target > ul
{
display: block;
}
#nav > ul > li
{
width: 100%;
float: none;
}
#nav > ul > li > a
{
height: auto;
text-align: left;
padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a
{
border-right: none;
border-bottom: 1px solid #cc470d;
}
/* second level */
#nav li ul
{
position: static;
padding: 1.25em; /* 20 */
padding-top: 0;
}
}
</style>
</script><br />
<br />
<script type="text/javascript">
google_ad_client = "ca-pub-1577830512765596";
/* halp banner */
google_ad_slot = "9186959438";
google_ad_width = 234;
google_ad_height = 60;
</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script><br />
<br />
<div class="jump-link"><a href="http://indonesianwear.com/file_downloads/nav_responsive.rar" title="Download drop down menu">Download </a> <a href="http://demo.indonesianwear.com/nav_responsive/" target="_blank" title="Demo drop down menu">Demo</a></div>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-11474167529072919562013-04-16T05:01:00.001-07:002013-04-16T22:37:23.366-07:00Cara membuat drop down menuKali ini saya akan membahas <a href="http://java-koek.blogspot.com/2013/04/cara-membuat-drop-down-menu.html">bagaimana membuat drop down menu dengan css</a>, cukup simple kok tidak terlalu sulit membuat'ya.<br />
Berikut di bawah ini screenshot mengenai menu drop down tersebut.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-d76itFnLLwU/UW08sGMYDpI/AAAAAAAAASU/8mLRh9bsMZE/s1600/nav.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="cara membuat drop down menu" border="0" height="192" src="http://2.bp.blogspot.com/-d76itFnLLwU/UW08sGMYDpI/AAAAAAAAASU/8mLRh9bsMZE/s640/nav.png" title="cara membuat drop down menu" width="640" /></a></div>
<br />
<a name='more'></a><br />
<br />
Di bawah ini script HTML yang di gunakan<br />
<script class="brush: html" type="syntaxhighlighter">
<html>
<body>
<nav id="nav" role="navigation">
<a href="#nav" title="Show navigation">Show navigation</a>
<a href="#" title="Hide navigation">Hide navigation</a>
<ul class="clearfix">
<li><a href="?home">Home</a></li>
<li>
<a href="?blog"><span>Blog</span></a>
<ul>
<li><a href="?design">Design</a></li>
<li><a href="?html">HTML</a></li>
<li><a href="?css">CSS</a></li>
<li><a href="?javascript">JavaScript</a></li>
</ul>
</li>
<li>
<a href="?work"><span>Work</span></a>
<ul>
<li><a href="?webdesign">Web Design</a></li>
<li><a href="?typography">Typography</a></li>
<li><a href="?frontend">Front-End</a></li>
</ul>
</li>
<li><a href="?about">About</a></li>
</ul>
</nav>
</body>
</html>
</script><br />
<br />
Di bawah ini script css'ya<br />
<script class="brush: html" type="syntaxhighlighter">
<style>
#nav
{
width: 60em; /* 1000 */
font-family: 'Open Sans', sans-serif;
font-weight: 400;
position: absolute;
top: 25%;
left: 50%;
margin-left: -30em; /* 30 480 */
}
#nav > a
{
display: none;
}
#nav li
{
position: relative;
}
#nav li a
{
color: #fff;
display: block;
}
#nav li a:active
{
background-color: #c00 !important;
}
#nav span:after
{
width: 0;
height: 0;
border: 0.313em solid transparent; /* 5 */
border-bottom: none;
border-top-color: #efa585;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}
/* first level */
#nav > ul
{
height: 3.75em; /* 60 */
background-color: #e15a1f;
}
#nav > ul > li
{
width: 25%;
height: 100%;
float: left;
}
#nav > ul > li > a
{
height: 100%;
font-size: 1.5em; /* 24 */
line-height: 2.5em; /* 60 (24) */
text-align: center;
}
#nav > ul > li:not( :last-child ) > a
{
border-right: 1px solid #cc470d;
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
background-color: #cc470d;
}
/* second level */
#nav li ul
{
background-color: #cc470d;
display: none;
position: absolute;
top: 100%;
}
#nav li:hover ul
{
display: block;
left: 0;
right: 0;
}
#nav li:not( :first-child ):hover ul
{
left: -1px;
}
#nav li ul a
{
font-size: 1.25em; /* 20 */
border-top: 1px solid #e15a1f;
padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
background-color: #e15a1f;
}
</style>
</script><br />
<br />
Cukup mudah kan<a href="http://java-koek.blogspot.com/2013/04/cara-membuat-drop-down-menu.html"> bagaimana membuat drop down menu</a> tersebut, silahkan dipelajari source code'ya yahhh, semoga article ini jadi referensi buat temen-temen yang ingin membuat menu drop down juga.<br />
Di tutorial berikut'ya saya akan membuat menu drop down dengan fitur responsive.<br />
<br />
<script type="text/javascript">
google_ad_client = "ca-pub-1577830512765596";
/* halp banner */
google_ad_slot = "9186959438";
google_ad_width = 234;
google_ad_height = 60;
</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script><br />
<br />
<div class="jump-link">
<a href="http://indonesianwear.com/file_downloads/nav.rar" target="_blank" title="Download drop down menu">Download </a> <a href="http://demo.indonesianwear.com/nav/" target="_blank" title="Demo drop down menu">Demo</a></div>
Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-747508373642238252013-01-12T11:33:00.000-08:002013-04-03T02:30:27.545-07:00Jual Script Toko OnlineDi sini saya mau menjual program yang di buat saya sendiri yaitu Website Penjualan Online atau yang sering di sebut E-Commerce.<br />
Harga'ya ga mahal kok cuman <span style="color: #cc0000;">Rp. 150, 000 (Seratus lima puluh ribu</span>), ntar agan dapet 1 CD dari ane yang berisi Sourcode Program / <a href="http://java-koek.blogspot.com/2012/12/toko-online-murah.html">Script toko online</a> secara lengkap dan Video Tutorial mengenai proses Bisnis Client sebagai Pengunjung / Member ama fasilitas halaman - halaman admin dan cara bagaimana istalasi aplikasi tersebut di WAMP Server.<br />
<br />
<a name='more'></a><br />
Program yang saya jual ini cocok juga buat pemilik toko yang ingin bikin toko secara online, atau pelajar / mahasiswa yang ingin tau bagaimana proses bisnis suatu e-commerce di dalam aplikasi dan ingin mempelajari script toko online.<br />
<br />
Kelebihan Program Toko Online ini : <br />
<ol>
<li>Halaman Website Bisa disesuaikan dengan kebutuhan si pemilik toko, seperti Logo Perusahaan, Menu - Menu Dinamis, Produk dan lainya.</li>
<li>Bisa berjalan di semua browser</li>
<li>Design Minimalis </li>
<li>User Frienly</li>
<li>Tidak lemot </li>
<li>Selebih'ya agan bisa nilai sendiri ^_^</li>
</ol>
Spesifikasi Program<br />
<ul>
<li>PHP Ver. 5 keatas .</li>
<li>Framework CodeIgniter</li>
<li>Framework CCS Grid System 960</li>
<li>Jquery</li>
<li>Database MySQL </li>
<li>CSS, CSS3</li>
<li>HTML, XHTML & HTML5 (untuk HTML5 cmn demo3)</li>
</ul>
Kode Program : EKOM_1<br />
Demo Program : <a href="http://demo1.indonesianwear.com/" target="_blank">demo1.indonesianwear.com</a><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img alt="contoh toko online" border="0" height="640" src="http://3.bp.blogspot.com/-VCCKMpmVFPQ/UN_Bd27ku4I/AAAAAAAAAOE/pjwK5R9sDKE/s640/ekom+1.png" style="margin-left: auto; margin-right: auto;" title="contoh toko online" width="537" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Kode : EKOM_1</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Kode Program : EKOM_2<br />
Demo Program : <a href="http://demo2.indonesianwear.com/" target="_blank">demo2.indonesianwear.com</a><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-CYvIX-BMxSs/UN_DjEvXriI/AAAAAAAAAOU/Ph7KxqrCW8k/s1600/ekom+2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="script toko online" border="0" height="640" src="http://1.bp.blogspot.com/-CYvIX-BMxSs/UN_DjEvXriI/AAAAAAAAAOU/Ph7KxqrCW8k/s640/ekom+2.png" title="script toko online" width="592" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Kode : EKOM_2</td></tr>
</tbody></table>
<br />
<br />
Kode Program : EKOM_3<br />
Demo Program : <a href="http://demo3.indonesianwear.com/" target="_blank">demo3.indonesianwear.com</a><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-ticyxhSPgnc/UN_F3yVebvI/AAAAAAAAAOk/mmdwnYIqAho/s1600/ekom+3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="buat toko online" border="0" height="640" src="http://2.bp.blogspot.com/-ticyxhSPgnc/UN_F3yVebvI/AAAAAAAAAOk/mmdwnYIqAho/s640/ekom+3.png" title="buat toko online" width="498" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Kode : EKOM_3</td></tr>
</tbody></table>
<br />
<br />
Kode Program : EKOM_4<br />
Demo Program : <a href="http://demo4.indonesianwear.com/" target="_blank">demo4.indonesianwear.com</a><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-I9PLzZqLePM/UN_HfVqgyLI/AAAAAAAAAO0/TcXqBFH7gkk/s1600/ekom+4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="script toko online" border="0" height="640" src="http://3.bp.blogspot.com/-I9PLzZqLePM/UN_HfVqgyLI/AAAAAAAAAO0/TcXqBFH7gkk/s640/ekom+4.png" title="script toko online" width="548" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Kode : EKOM_4</td></tr>
</tbody></table>
<br />
<br />
<br />
Kode Program : EKOM_5<br />
Demo Program : <a href="http://demo5.indonesianwear.com/" target="_blank">demo5.indonesianwear.com</a><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-71ur-pldVW4/UN_I9-heI9I/AAAAAAAAAPE/Sv_rwj4ByB4/s1600/ekom+5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="script toko online" border="0" height="640" src="http://3.bp.blogspot.com/-71ur-pldVW4/UN_I9-heI9I/AAAAAAAAAPE/Sv_rwj4ByB4/s640/ekom+5.png" title="script toko online" width="548" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Kode : EKOM_5</td></tr>
</tbody></table>
<br />
Kode Program : EKOM_6<br />
Demo Program : <a href="http://demo6.indonesianwear.com/" target="_blank">demo6.indonesianwear.com</a><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-AtUXLvkmTnY/UN_KgYMlvKI/AAAAAAAAAPU/OIuROIsgG6M/s1600/ekom+6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="script toko online" border="0" height="640" src="http://3.bp.blogspot.com/-AtUXLvkmTnY/UN_KgYMlvKI/AAAAAAAAAPU/OIuROIsgG6M/s640/ekom+6.png" title="script toko online" width="544" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Kode : EKOM_6</td></tr>
</tbody></table>
Kode Program : EKOM_7<br />
Demo Program : <a href="http://demo7.indonesianwear.com/" target="_blank">demo7.indonesianwear.com</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-q876Vjlnk18/UP1oKKGrmnI/AAAAAAAAAR0/gjp9xNg5pVk/s1600/script+toko+online+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://2.bp.blogspot.com/-q876Vjlnk18/UP1oKKGrmnI/AAAAAAAAAR0/gjp9xNg5pVk/s640/script+toko+online+7.png" width="472" /></a></div>
<br />
<br />
Untuk mencoba halaman admin'ya silahkan masuk ke :<br />
<a href="http://demo1.indonesianwear.com/admin/" target="_blank">Demo Admin</a><br />
Username : admin<br />
Password : (SMS k ane gan, ntar d kasih tau :D coz bnyk yg iseng)<br />
<br />
Silahkan di order gan, harga 1 aplikasi Program <span style="color: #cc0000;">Rp. 150, 000 (Seratus lima puluh ribu) <span style="color: black;">itu udah ama biaya pengiriman juga kok. </span></span><br />
<span style="color: #cc0000;"><span style="color: black;">yang agan dapet kalo order ntar ane kirim 1 CD yang berisi : </span></span><br />
1. Program Aplikasi ama Database'ya<br />
2. File Pendukung seperti WAMP Server, Mozila, dll<br />
3. Video tutorial cara instalasi program, proses bisnis buat pengunjung / member ama fitur - fitur yang ada di halaman admin<br />
<br />
ohh iia, buat agan juga yg ingin <a href="http://java-koek.blogspot.com/2012/12/toko-online-murah.html">bikin toko online</a> yang secara khusus yang agan mau, bisa contak ane juga, buat harga minimal 1.5 Juta / lebih, sesuai tingkat kesulitan request agan pengen.<br />
<br />
<b>Layanan Free Buat yg Order :</b><br />
1. Gratis Upload k server agan ama settingin konfigurasi Cpanel'ya<br />
2. Ngebantu biar website ke Index oleh <a href="https://www.google.co.id/">Google</a><br />
3. Gratis Konsultasi lewat sms / Ym / Facebook (kalo ga sibuk yah gan) ^_^<br />
<br />
<br />
Buat Order bisa Hubungi :<br />
Telp / SMS : <b>0838 161 99 099 /</b> <b>088 97 00 39 901</b><br />
YM : <b>nuryanto_mi13@yahoo.co.id</b><br />
Email : <b>n_uryanto@icloud.com</b><br />
Facebook : <b>www.facebook.com/toinx.aza</b><br />
twitter : <b>www.twitter.com/n_uryanto</b>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-75971009359847004222013-01-11T22:43:00.002-08:002013-01-11T22:44:39.145-08:00Contoh Toko Online Shopping Cart Software Disini saya mau share mengenai apa saja <a href="http://java-koek.blogspot.com/2013/01/contoh-toko-online-shopping-cart.html">contoh toko online</a> software Shopping Cart yang gratis dan bersifat open source, berikut di bawah ini jenis dan keterangannya :<br />
<br />
<a name='more'></a><b></b><br />
<b>Shopping Cart </b><br />
OpenCart merupakan open source berbasis PHP shopping cart sistem online. Sebuah solusi e-commerce yang kuat untuk pedagang Internet dengan kemampuan untuk membuat bisnis online sendiri dan berpartisipasi dalam e-commerce dengan biaya minimal. OpenCart dirancang kaya fitur, mudah digunakan, search engine friendly dan dengan antarmuka visual menarik.<br />
Untuk lebih jelas silahkan link berikut : <a href="http://www.opencart.com/" target="_blank">http://www.opencart.com/</a><br />
<br />
<br />
<b>PrestaShop</b><br />
PrestaShop e-Commerce Solution dibangun untuk mengambil keuntungan dari inovasi Web 2.0 penting seperti Dynamic AJAX bertenaga fitur dan generasi berikutnya ergonomi. PrestaShop panduan pengguna melalui katalog produk Anda cerdas dan mudah, belok tertarik pengunjung menjadi pelanggan yang membayar.<br />
Untuk lebih jelas silahkan link berikut : <a href="http://www.prestashop.com/" target="_blank">http://www.prestashop.com/</a><br />
<br />
<br />
<b>Zen Cart </b><br />
Zen Cart adalah seni dari e-commerce, bebas, user-friendly, sumber keranjang belanja perangkat lunak terbuka. The web e-commerce situs program desain sedang dikembangkan oleh kelompok yang berpikiran seperti pemilik toko, programer, desainer, dan konsultan yang berpikir desain web e-commerce bisa dan harus dilakukan secara berbeda.<br />
Untuk lebih jelas silahkan link berikut : <a href="http://www.zen-cart.com/" target="_blank">http://www.zen-cart.com/</a><br />
<br />
<br />
<b>Magento </b><br />
Magento adalah open source e-commerce aplikasi web yang diluncurkan pada tanggal 31 Maret 2008. Ini dikembangkan oleh Varien (sekarang Magento Inc) dengan bantuan dari programmer dalam komunitas open source, tetapi dimiliki sepenuhnya oleh Magento Inc. Magento dibangun dengan menggunakan Zend Framework. Magento menggunakan entitas-atribut-value (EAV) model database untuk menyimpan data. <br />
Untuk lebih jelas silahkan link berikut : <a href="http://www.magentocommerce.com/" target="_blank">http://www.magentocommerce.com/</a>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-25253935329774753312013-01-11T20:30:00.001-08:002013-04-04T05:38:09.130-07:00Script Toko Online GratisDisini saya mau bagi - bagi <a href="http://java-koek.blogspot.com/2013/01/script-toko-online-gratis.html">script toko online</a> yang di buat dengan pemrograman PHP, sebelumnya saya juga sudah ngasih gratis templeate'ya yang ber extension HTML'ya.<br />
Mohon maap kalo ada sedikit error atau bugs - bugs pada script toko online yang saya share ini, jujur aja script toko online ini saya bikin udah lama banget tepat'ya udah 4 tahun ke belakang, waktu saya masih belajar gimana cara'ya bikin toko online. hehehehe :)<br />
<br />
<a name='more'></a><br />
Script Toko Online ini udah komplit kok dari halaman pengunjung, halaman member website dan berserta halaman Administrator'ya yang berguna untuk pengelolaan data-data website seperti pengelolaan barang, member, pengiriman, commen member dan lainya.<br />
<br />
Di bawah ini sreenshoot aplikasi toko online yang saya bikin:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-NAh3O3zIzpk/UPDkul4newI/AAAAAAAAARc/Ycb4jFCKemo/s1600/script+toko+online+gratis+client.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="script toko online gratis" border="0" height="400" src="http://3.bp.blogspot.com/-NAh3O3zIzpk/UPDkul4newI/AAAAAAAAARc/Ycb4jFCKemo/s400/script+toko+online+gratis+client.png" title="script toko online gratis" width="345" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/--RvQeLN_8g0/UPDleJ5_qXI/AAAAAAAAARk/LLvK3Kl1vUA/s1600/script+toko+online+gratis+admin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="script toko online gratis admin" border="0" height="225" src="http://3.bp.blogspot.com/--RvQeLN_8g0/UPDleJ5_qXI/AAAAAAAAARk/LLvK3Kl1vUA/s400/script+toko+online+gratis+admin.png" title="script toko online gratis admin" width="400" /></a></div>
<br />
klik untuk <a href="http://java-koek.blogspot.com/p/jasa-pembuatan-website-toko-online.html" target="_blank">download Script toko online</a><br />
<br />Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com7tag:blogger.com,1999:blog-3625074580093534426.post-46780485678097484672012-12-28T21:17:00.000-08:002013-01-09T06:44:15.764-08:00Template Toko Oline Gratis Part IIIBuat agan - agan yang mau bikin aplikasi e-commerce / Aplikasi penjualan online berbasis website dengan tema sepatu, berarti ini pas banget buat agan, karena di sini saya mau share <a href="http://java-koek.blogspot.com/2012/12/templeate-gratis-website-e-commerce_3565.html">template toko online</a> yang ane bikin sendiri tentang tema penjualan sepatu.<br />
<a name='more'></a>Buat preview templete'ya :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-SnBJdXPvulc/UOEd4J1jQNI/AAAAAAAAAQ8/3xASIbq7oas/s1600/templeate_free3_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="contoh toko online" border="0" height="258" src="http://1.bp.blogspot.com/-SnBJdXPvulc/UOEd4J1jQNI/AAAAAAAAAQ8/3xASIbq7oas/s400/templeate_free3_2.png" title="contoh toko online" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-89vrp0xNzIo/UOEdH6uoZqI/AAAAAAAAAQ0/pKW8_v_SrqA/s1600/templeate_free3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="contoh toko online" border="0" height="400" src="http://1.bp.blogspot.com/-89vrp0xNzIo/UOEdH6uoZqI/AAAAAAAAAQ0/pKW8_v_SrqA/s400/templeate_free3.png" title="contoh toko online" width="350" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-KVUBArykzrU/UOEfQSMGpJI/AAAAAAAAARM/vwprmBsdEs8/s1600/templeate_free3_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="contoh toko online" border="0" height="325" src="http://3.bp.blogspot.com/-KVUBArykzrU/UOEfQSMGpJI/AAAAAAAAARM/vwprmBsdEs8/s400/templeate_free3_3.png" title="contoh toko online" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Oke silahkan download gan, thans for visit :)</div>
<a href="http://indonesianwear.com/file_downloads/free_templete_part_3.rar" target="_blank">Download File Disini</a><br />
<br />Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-61653952898295285512012-12-28T20:37:00.000-08:002013-01-09T06:41:47.874-08:00Template Toko Online Gratis Part IIAne share lagi nih gan templeate e-commerce yang ane bikin sendiri, silahkan download gan. pokok'ya komplit tuh halaman templeate'ya. <br />
Lumayan buat referensi agan buat design halaman website khususnya buat halaman website penjualan online / penjualan e-commerce dan itu <a href="http://java-koek.blogspot.com/2012/12/templeate-gratis-website-e-commerce_28.html">template toko online gratis</a> buat agan.<br />
<br />
<a name='more'></a><br />
preview templeate yang ane bikin :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-b-ouNSm4wIo/UOEYNE2D22I/AAAAAAAAAQM/uPLWQzXUN2k/s1600/templeate_free2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="template toko online gratis" border="0" height="397" src="http://1.bp.blogspot.com/-b-ouNSm4wIo/UOEYNE2D22I/AAAAAAAAAQM/uPLWQzXUN2k/s400/templeate_free2.png" title="template toko online gratis" width="400" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-WCvRRlesfK4/UOEaXOiDT5I/AAAAAAAAAQg/ULj_yaU24aQ/s1600/templeate_free2_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="template toko online gratis" border="0" height="345" src="http://4.bp.blogspot.com/-WCvRRlesfK4/UOEaXOiDT5I/AAAAAAAAAQg/ULj_yaU24aQ/s400/templeate_free2_3.png" title="template toko online gratis" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Er3mjbRU8w0/UOEZOGszb_I/AAAAAAAAAQU/gpldR3CrN4M/s1600/templeate_free2_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="contoh toko online" border="0" height="397" src="http://2.bp.blogspot.com/-Er3mjbRU8w0/UOEZOGszb_I/AAAAAAAAAQU/gpldR3CrN4M/s400/templeate_free2_2.png" title="contoh toko online" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Silahkan download gan, <a href="http://indonesianwear.com/file_downloads/free_templete_part_2.rar" target="_blank">Download File Disini</a></div>
Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com1tag:blogger.com,1999:blog-3625074580093534426.post-18667650413059147622012-12-28T20:31:00.000-08:002013-04-22T05:40:21.911-07:00Template Toko Online GratisIseng - iseng buka komputer lama d rumah, eh ternyata ada templeate yang pernah saya bikin yaitu templeate untuk program Toko Online.<br />
Dari pada file templeate tersebut tidak bermanfaat mending saya bagi'in aja ke temen-temen, barang kali butuh referensi buat design website dan ane bagi <a href="http://java-koek.blogspot.com/2012/12/templeate-gratis-website-e-commerce.html">template toko online secara gratis</a>. hehehehhe.<br />
<br />
<a name='more'></a><br />
<br />
Buat review templeate yang ane bikin.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Uv83oxXXDoA/UOER4bSDZNI/AAAAAAAAAPk/-5AP2qKRwck/s1600/templeate_free1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Toko Online Gratis" border="0" height="400" src="http://3.bp.blogspot.com/-Uv83oxXXDoA/UOER4bSDZNI/AAAAAAAAAPk/-5AP2qKRwck/s400/templeate_free1.png" title="Template Toko Online Gratis " width="337" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-jU3cVLBfqBY/UOET9cxh4eI/AAAAAAAAAP0/d_ygD3jHDOM/s1600/templeate_free1_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Toko Online Gratis" border="0" height="246" src="http://3.bp.blogspot.com/-jU3cVLBfqBY/UOET9cxh4eI/AAAAAAAAAP0/d_ygD3jHDOM/s400/templeate_free1_2.png" title="Template Toko Online Gratis" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-cZl-VRD0PW0/UOEUjWtxLiI/AAAAAAAAAP8/yBq4FtELfvs/s1600/templeate_free1_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Toko Online Gratis" border="0" height="242" src="http://4.bp.blogspot.com/-cZl-VRD0PW0/UOEUjWtxLiI/AAAAAAAAAP8/yBq4FtELfvs/s400/templeate_free1_3.png" title="Template Toko Online Gratis" width="400" /></a></div>
<br />
Silahkan download aja gan, itu halaman'ya komplit, semua kebutuhan halaman baik client ama admin sudah ada ko. selamat download.<br />
<a href="http://indonesianwear.com/file_downloads/free_templete_part_1.rar" target="_blank">Download file disini</a>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com1tag:blogger.com,1999:blog-3625074580093534426.post-44328209534836101162011-10-31T18:24:00.000-07:002011-11-06T10:05:39.739-08:00Jquery Recipes<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-irdOq2gNeWc/Tq9JG6Lo2NI/AAAAAAAAAKI/vyUbvyaj70o/s1600/Jquery+Recipes.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/-irdOq2gNeWc/Tq9JG6Lo2NI/AAAAAAAAAKI/vyUbvyaj70o/s200/Jquery+Recipes.PNG" width="180" /></a></div>
Judul : JQuery Recipes<br />
Bahasa : English<br />
Penulis : B.M. Harwani<br />
Jumlah halaman : 455 halaman<br />
Format : PDF<br />
Size : 4.69 MB<br />
<br />
<a name='more'></a><a href="http://adf.ly/3VdRm">Klik Here To Download</a><br />
<br />
<br />
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F10%2Fjquery-recipes.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Download Ebook Jquery Recipes" data-url="http://java-koek.blogspot.com/2011/10/jquery-recipes.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/10/jquery-recipes.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-57129085312515019262011-10-14T11:47:00.000-07:002011-10-14T12:41:31.077-07:00Algoritma Apriori (Analisis Keranjang Pasar)<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-veuPbvqha2c/Tph_d-BX42I/AAAAAAAAAJw/6J3cz6BRcfs/s1600/Analisis+Keranjang+Pasar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="http://1.bp.blogspot.com/-veuPbvqha2c/Tph_d-BX42I/AAAAAAAAAJw/6J3cz6BRcfs/s400/Analisis+Keranjang+Pasar.png" width="400" /></a></div>
Ini adalah program sederhana penjualan barang-barang seperti di toko Circle Key, Indomart atau lainya akan tetapi perbedaannya bukan hanya menyimpan data penjualan saja.<br />
<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-AIvj627PQmM/TpiCm7QtMBI/AAAAAAAAAJ4/s4kMXBmAO6k/s1600/Data+Barang.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="185" src="http://2.bp.blogspot.com/-AIvj627PQmM/TpiCm7QtMBI/AAAAAAAAAJ4/s4kMXBmAO6k/s320/Data+Barang.png" width="320" /></a></div>
Aplikasi sederhana ini dapat menganalisis penjualan barang yang beli oleh konsumen dan hasil output dari analisis tersebut yaitu mengetahui barang apa saja yang sering di beli oleh konsumen dan mengetahui keterhubungan antara barang satu dan barang lainya yang di beli oleh konsumen.<br />
<br />
Analisis tersebut menggunakan Algoritma Apriori atau yang sering di sebut Algoritma keranjang pasar. Untuk lebih jelasnya lagi silahkan googling aja dengan keyword algoritma apriori.<br />
Jika telah mengerti mengenai penggunaan algoritma ini silahkan download dan coba aplikasinya :)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-jXKVmzU-Asw/TpiDJ5XBGgI/AAAAAAAAAKA/cUFkm1oEfSI/s1600/Data+Penjualan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="http://2.bp.blogspot.com/-jXKVmzU-Asw/TpiDJ5XBGgI/AAAAAAAAAKA/cUFkm1oEfSI/s400/Data+Penjualan.png" width="400" /></a></div>
<br />
<a href="http://adf.ly/3Ch0a" target="_blank">Klik Here To Download</a>
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F10%2Falgoritma-apriori-analisis-keranjang.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="algorithm Apriori" data-url="http://java-koek.blogspot.com/2011/10/algoritma-apriori-analisis-keranjang.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/10/algoritma-apriori-analisis-keranjang.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com10tag:blogger.com,1999:blog-3625074580093534426.post-63253981536678026772011-10-11T16:21:00.000-07:002011-10-11T16:28:52.220-07:00Penyimpanan Catatan<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-cq9lWp3Ecyo/TpTOo9zNS6I/AAAAAAAAAJo/yV6exaa2pZI/s1600/Note+Simple+with+Jquery.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="http://3.bp.blogspot.com/-cq9lWp3Ecyo/TpTOo9zNS6I/AAAAAAAAAJo/yV6exaa2pZI/s400/Note+Simple+with+Jquery.png" width="400" /></a></div>
Sudah lama ga bikin program dengan java, takut lupa soal'ya. hehehehhe.<br />
okeee ini adalah project sederhana untuk menyimpan catatan kecil kemudian catatan tersebut bisa ditandai warna untuk membedakan apakah catatan tersebut penting, sedang atau biasa.<br />
<a name='more'></a><br />
<a href="http://adf.ly/39gjk" target="_blank">Klik Here To Download</a><br />
<br />
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F10%2Fpenyimpanan-catatan.html&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 450px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Save Note With Java Programming" data-url="http://java-koek.blogspot.com/2011/10/penyimpanan-catatan.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/10/penyimpanan-catatan.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-8312520791525534012011-10-10T15:24:00.000-07:002011-10-10T15:28:19.538-07:00Alert With Jquery<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-pczXUgCZWyU/TpNuEn9r9MI/AAAAAAAAAJk/ByAd9rOv36c/s1600/alert+with+CSS+%2526+Jquery.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="365" src="http://3.bp.blogspot.com/-pczXUgCZWyU/TpNuEn9r9MI/AAAAAAAAAJk/ByAd9rOv36c/s400/alert+with+CSS+%2526+Jquery.png" width="400" /></a></div>
Berikut ini adalah effek animasi alert yang di buat dengan Jquery dan CSS, fungsi dari alert ini yaitu untuk menginformasikan mengenai kejadian yang ada kepada user.<br />
<a name='more'></a><br />
<a href="http://demo.leeclassic.com/alert/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/38ez2" target="_blank">Klik Here To Download</a>
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F10%2Falert-with-jquery.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Alert With Jquery" data-url="http://java-koek.blogspot.com/2011/10/alert-with-jquery.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/10/alert-with-jquery.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-91894714046337926242011-10-10T12:15:00.000-07:002011-10-10T13:33:50.719-07:00Animasi Link dengan CSS<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Us6yxyNvjMA/TpNN0-E_cFI/AAAAAAAAAJY/c59gwETSmv4/s1600/Animasi+link+dengan+CSS.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Us6yxyNvjMA/TpNN0-E_cFI/AAAAAAAAAJY/c59gwETSmv4/s1600/Animasi+link+dengan+CSS.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Berikut seperti gambar yang tampil di atas yaitu membuat animasi pada suatu link dengan menggunakan CSS3, tujuan dari pembuatan animasi tersebut yaitu untuk memberikan effek menarik pada suatu link.</div>
Pembuatan animasi tersebut 100% mengunakan CSS3.<br />
Silahkan download dan bongkar sourcode'ya atau pilih demo untuk sekedar ingin melihat mengenai animasi link tersebut.<br />
<br />
<a name='more'></a><br />
<a href="http://demo.leeclassic.com/Beautifull%20Link%20Menu%20with%20CSS/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/38Z6k" target="_blank">Klik Here To Download</a><br />
<br />
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F10%2Fanimasi-link-dengan-css.html%23more&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:95px; height:21px;" allowTransparency="true"></iframe>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://java-koek.blogspot.com/2011/10/animasi-link-dengan-css.html#more" data-text="Animation Link with CSS3" data-count="horizontal" data-via="n_uryanto">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
<g:plusone size="medium" href="http://java-koek.blogspot.com/2011/10/animasi-link-dengan-css.html#more"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-52216819057371477032011-10-06T12:12:00.000-07:002011-10-10T13:48:11.970-07:00Membuat Pagging dengan PHP & Jquery<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/--lASI16PPVk/TpNZ-vJCMiI/AAAAAAAAAJc/GFfXAEJ2KFY/s1600/pagging+with+PHP+%2526+Jquery.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="http://3.bp.blogspot.com/--lASI16PPVk/TpNZ-vJCMiI/AAAAAAAAAJc/GFfXAEJ2KFY/s400/pagging+with+PHP+%2526+Jquery.PNG" width="400" /></a></div>
Siapa yang ga tau tentang pagging ??? pagging sangatlah penting bagi aplikasi yang kita buat, apa jadinya apabila dalam membangun website khususnya tidak menggunakan pagging dalam menampilkan suatu data yang ada pada DataBase. <br />
Disini tidak akan membahas panjang lebar mengenai fungsi pagging, silahkan cari aja ke google untuk lebih jelasnya.<br />
<a name='more'></a><br />
<a href="http://demo.leeclassic.com/Pagging/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/34kHX" target="_blank">Klik Here To Download</a><br />
<br />
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F10%2Fmembuat-pagging-dengan-php-jquery.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Pagging with PHP" data-url="http://java-koek.blogspot.com/2011/10/membuat-pagging-dengan-php-jquery.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/10/membuat-pagging-dengan-php-jquery.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-91764682033327713182011-10-06T00:39:00.000-07:002011-10-06T00:44:59.455-07:00Filter Image with Jquery<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-jcqrpQQZVno/To1Z0qINtjI/AAAAAAAAAJI/8fmxj1SvetU/s1600/filtering+images.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="211" src="http://3.bp.blogspot.com/-jcqrpQQZVno/To1Z0qINtjI/AAAAAAAAAJI/8fmxj1SvetU/s400/filtering+images.PNG" width="400" /></a></div>
Berikut ini adalah tutorial bagaimana memfilter gambar dengan menggunakan Jquery, gambar yang di filter di sesuaikan dengan menu yang ada, seperti nampak pada gambar di atas yaitu memfilter gambar Stiker atau Poster.<br />
<a name='more'></a><br />
<a href="http://demo.leeclassic.com/filtering%20images/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/348L1" target="_blank">Klik Here To Download</a><br />
<br />
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F10%2Ffilter-image-with-jquery.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Filtering Image with Jquery" data-url="http://java-koek.blogspot.com/2011/10/filter-image-with-jquery.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/10/filter-image-with-jquery.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-65435142105676486922011-10-02T10:16:00.000-07:002011-10-02T10:56:13.484-07:00Export DB Mysql to Acces with PHP<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-FKlJdQ7-CVs/ToiZuyBd1mI/AAAAAAAAAIk/AoaMHIjAVDA/s1600/EXPORT+TO+ACCES.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="http://2.bp.blogspot.com/-FKlJdQ7-CVs/ToiZuyBd1mI/AAAAAAAAAIk/AoaMHIjAVDA/s400/EXPORT+TO+ACCES.PNG" width="400" /></a></div>
Tutorial kali ini akan mengimplementasikan bagaimana mengekpor file Database MySQL ke MS. Acces dengan menggunakan PHP. Dalam mengexport file Database Mysql ke MS. Acces ini sangatlah mudah hanya sedikit memanfaatkan atau memanggil fungsi yang ada di PHP.<br />
<a name='more'></a><br />
Untuk lebih jelas mengenai script yang digunakan silahkan download aja, atau apabila ingin mencoba silahkan pilih demo program.<br />
<br />
<a href="http://demo.leeclassic.com/Export%20DB%20to%20Acces/" target="_blank">Klik Here to Demo</a><br />
<a href="http://adf.ly/30Gs8" target="_blank">Klik Here to Download</a><br />
<br />
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F10%2Fexport-db-mysql-to-acces-with-php.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Export DB MySQL to MS. ACCES with PHP" data-url="http://java-koek.blogspot.com/2011/10/export-db-mysql-to-acces-with-php.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/10/export-db-mysql-to-acces-with-php.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-76894666439720071052011-09-27T23:48:00.001-07:002011-09-28T00:33:58.852-07:00Mengirim Email dengan PHP<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-aLyb9OgXewI/ToK5tZyaD8I/AAAAAAAAAIY/EG7ydvn9llY/s1600/send+email+with+php.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-aLyb9OgXewI/ToK5tZyaD8I/AAAAAAAAAIY/EG7ydvn9llY/s320/send+email+with+php.PNG" width="317" /></a></div>
Tutorial kali ini menceritakan bagaimana cara mengirim email dengan menggunakan PHP. Mengirim Email dengan PHP ini sangatlah mudah yaitu hanya memanfaatkan fungsi yang ada di PHP sendiri yaitu <b>mail() ;</b><br />
Agar Form pengiriman PHP ini sedikit lebih modern pada saat pengiriman maka ditambahkan fitur framework jquery, jadi halaman website tidak harus mereflesh ulang halaman website apabila telah melakukan pengiriman email.<br />
<br />
<a name='more'></a>Apabila pengiriman telah berhasil maka form akan tampil seperti halaman di bawah berikut ini tanpa harus pindah ke halaman lain atau reflesh ulang ke halaman baru.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-z23ykyae8Sc/ToK8SaMIC6I/AAAAAAAAAIg/E3qGrYw7sbg/s1600/send+email+with+php+submit.PNG" imageanchor="1"><img border="0" height="320" src="http://2.bp.blogspot.com/-z23ykyae8Sc/ToK8SaMIC6I/AAAAAAAAAIg/E3qGrYw7sbg/s1600/send+email+with+php+submit.PNG" width="317" /></a></div>
Silahkan apabila tertarik pada imlementasi pengiriman email dengan PHP ini atau penasaran seilahkan pilih demo atau download<br />
<br />
<a href="http://demo.leeclassic.com/Send%20Email/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/2vzMV" target="_blank">Klik Here To Download</a><br />
<br />
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F09%2Fmengirim-email-dengan-php.html&send=false&layout=button_count&width=90&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 90px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Submit Email with PHP" data-url="http://java-koek.blogspot.com/2011/09/mengirim-email-dengan-php.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/09/mengirim-email-dengan-php.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-17329854422176679022011-09-26T11:25:00.000-07:002011-09-26T11:34:58.314-07:00Update & Comment<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-a83mfbQ5vs0/ToDBNDhSapI/AAAAAAAAAIU/rmnWHb6iZ30/s1600/update+%2526+comment.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://4.bp.blogspot.com/-a83mfbQ5vs0/ToDBNDhSapI/AAAAAAAAAIU/rmnWHb6iZ30/s400/update+%2526+comment.PNG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Seperti kaya jejaring sosial facebook, twitter atau google plus dimana di sini mengimplementasikan bagaimana membuat suatu update'an sederhana kemudian didalam update tersebut dapat di isi dengan commen-commen.</div>
<div class="separator" style="clear: both; text-align: left;">
Silahkan uduh script yang saya buat ini atau pilih demo untuk sekedar melihat.</div>
<a name='more'></a><br />
<a href="http://demo.leeclassic.com/update%20&%20comment/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/2uWi3" target="_blank">Klik Here To Download</a><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F09%2Fupdate-comment.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Example Update & Comment" data-url="http://java-koek.blogspot.com/2011/09/update-comment.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/09/update-comment.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com3tag:blogger.com,1999:blog-3625074580093534426.post-49270941549083285752011-09-22T15:58:00.000-07:002011-09-24T11:22:02.322-07:00Membuat Efek Getaran dengan Jquery<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-PlTackUWRN8/Tn4fmoCUYtI/AAAAAAAAAIQ/dfe2FmOvhBA/s1600/Vibrates+with+Jquery.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-PlTackUWRN8/Tn4fmoCUYtI/AAAAAAAAAIQ/dfe2FmOvhBA/s1600/Vibrates+with+Jquery.png" /></a></div>
Kali ini saya akan mendemontrasikan bagaimana cara membuat efek getaran pada suatu gambar. Efek getar ini dapat disesuaikan dengan kebutuhan yang diperlukan.<br />
<a name='more'></a><br />
<a href="http://demo.leeclassic.com/Vibrates%20With%20Jquery/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/2qvxb" target="_blank">Klik Here To Download</a><br />
<br />
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F09%2Fmembuat-efek-getaran-dengan-jquery.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Animation Viberate With Jquery" data-url="http://java-koek.blogspot.com/2011/09/membuat-efek-getaran-dengan-jquery.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/09/membuat-efek-getaran-dengan-jquery.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com1tag:blogger.com,1999:blog-3625074580093534426.post-32586691292134196232011-09-20T11:27:00.000-07:002011-09-20T11:35:29.341-07:00Templeate HTML5 and CSS<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-BJnCnLtrSyk/TnjYbLEV88I/AAAAAAAAAIE/chl1WEz0Anc/s1600/design+HTML+5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="http://2.bp.blogspot.com/-BJnCnLtrSyk/TnjYbLEV88I/AAAAAAAAAIE/chl1WEz0Anc/s640/design+HTML+5.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
ini adalah templeate website yang saya buat yaitu dengan menggunakan fitur HTML5 dan CSS. design templeate ini support juga di akses oleh handpond (HP) karena design tampilan website disesuaikan dengan ukuran screen pada saat pengaksesan halaman website templeate tersebut.</div>
Silahkan coba demo templeate yang saya buat ini kemudian resize ukuran browser sampai dengan ukuran handphond (HP) untuk mengecek bila ingin view halaman website bila di akses oleh HP.<br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a>Untuk design awal dalam membuat HTML5 lihat di bawah, pada gambar tersebut komponen wajib dalam membuat suatu website dengan fitur HTML5.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-9P4ql0tUpV0/TnjZLn1kO-I/AAAAAAAAAII/H0-WXLe1K5c/s1600/design+awal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="http://1.bp.blogspot.com/-9P4ql0tUpV0/TnjZLn1kO-I/AAAAAAAAAII/H0-WXLe1K5c/s320/design+awal.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
silahkan download atau juga pilih demo untuk melihat screen shoot mengenai website dengan menggunakan HTML5.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://demo.leeclassic.com/Templeate%20HTML5%20&%20CSS3" target="_blank">Klik Here To Demo</a></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://adf.ly/2p1Qv" target="_blank">Klik Here To Download</a></div>
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?app_id=171235712955073&href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F09%2Ftempleate-html5-and-css.html&send=false&layout=button_count&width=95&show_faces=true&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Templeate HTML5 & CSS3" data-url="http://java-koek.blogspot.com/2011/09/templeate-html5-and-css.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/09/templeate-html5-and-css.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com2tag:blogger.com,1999:blog-3625074580093534426.post-32102431343424246972011-09-20T00:04:00.000-07:002011-09-20T10:47:21.126-07:00Placeholder with Jquery<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-tCvZeWplFis/Tnge-dxx2vI/AAAAAAAAAIA/2zd82KjYVIE/s1600/placeholder.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-tCvZeWplFis/Tnge-dxx2vI/AAAAAAAAAIA/2zd82KjYVIE/s320/placeholder.PNG" width="317" /></a></div>
Berikut ini adalah mendemontrasikan bagaimana untuk menampilkan keterangan pada suatu inputan text / yang sering di sebut placeholder, seperti gambar yang di samping ini.<br />
<br />
Placeholder ini di pakai juga oleh situs seperti facebook, twitter ataupun situs lainnya dalam memanipulasi suatu inputan agar lebih menarik tentunnya.<br />
Silahkan download sourcode atau pilih demo untuk sekedar melihat mengenai placeholder ini.<br />
<br />
<br />
<a name='more'></a><a href="http://demo.leeclassic.com/PlaceHolder%20Jquery" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/2oYFt" target="_blank">Klik Here To Download</a>
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?app_id=135660699864681&href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F09%2Fplaceholder-with-jquery.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Placeholder with Jquery" data-url="http://java-koek.blogspot.com/2011/09/placeholder-with-jquery.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/09/placeholder-with-jquery.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-84868968416247704982011-09-19T12:29:00.000-07:002011-09-19T12:35:57.415-07:00HTML5 & CSS3<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-aAqIa87e8oE/TneWKqVRnqI/AAAAAAAAAH8/2MFMcFIN1rg/s1600/HTML5+%2526+CSS.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/-aAqIa87e8oE/TneWKqVRnqI/AAAAAAAAAH8/2MFMcFIN1rg/s200/HTML5+%2526+CSS.PNG" width="164" /></a></div>
Judul : HTML5 & CSS3<br />
Bahasa : English<br />
Penulis : Brian P. Hogan<br />
Jumlah halaman : 265 halaman<br />
Format : PDF<br />
Size : 4.58 MB<br />
<br />
<a name='more'></a><br />
<a href="http://adf.ly/2o9VW" target="_blank">Klik Here To Download</a><br />
<br />
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?app_id=135663706532280&href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F09%2Fhtml5-css3.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Ebook HTML5 & CSS3" data-url="http://java-koek.blogspot.com/2011/09/html5-css3.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/09/html5-css3.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-31993191606276249452011-09-17T15:35:00.000-07:002011-09-17T15:42:38.723-07:00Automatic Combo Box<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-o0Y-8rCKY-Q/TnUafCV0rWI/AAAAAAAAAH4/PP_GutQOU5s/s1600/automatic+combobox.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-o0Y-8rCKY-Q/TnUafCV0rWI/AAAAAAAAAH4/PP_GutQOU5s/s1600/automatic+combobox.png" /></a></div>
Pada gambar di samping ini terdapat 2 buah komponen combo box pada suatu halaman website, namun isi dari combo box nama kota harus sesuai dengan provinsi.<br />
Pada tutorial kali ini akan mendemontrasikan bagaimana membuat combobox secara dinamis / merubah isi combo box kota secara otomatis jika combobox provinsi di pilih. Silahkan Download dan pelajari sourcode yang digunakan, adapun aplikasi yang digunakan yaitu dengan PHP dan Jquery.<br />
<a href="http://demo.leeclassic.com/Automatic%20Combo%20Box/"></a><br />
<a name='more'></a><a href="http://demo.leeclassic.com/Automatic%20Combo%20Box/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/2mRgs" target="_blank">Klik Here To Download</a><br />
<br />
<iframe src="//www.facebook.com/plugins/like.php?app_id=170916419655457&href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F09%2Fautomatic-combo-box.html&send=false&layout=button_count&width=95&show_faces=true&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:95px; height:21px;" allowTransparency="true"></iframe>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://java-koek.blogspot.com/2011/09/automatic-combo-box.html" data-text="Automatic Combo Box" data-count="horizontal" data-via="n_uryanto">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
<g:plusone size="medium" href="http://java-koek.blogspot.com/2011/09/automatic-combo-box.html"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-11120416516762309222011-09-15T12:52:00.000-07:002011-09-15T13:03:03.681-07:00Submit form without refresh page<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-iq8anXl2Vr4/TnJV2blKI9I/AAAAAAAAAH0/BUWkPcdOcEY/s1600/Submit+form+without+refresh+page.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="http://2.bp.blogspot.com/-iq8anXl2Vr4/TnJV2blKI9I/AAAAAAAAAH0/BUWkPcdOcEY/s400/Submit+form+without+refresh+page.png" width="400" /></a></div>
Sedikit mirip kaya twitter atau facebook, dimana form inputan ini di kirim tanpa harus mereload halaman website kemudian data baru akan otomatis ditampilkan pada bawah form tersebut. Kaya Update Facebook atau Twitter ceritanya.<br />
<br />
<a name='more'></a>Halaman website ini dibuat dengan menggunakan Jquery dan PHP selebihnya untuk tampilan seperti biasa menggunakan CSS (Cascade Style Sheet)<br />
<a href="http://demo.leeclassic.com/Submit%20form%20without%20refresh%20page/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/2kTNB" target="_blank">Klik Here To Download</a>
<iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?app_id=274682959227785&href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F09%2Fsubmit-form-without-refresh-page.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" style="border: none; height: 21px; overflow: hidden; width: 95px;"></iframe>
<a class="twitter-share-button" data-count="horizontal" data-text="Submit form without refresh page with Jquery" data-url="http://java-koek.blogspot.com/2011/09/submit-form-without-refresh-page.html" data-via="n_uryanto" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script>
<g:plusone href="http://java-koek.blogspot.com/2011/09/submit-form-without-refresh-page.html" size="medium"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com0tag:blogger.com,1999:blog-3625074580093534426.post-39800010179850579902011-09-15T07:40:00.000-07:002011-09-15T07:44:31.250-07:00Validasi Form dengan Jquery<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-pqKK8eO_oKw/TnIK2Y7R5yI/AAAAAAAAAHw/qKPZutXHoHI/s1600/Vlidate+Form+with+Jquery.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="275" src="http://2.bp.blogspot.com/-pqKK8eO_oKw/TnIK2Y7R5yI/AAAAAAAAAHw/qKPZutXHoHI/s320/Vlidate+Form+with+Jquery.png" width="320" /></a></div>
Sebelumnya ada Jquery untuk membuat suatu validasi inputan pada sebuah website sangatlah sulit, namun setelah hadirnya Jquery membuat suatu validasi inputan sangatlah mudah.<br />
validasi ini bertujuan untuk membuat suatu inputan konsisten atau sesuai dengan aturan yang ada sebelum di proses ke langkah selanjutnya.<br />
okee tidak panjang lebar silahkan download atau pilih demo untuk sekedar melihat validasi form dengan Jquery ini.<br />
<br />
<a name='more'></a><br />
<a href="http://demo.leeclassic.com/Validate%20Form%20With%20Jquery/" target="_blank">Klik Here To Demo</a><br />
<a href="http://adf.ly/2kFMv" target="_blank">Klik Here To Download </a>
<iframe src="//www.facebook.com/plugins/like.php?app_id=202158569851706&href=http%3A%2F%2Fjava-koek.blogspot.com%2F2011%2F09%2Fsebelumnya-ada-jquery-untuk-membuat.html&send=false&layout=button_count&width=95&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:95px; height:21px;" allowTransparency="true"></iframe>
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://java-koek.blogspot.com/2011/09/sebelumnya-ada-jquery-untuk-membuat.html" data-text="validation form with Jquery" data-count="horizontal" data-via="n_uryanto">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<g:plusone size="medium" href="http://java-koek.blogspot.com/2011/09/sebelumnya-ada-jquery-untuk-membuat.html"></g:plusone>
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script> <br />
<div id="div-132234516331273617" style="width: 468px;">
</div>
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderAdsGadget(
{ id: 'div-132234516331273617',
height: 60,
site: '06252957243787761792',
'prefs':{"google_ad_client":"ca-pub-1577830512765596","google_ad_host":"pub-6518359383560662","google_ad_slot":"1302808484","google_ad_format":"468x60"}
});
</script>Nextsumohttp://www.blogger.com/profile/09250157149300851171noreply@blogger.com2