Membuat Expendable Komentar Terbaru Dengan Jquery

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUvJNLqMYpFKpKs3Xxupt-UIcssT81ag2svcvdncT4lYEEwGvm-F__2q4EeRSDLPJDs_WM2YjEHzDQib3czW2ovxH1YxACGCHmgl_8NSztrUndqIPNGYGoXpizePSh9kX5UHU70KS6iXUE/s1600/komen.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Expendable Komentar Terbaru Dengan Jquery" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUvJNLqMYpFKpKs3Xxupt-UIcssT81ag2svcvdncT4lYEEwGvm-F__2q4EeRSDLPJDs_WM2YjEHzDQib3czW2ovxH1YxACGCHmgl_8NSztrUndqIPNGYGoXpizePSh9kX5UHU70KS6iXUE/s320/komen.JPG" title="Membuat Expendable Komentar Terbaru Dengan Jquery" width="187" /></a></div><br />Membuat Expendable Komentar Terbaru Dengan Jquery | Jauh artikel saya tentang Komentar Terbaru <a href="http://www.bocahit.com/2012/07/cara-komentar-terbaru-pakai-foto.html" target="_blank">Dengan Foto</a>, kali ini, beda. Sedikit disentuh dengan Jquery dan elegan. Komentar bisa dengan fungsi show hide dan sebagainya lengkapnya disini.<br /><br /><pre class="brush:js;"><style type="text/css" media="screen"><br /><br />.row-aa {        background: #f2f2f3; }<br /><br />.row-bb {        background: #F8F5F1; }<br /><br />.row-div {  <br /><br />  margin:0px; <br /><br />  padding:5px; <br /><br />}<br /><br />.comment-header { <br /><br />  font-size:0.9em; <br /><br />//  border:1px solid #E0E0E0; <br /><br />//  background-color:#F3F3F3; <br /><br />  padding:4px; <br /><br />  margin-top:10px; <br /><br />  margin-bottom:5px; <br /><br />}<br /><br />.comment-box {<br /><br />  margin:0px;<br /><br />  padding:0px;<br /><br />  font-size:0.9em;<br /><br />  height:500px;<br /><br />  overflow:auto;<br /><br />}<br /><br />.comments1  {  <br /><br />//  background: #F3F3F3; <br /><br />  padding:3px; <br /><br />  border-left:1px dashed #A6A6A6;<br /><br />  color: #888888;<br /><br />  font-style: italic;<br /><br />  padding-top:4px;<br /><br />  margin-bottom:5px;<br /><br />}<br /><br />.comment-footer {<br /><br />  text-align:center;<br /><br />  font-size:0.9em;<br /><br />  padding:4px;<br /><br />  margin-top:5px;  <br /><br />}<br /><br /></style><br /><br /><br /><br /><div style="text-align: center" class="comment-header"><input <br />class="comment-button" id="commshowall" type="button" onclick="if <br />(this.value == &#39;Show all&#39;) { unfold_all(this); <br />this.value=&#39;Hide all&#39;; } else { fold_all(this); <br />this.value=&#39;Show all&#39;; }" <br />style="width:8em;font-size:1em;font-family:Verdana,sans" value="Show <br />all" /></div><br /><br /><br /><br /><div class="comment-box"><br /><br /><script type="text/javascript" <br />src="http://helplogger.googlecode.com/svn/trunk/expandable-recent-comments.js"></script><br /><br /><script type="text/javascript"  src="<span style="color: blue;">http://www.bocahit.com</span>/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts"><br /><br /></script><br /><br /><script type="text/javascript"  src="<span style="color: blue;">http://www.bocahit.com</span>/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments"><br /><br /></script><br /><br /></div></pre><br /><br />Selamat Mencoba :D<br />Ganti dengan URL blog sobat. <br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6_WBAM_gSYanYbxy3euSKuhn1sW-hE_8ngLF0Tzz9QF9ctvuUGeR3c65gI_VV8NbmZqhkfTFmenwcwXeW7FX8iOLA6SeBh159OQpfBY0fIrNn6ps6feT72fqeVwjZDWBdnQJPHm6kJjqd/s1600/komen2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Expendable Komentar Terbaru Dengan Jquery" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6_WBAM_gSYanYbxy3euSKuhn1sW-hE_8ngLF0Tzz9QF9ctvuUGeR3c65gI_VV8NbmZqhkfTFmenwcwXeW7FX8iOLA6SeBh159OQpfBY0fIrNn6ps6feT72fqeVwjZDWBdnQJPHm6kJjqd/s320/komen2.JPG" title="Membuat Expendable Komentar Terbaru Dengan Jquery" width="187" /></a></div><br />

Membuat Expendable Komentar Terbaru Dengan Jquery

Membuat Expendable Komentar Terbaru Dengan Jquery | Jauh artikel saya tentang Komentar Terbaru Dengan Foto , kali ini, beda. Sedikit disentu...

Baca selengkapnya »

6 Template Blogger Responsive

6 Template Blogger Responsive | Waktunya template responsive beraksi. Nah kemarin kan habis baca - baca masalah cara cek <a href="http://www.bocahit.com/2013/05/cara-mengecek-kemampuan-responsive-blog.html" target="_blank">responsivitas</a> blog kita lalu kita juga sudah tahu keunggulan <a href="http://www.bocahit.com/2013/05/keunggulan-template-blog-support.html" target="_blank">responsive</a>. Tidak sopan jika saya tidak berbagi template yang valid HTML dan Responsive. Jadi silakan download gratis jika anda berminat.<br /><br /><div style="text-align: center;"><b>MXFluity</b></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvL-BCzr6QnKO_57XOe05i1bRKjLjEZd4zsTqusJ8eyevhOMUylWzEFqTQr5jvilc1ycTRJ1mkPcymFgtjjCIXjq-QzmQnspjOU6P3bjphW2LfKfV6rks-jxkUWSi2NzpThBIV3xZV0QVD/s1600/MXfluity.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvL-BCzr6QnKO_57XOe05i1bRKjLjEZd4zsTqusJ8eyevhOMUylWzEFqTQr5jvilc1ycTRJ1mkPcymFgtjjCIXjq-QzmQnspjOU6P3bjphW2LfKfV6rks-jxkUWSi2NzpThBIV3xZV0QVD/s320/MXfluity.png" width="320" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="button" href="http://mkr-site.blogspot.com/2013/04/mxfluity-responsive-blogger-template.html">Download</a>      <u></u><a class="button" href="http://mxfluity-mkr.blogspot.com/">Demo</a></div><br /><br /><div style="text-align: center;"><b>My Timeline</b></div><div style="text-align: center;"><b> </b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbOwVVlIn8v95x2nyXRye76k2ZsPrZtj1U91PRGcMUPcOlZvaNbZUe31yDGxqagTt_M4C58SmA74Cpg3E1iHVEEK1CFg43aiQWzelbRj9AIxt386LtfShCFTqwFAkTc2Is23t0xJ7l8wfL/s1600/MyTimeLine.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbOwVVlIn8v95x2nyXRye76k2ZsPrZtj1U91PRGcMUPcOlZvaNbZUe31yDGxqagTt_M4C58SmA74Cpg3E1iHVEEK1CFg43aiQWzelbRj9AIxt386LtfShCFTqwFAkTc2Is23t0xJ7l8wfL/s320/MyTimeLine.png" width="239" /></a></div><br /><div style="text-align: center;"><br /><a class="button" href="http://mkr-site.blogspot.com/2013/03/mytimeline-responsive-blogger-template.html">Download</a>      <u></u><a class="button" href="http://mytimeline-mkr.blogspot.com/">Demo</a></div><br /><div style="text-align: center;"><b>My Extranews</b></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIB7X2w7gwGrSzU1aqCB3AMqatc737TwD7ggka1RlkvlZltkgv2n4jdygww9biPdgm2zVP7Z_JKjs4uz05IupryQZEN8jUK-fCLJ4TRtodw50QoYcAHzyt11T5DahpP30Q4W7WlJvCn57u/s1600/MyExtraNews.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIB7X2w7gwGrSzU1aqCB3AMqatc737TwD7ggka1RlkvlZltkgv2n4jdygww9biPdgm2zVP7Z_JKjs4uz05IupryQZEN8jUK-fCLJ4TRtodw50QoYcAHzyt11T5DahpP30Q4W7WlJvCn57u/s320/MyExtraNews.png" width="195" /></a></div><br /><div style="text-align: center;"><br /><a class="button" href="http://mkr-site.blogspot.com/2013/03/myextranews-responsive-blogger-template.html">Download</a>      <u></u><a class="button" href="http://myextranews-mkr.blogspot.com/">Demo</a><br /><br /><b>Aware</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ziHhnnwJefTxXj3ODHvPmz2kMteSpMNAVkRRbNvwMmZErZIanq5jymjta0Ee8rcwLNRCvF3u00Pxk5Ttur0DMFSWYfMVm0om_lFWeywdVY_124xRgvUtA4CnafjHSNwZEhVog85y-JSq/s336/Aware_SS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ziHhnnwJefTxXj3ODHvPmz2kMteSpMNAVkRRbNvwMmZErZIanq5jymjta0Ee8rcwLNRCvF3u00Pxk5Ttur0DMFSWYfMVm0om_lFWeywdVY_124xRgvUtA4CnafjHSNwZEhVog85y-JSq/s320/Aware_SS.png" width="291" /></a></div><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="button" href="http://mkr-site.blogspot.com/2013/01/aware-responsive-blogger-template.html">Download</a>      <u></u><a class="button" href="http://aware-ivythemes.blogspot.com/">Demo</a><br /><br /><b>Dark Red</b> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpkSYNcZHsWPdWD6saukZspjiHfVheGGipHa6xVsYCNkAU0kUF66CNE4xqeg_bEkyDjd_3nEDg1ceDhPh-6J1Vi9dcz2lPlqeeE5CwtZnCGs1SJe1X63wTHUeBYhsYk-UzM-TNnQ3aSobO/s336/DarkRed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpkSYNcZHsWPdWD6saukZspjiHfVheGGipHa6xVsYCNkAU0kUF66CNE4xqeg_bEkyDjd_3nEDg1ceDhPh-6J1Vi9dcz2lPlqeeE5CwtZnCGs1SJe1X63wTHUeBYhsYk-UzM-TNnQ3aSobO/s320/DarkRed.png" width="320" /></a></div></div><div style="text-align: center;"><br /><div style="text-align: center;"><br /></div></div><div style="text-align: center;"><a class="button" href="http://ivy-hosting.googlecode.com/files/DarkRed.zip">Download</a>     <a class="button" href="http://darkred-ivy.blogspot.com/">Demo</a><br /><br /><b>Jp Station</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi369Zgfe5whgShwuxpYPDzs47AEeWf11QAIDQE-mtEFDtHiVdbeQ3Zx5-_OZ3ZauamC9HHQnAHz80zqtHHxLh6a2eX8cbeHC6JGmQtSoXG1yFqYUUqo0KUCNtQ_z3TRwvHod_mduOfAgbf/s1600/JPstation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi369Zgfe5whgShwuxpYPDzs47AEeWf11QAIDQE-mtEFDtHiVdbeQ3Zx5-_OZ3ZauamC9HHQnAHz80zqtHHxLh6a2eX8cbeHC6JGmQtSoXG1yFqYUUqo0KUCNtQ_z3TRwvHod_mduOfAgbf/s320/JPstation.png" width="320" /></a></div><br /><br /></div><div style="text-align: center;"><a class="button" href="http://mkr-site.blogspot.com/2013/01/jpstation-responsive-blogger-template.html">Download</a>      <a class="button" href="http://jpstation-ivy.blogspot.com/">Demo</a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div>

6 Template Blogger Responsive

6 Template Blogger Responsive | Waktunya template responsive beraksi. Nah kemarin kan habis baca - baca masalah cara cek responsivitas blog...

Baca selengkapnya »

Membuat Back To Top Show/Hide Dengan Jquery

<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgugV9Buoe-IZE5CHzGjbK7OgeLqM77wKrypqIPCJWxlFRZ0rcPWt2Bz0DzbZrBK6V1lHpJOkeUObdNu3NAgZD8BU9BKh6ahDUhNRdH63T72G79irGjLlIHv_9KHUFWntK-xDGGvRm_RVQ/s1600/top.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Back To Top Show/Hide Dengan Jquery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgugV9Buoe-IZE5CHzGjbK7OgeLqM77wKrypqIPCJWxlFRZ0rcPWt2Bz0DzbZrBK6V1lHpJOkeUObdNu3NAgZD8BU9BKh6ahDUhNRdH63T72G79irGjLlIHv_9KHUFWntK-xDGGvRm_RVQ/s1600/top.JPG" title="Membuat Back To Top Show/Hide Dengan Jquery" /></a></div>Membuat Back To Top Show/Hide Dengan Jquery | Apa kelebihannya? membuat tombol kembali ke atas ? ya, salah satunya untuk mempermudah pengunjunga berinteraksi dengan <i>blog. </i>Walau banyak blogger yang mengatakan bahwa memasang navigasi ini, tapi menurut saya ini cukup penting juga, jika kita memiliki artikel yang cukup panjang, kita bisa pakai cara ini untuk mempermudah pengunjung.<br /><br />Pasang kode di bawah ini di atas kode <b>]]></b:skin></b><br /><br /><pre class="brush:js;">.button_up{<br />padding:7px;   <br />background-color:white;<br />border:1px solid #CCC; <br />position:fixed;<br />background:white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirBUmwK6wC2PZa6PlBaSf0w4OnP6PCHMtYFDmNFIHxnv8hZARlO7_gbnSiQKGFZFaXolXWL63MwAlCuy164hdWqR9PdJ2ZgrUSV5jcbWVcUiI8ebhH3VPEh53coi69rfCJHhQhCoq3bGs/s16/arrow_up.png) no-repeat top left;<br />background-position:50% 50%;<br />width:20px;/* Lebar tombol */<br />height:20px;/* Tinggi tombol */<br />bottom:280px;/* Jarak dari bawah */<br />right:5px; /* pilihan kanan atau kiri */<br />white-space:nowrap;<br />cursor: pointer;<br />border-radius: 3px 3px 3px 3px;<br />opacity:0.7; <br />filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);<br />}<br />.button_down{<br />padding:7px; <br />background-color:white;<br />border:1px solid #CCC; <br />position:fixed;<br /><br />background:white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUlr0nbCIEuWmGbvZImn7u1Lz9wQTyLqK2OsgLSXSxgGRlguqcLqZG65boLvYOM-WvXzA0JYhPTaUhYQH23NS6F95FSrniEg9F5QgMywKBsuQkst34s2jnYcxE8BT_2cXg19zTkrtPbwo/s16/arrow_down.png) no-repeat top left;<br />background-position:50% 50%;<br />width:20px; <br />height:20px;<br />bottom:242px;<br />right:5px; <br />white-space:nowrap;<br />cursor: pointer;<br />border-radius: 3px 3px 3px 3px;<br />opacity:0.7;<br />filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);<br />}<br /></pre><br />Lalu, cari kode </body>, letak kode ini diatasnya :<br /><br /><pre class="brush:js;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><br /><br /><br /><br /><b><div class='button_up' id='button_up' style='display:none;'/></b><br /><br /><b><div class='button_down' id='button_down' style='display:none;'/></b><br /><br /><br /><br /><script><br /><br />//<![CDATA[<br /><br />(function(){var special=jQuery.event.special,uid1='D'+(+new <br />Date()),uid2='D'+(+new <br />Date()+1);special.scrollstart={setup:function(){var <br />timer,handler=function(evt){var <br />_self=this,_args=arguments;if(timer){clearTimeout(timer)}else{evt.type='scrollstart';jQuery.event.handle.apply(_self,_args)}timer=setTimeout(function(){timer=null},special.scrollstop.latency)};jQuery(this).bind('scroll',handler).data(uid1,handler)},teardown:function(){jQuery(this).unbind('scroll',jQuery(this).data(uid1))}};special.scrollstop={latency:300,setup:function(){var<br /> timer,handler=function(evt){var <br />_self=this,_args=arguments;if(timer){clearTimeout(timer)}timer=setTimeout(function(){timer=null;evt.type='scrollstop';jQuery.event.handle.apply(_self,_args)},special.scrollstop.latency)};jQuery(this).bind('scroll',handler).data(uid2,handler)},teardown:function(){jQuery(this).unbind('scroll',jQuery(this).data(uid2))}}})();<br /><br /><br /><br />$(function() {<br /><br />var $elem = $('body');<br /><br />$('#button_up').fadeIn('slow');<br /><br />$('#button_down').fadeIn('slow'); <br /><br />$(window).bind('scrollstart', function(){<br /><br />$('#button_up,#button_down').stop().animate({'opacity':'0.2'});<br /><br />});<br /><br />$(window).bind('scrollstop', function(){<br /><br />$('#button_up,#button_down').stop().animate({'opacity':'1'});<br /><br />});<br /><br />$('#button_down').click(<br /><br />function (e) {<br /><br />$('html, body').animate({scrollTop: $elem.height()}, 800);<br /><br />} );<br /><br />$('#button_up').click(<br /><br />function (e) {<br /><br />$('html, body').animate({scrollTop: '0px'}, 800);<br /><br />} );});<br /><br />//]]><br /><br /></script></pre><br />Dan BERHASIL!

Membuat Back To Top Show/Hide Dengan Jquery

Membuat Back To Top Show/Hide Dengan Jquery | Apa kelebihannya? membuat tombol kembali ke atas ? ya, salah satunya untuk mempermudah pengunj...

Baca selengkapnya »

Cara Mengubah Data Dengan PHP Dan MySQL

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvtXaOxGmrek-ZXnOuGM-8pD57s4yBDOG4ZCRjwnEhE4MzRFNtCmoX24snWPF6qpDKyXj87zg62kFaHJsAxWTdE2driypWJfPbvicKjS2_CzfVGvEqCTkNg5kyrLBIEo7AJiTuHPi_4Mr2/s1600/php_mysql_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengubah Data Dengan PHP Dan MySQL" border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvtXaOxGmrek-ZXnOuGM-8pD57s4yBDOG4ZCRjwnEhE4MzRFNtCmoX24snWPF6qpDKyXj87zg62kFaHJsAxWTdE2driypWJfPbvicKjS2_CzfVGvEqCTkNg5kyrLBIEo7AJiTuHPi_4Mr2/s320/php_mysql_logo.png" title="Cara Mengubah Data Dengan PHP Dan MySQL" width="320" /></a></div><br />Cara Mengubah Data Dengan PHP Dan MySQL | Ketika kita akan mengubah data yang telah valid masuk ke dalam database atau melakukan ON UPDATE, yang kita lakukan hanyalah menampilkan seluruh data yang ada dengan SELECT *FROM <nama_tabel> kemudian menambahkan script a href dengan nim yang akan di edit. Untuk lebih jelasnya langsung saja di coba dengan database yang anda buat sendiri.<br /><br /><pre class="brush:js;"><h3 align="center">EDIT DATA</h3><br /> <table width="100%" border="2" align="center" cellpadding="2" cellspacing="2"><br />   <tr><br />     <th align="center">NAMA</th><br />     <th align="center">BLOG</th><br />     <th align="center">JURUSAN</th><br />     <th align="center">EDIT</th><br />   </tr><br />   <?php<br />   include("uji.php");   //Melakukan testing dengan server<br />   mysql_select_db("data_siswa");  // memilih database (data_siswa)<br />   $a="select * from tabel_siswa order by nim";  //menampilkan dari tabel (tabel_siswa) diurutkan dengan nim<br />   $b=mysql_query($a);<br />   <br />   while($c=mysql_fetch_row($b)){<br />       echo"<br />   <tr><br />   <td>$c[1]</td><br />   <td>$c[2]</td><br />   <td>$c[3]</td><br />   <td><a href=\"form_edit.php?nim=$c[0]\">Edit</a></td><br />   </tr>";<br />   }<br />   ?><br /></table></pre><br />Selamat Mencoba!!

Cara Mengubah Data Dengan PHP Dan MySQL

Cara Mengubah Data Dengan PHP Dan MySQL | Ketika kita akan mengubah data yang telah valid masuk ke dalam database atau melakukan ON UPDATE, ...

Baca selengkapnya »

Cara Menampilkan Data Dari Database

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrQIN9OnmVNQxoF4CjuSsNcIGm8coq5McunS-HZdZQYpcSTSdlFmaazzxnUBQOwyHMK12bnhyEQ5UzsS72hCq6Qaxfgxlt5A10ig4UY5ugJLlPVD78rpOMv97mFk_7EJZBeg0Cn5n7Qlee/s1600/php.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menampilkan Data Dari Database Dengan PHP" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrQIN9OnmVNQxoF4CjuSsNcIGm8coq5McunS-HZdZQYpcSTSdlFmaazzxnUBQOwyHMK12bnhyEQ5UzsS72hCq6Qaxfgxlt5A10ig4UY5ugJLlPVD78rpOMv97mFk_7EJZBeg0Cn5n7Qlee/s400/php.JPG" title="Cara Menampilkan Data Dari Database Dengan PHP" width="400" /></a></div><br />Cara Menampilkan Data Dari Database | Sangat sederhana, inti dari script ini adalah cukup menampilkan data dengan SELECT *FROM. Tidak ada yang rumit dalam script ini, tapi hal yang baru dicermati adalah pemanggilan baris dan kolom dengan $c[1] atau $c [2]. Angka yang ada di [] adalah menunjukan bagian kolom yang akan ditampilkan. Artikel ini sangat berhubungan dengan <a href="http://www.bocahit.com/2013/04/menghubungkan-form-ke-database.html" target="_blank">insert data</a>.<br /><br /><pre class="brush:js;"><h3 align="center">CEK DATA ANDA</h3><br /> <table width="100%" border="2" align="center" cellpadding="2" cellspacing="2"><br />   <tr><br />     <th align="center">NAMA</th><br />     <th align="center">BLOG</th><br />     <th align="center">JURUSAN</th><br />   </tr><br />   <br />   <?php<br />   include("uji.php");  //koneksi kedatabase<br />   mysql_select_db("data_siswa"); //membuka database data_siswa<br />   $a="select * from tabel_siswa order by nim";<br />   $b=mysql_query($a);<br />   while($c=mysql_fetch_row($b)){<br />       echo"<br />         <tr><br />              <td>$c[1]</td><br />             <td>$c[2]</td><br />             <td>$c[3]</td><br />             </tr>";<br />       }<br />   ?><br /></table><br /><div style=" text-align:center;>"<br /><p><br />    <a href="form_siswa.php"><input type="button" id="proses" value="Tambah Data"/><br /></a><br /><a href="edit_data.php"><input type="button" id="proses" value="Edit Data"/><br /></a></p></div></pre><br />Selamat Mencoba. Ingat! <i>Cocokan variabelnya dengan nama tabel dan kolom anda</i>.<br />Jika sukses, hasilnya kurang lebih seperti ini.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0oBtLjy9aNmm5x-Ie1B-rEsPsNBf6J5whFBqTJ-YiQ5l_fLSLBtb0pdb0wrMnMFYves_LaUpbBx6HWejF4wYSheiPkVl2cEBOoF6Rft9GmwJq9MQubGWLqGs-oXe1D0IIsq5rLAUJfNOb/s1600/View.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menampilkan Data Dari Database Dengan PHP" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0oBtLjy9aNmm5x-Ie1B-rEsPsNBf6J5whFBqTJ-YiQ5l_fLSLBtb0pdb0wrMnMFYves_LaUpbBx6HWejF4wYSheiPkVl2cEBOoF6Rft9GmwJq9MQubGWLqGs-oXe1D0IIsq5rLAUJfNOb/s320/View.JPG" title="Cara Menampilkan Data Dari Database Dengan PHP" width="320" /></a></div><br /> 

Cara Menampilkan Data Dari Database

Cara Menampilkan Data Dari Database | Sangat sederhana, inti dari script ini adalah cukup menampilkan data dengan SELECT *FROM. Tidak ada ya...

Baca selengkapnya »

Cara Mengecek Kemampuan Responsive Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSPnqqLxA1xCrvO3Q_ysV63-RoR14ttvL5i2TZQYeJ13X9JfNn1A1BHMc6UDO2jXJK0hvzMKdjT1oxxSDUKxsCxEZxS6B1RihW2R5fLykldd9bR1CTiBzSz-cITdjvx4pV24iYSyQsMS3/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengecek Kemampuan Responsive Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSPnqqLxA1xCrvO3Q_ysV63-RoR14ttvL5i2TZQYeJ13X9JfNn1A1BHMc6UDO2jXJK0hvzMKdjT1oxxSDUKxsCxEZxS6B1RihW2R5fLykldd9bR1CTiBzSz-cITdjvx4pV24iYSyQsMS3/s320/4.JPG" title="Cara Mengecek Kemampuan Responsive Blog" width="197" /></a></div><br />Cara Mengecek Kemampuan Responsive  Blog | Jika kemarin saya buat artikel tentang <a href="http://www.bocahit.com/2013/05/chef-cantik-dan-seksi-di-indonesia.html" target="_blank">chef cantik</a> yah, buat iseng - iseng aja, daripada bengong. Biar kali ini kita masih menyangkut - nyangkut soal responsive yang kemarin telah saya bagikan apa sih keunggulan blog bertemplate <a href="http://www.bocahit.com/2013/05/keunggulan-template-blog-support.html" target="_blank">responsive</a>?<br /><br />Kalau cuma mengaku ini itu responsive semua juga bisa, yang membedakan adalah ketika blog di buka lewat browser atau media apa. Ini yang jadi masalah. Ada 2 website checker yang memberikan infomasi mengenai responsive yaitu <a href="http://www.responsinator.com/" target="_blank">Responsinator</a> dan <a href="http://responsivetest.net/" target="_blank">Responsive Test</a>.<br /><br />Cukup anda masukkan url blog anda, kemudian tunggu kurang lebih 5 menit dan akan muncul tampilan blog anda di media apa. Silakan mencoba..Ini Gratis!

Cara Mengecek Kemampuan Responsive Blog

Cara Mengecek Kemampuan Responsive  Blog | Jika kemarin saya buat artikel tentang chef cantik yah, buat iseng - iseng aja, daripada bengong...

Baca selengkapnya »

Spesifikasi Costum Kamen Rider Decade

Spesifikasi Costum Kamen Rider Decade

Baca selengkapnya »

Award Wammy Thanks Giving

Award Wammy Thanks Giving

Baca selengkapnya »

Cara Mendapatkan Kode Validasi Dari Google

Cara Mendapatkan Kode Validasi Dari Google

Baca selengkapnya »

Chef Cantik Dan Seksi Di Indonesia

Chef Cantik Dan Seksi Di Indonesia | Mankan lagi yuk, tapi siapa yang masak..waktunya yang cantik - cantik lagi nich...Chef cantik hot dan pintar memasak. Lelaki mana yang tidak memimpikan pasangan hidup seperti mereka. Bakat memasaknya, serta latar belakang pendidikannya di bidang kuliner, mengantarkan mereka menjadi celebrity chef di Indonesia.<br /><b><br /></b><b>Chef Farah Quinn</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1PSkNYR72MBB6s8s-wXRuEqOSSd7371iVM19xed3KvPAqmIn1KG2Sgmol7o8RxcQhqftOaMOLaadvaf7PO0OKdAvM88z1wl6_asBwlTT0rGPzuYWAb6RlLgFkKgX04EBIfElEIaYbvto/s1600/farah-quinn1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cheaf Farah Quinn" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1PSkNYR72MBB6s8s-wXRuEqOSSd7371iVM19xed3KvPAqmIn1KG2Sgmol7o8RxcQhqftOaMOLaadvaf7PO0OKdAvM88z1wl6_asBwlTT0rGPzuYWAb6RlLgFkKgX04EBIfElEIaYbvto/s640/farah-quinn1.jpg" title="Cheaf Farah Quinn" width="499" /></a></b></div><b> </b><br />Farah Fauzan Quinn adalah model, koki dan selebritis Indonesia. Masa kecilnya di Sumatera kerap ia habiskan untuk membantu sang ibu di dapur. Ia mulai dikenal luas setelah memandu acara kuliner Ala Chef di TransTV. sebelum masuk ke dunia kuliner, Farah melanjutkan kuliah di jurusan Finance di Indiana University Of Pennsylvania, Amerika Serikat. Farah mengakui bahwa dirinya bukanlah tipikal pekerja kantoran. Karena itulah Farah memulai karirnya di “Lydia’s Pittsburgh”, sebuah restoran Italia terkenal di Pittsburgh, Pennsylvania. Ia juga melanjutkan pendidikannya di Pittsburgh Culinary Institute dan mengambil keahlian khusus dalam bidang pastry atau kue-kue.<br /><br /><b>Chef Marinka</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUBiWsA17cwTOXcJEUCNrw-mtVLxtKAwaRcobmpEN3gasAnmfILS8iC1fEDQEZjIgarHhbu8glZL8UfpIhkXAojXpokdU6MMhbhY65Vb7kEb1KCKELJTQ3V2G9kqf0p6Ca6E-PXqqBp1vI/s1600/koleksi+foto+rinrin+marinka+001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Chef Marinka" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUBiWsA17cwTOXcJEUCNrw-mtVLxtKAwaRcobmpEN3gasAnmfILS8iC1fEDQEZjIgarHhbu8glZL8UfpIhkXAojXpokdU6MMhbhY65Vb7kEb1KCKELJTQ3V2G9kqf0p6Ca6E-PXqqBp1vI/s640/koleksi+foto+rinrin+marinka+001.jpg" title="Chef Marinka" width="640" /></a></b></div><br />Maria Irene Susanto, kini lebih dikenal dengan nama Ririn Marinka. Wajah cantiknya yang muncul seminggu sekali di acara Cooking Paradise di Trans 7 dan Master Chef Indonesia di RCTI, membuatnya menjadi celebrity chef, istilah yang belakangan ini naik daun. Ketertarikan Marinka di dunia memasak sedah dimulai sejak Ia masih kecil. Untuk mewujudkan cita-cita sebagai koki profesional, ia masuk sekolah kuliner Le Cordon Blue, di Sydney, Australia, dengan speciality French Cuisine & Patisserie. Selama 8 tahun tinggal dan kuliah di jurusan lain di Sydney, Marinka beberapa kali magang di restoran. Sekembalinya ke Indonesia, pada tahun 2005 ia membuka café Warung Telur Ceplok di kawasan Fatmawati, Jakarta Selatan. Sayang, warungnya hanya bertahan 1,5 tahun saja. Namun selepas itu, keberuntungannya terus menghampirinya hingga seperti sekarang ini.  <br /><br /><b>Chef Karen Carlotta</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv6uFL-z2nlj3I6ClxEkmS4801_bpptuSMW7PajI3fq-rC-7F33tFhUOTj7QAPQ_2NCSkyfJFfgZWnmMrkyG81je9VsgzrksGvHPWYjl_BXdXuwDLb4t3WUMXQPp4VcwoHgB_eiBjJpTSF/s1600/Karen_Chef.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Chef Karen Carlotta" border="0" height="369" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv6uFL-z2nlj3I6ClxEkmS4801_bpptuSMW7PajI3fq-rC-7F33tFhUOTj7QAPQ_2NCSkyfJFfgZWnmMrkyG81je9VsgzrksGvHPWYjl_BXdXuwDLb4t3WUMXQPp4VcwoHgB_eiBjJpTSF/s640/Karen_Chef.jpg" title="Chef Karen Carlotta" width="640" /></a></div><br />Menjadi seorang ahli masak adalah sebuah cita-cita Chef Karen Carlotta atau biasa dipanggil Chef KC. Sejak kecil, dirinya memang sudah gemar memperhatikan sang mama memasak dan akhirnya belajar memasak.meski mengaku sudah banyak pengalaman di dunia masak memasak, Chef KC mengaku enggan untuk disandingkan dengan beberapa ahli masak lainnya. Chef Karen atau KC menceritakan jika dirinya sempat belajar memasak di negeri Singapura. Sejak saat itulah, dirinya memutuskan untuk menseriusi profesi yang kini banyak digandrungi itu. Chef KC pertama kali naik daun dalam acara Venue di Metro TV, kini dia menggantikan Chef Ririn Marinka di acara Cooking Paradise di Trans7.<br /><br /><b>Chef Vindy</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-9bBctg8B6z3zdr_520QXLXqQnUHmmMPSgPrj1zjUsAQH6lHulGrfIN2iTtFj8aDoIo5qGFzczGyzER63W4toXvVFkVeSSBDNJ4DkX6lVjnsQqdhpRnGagJWRYJslqFsbTugKUBTAa2ic/s1600/vindy+lee.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-9bBctg8B6z3zdr_520QXLXqQnUHmmMPSgPrj1zjUsAQH6lHulGrfIN2iTtFj8aDoIo5qGFzczGyzER63W4toXvVFkVeSSBDNJ4DkX6lVjnsQqdhpRnGagJWRYJslqFsbTugKUBTAa2ic/s640/vindy+lee.jpg" width="640" /></a></div><br />Vindy Lee (lahir di Jakarta, 23 November 1983; umur 28 tahun) adalah model, koki dan selebritis Indonesia. Ia mulai dikenal luas setelah memandu acara kuliner Dapur Cantik di Trans7.<br /><br />Penulis buku berjudul Sexy food ini tadinya bermukim di Los Angeles sebagai personel chef. Dua tahun belakangan, Vindy Lee yang kelahiran Jakarta ini kembali ke tanah air untuk berbagi pengalaman memasak. Padahal, Vindy sama sekali tak pernah duduk di sekolah kuliner, bahkan jurusan yang diambilnya di University of Soutern California adalah bidang politik.<br /><b><br /></b><b>Chef Rima</b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx0XUuSbPDuelhH9KysA20X-hbDVoWUKmX3dWW5P0roIgR1iA5bz1AHgyGmonmrU85qT_AOuhjp5lrfxk_Vw-9YHWJjoCEnoLQxT-bxOp9xT9o7jUK7tNUUSINdlTZlDkRNKow_ScSx0os/s1600/rima-melati.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Chef Rima" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx0XUuSbPDuelhH9KysA20X-hbDVoWUKmX3dWW5P0roIgR1iA5bz1AHgyGmonmrU85qT_AOuhjp5lrfxk_Vw-9YHWJjoCEnoLQxT-bxOp9xT9o7jUK7tNUUSINdlTZlDkRNKow_ScSx0os/s400/rima-melati.jpg" title="Chef Rima" width="266" /></a></div><br />Nama Rima Melati Adams baru dikenal oleh publik Indonesia setelah wanita cantik ini menikah dengan Marcell Siahaan, 28 Januari 2009 lalu. Dari sekian banyak bakat yang dimiliki Rima, memasak adalah salah satunya. Rima pun didapur mengisi acara Kitchen Beib di salah satu stasiun televisi swasta.<br /><b><br /></b><b>Chef Winnie</b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZzi_VrabD-rxKULLx6MjcohTuqrdjdxPrQ5bWSJpM8VPX_cxhtYBO3ohyphenhypheng8ZyfpWvXGT6Rux_Ymcrmo50MDhnWKNc4GpiWpSzglBNuqr8_JZiCkqWk9UTam5ROfqJZeJKWs9XNFHhnETR/s1600/Chef+Winnie.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Chef Winnie" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZzi_VrabD-rxKULLx6MjcohTuqrdjdxPrQ5bWSJpM8VPX_cxhtYBO3ohyphenhypheng8ZyfpWvXGT6Rux_Ymcrmo50MDhnWKNc4GpiWpSzglBNuqr8_JZiCkqWk9UTam5ROfqJZeJKWs9XNFHhnETR/s400/Chef+Winnie.jpg" title="Chef Winnie" width="400" /></a></div><br />Chef Winnie Dwi Gandini Kusuma Wardhani atau Winnie Giwangkara  mengaku kenangan akan opor ayam eyang itu menjadi salah satu hal yang mendorongnya untuk gemar memasak. Wajahnya juga kerap menghiasi layar kaca di televisi rumah Anda dengan gayanya yang ceria tentu saja.<br /><b><br /></b><b>Chef Aiko</b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9OBzoo-hZsgZIEc2S77KtYHDkYRTK8u_TbURMfrUpDcy0A5ReQORfC0V1kHpyp7S8b__IVs5VL4QVkLSFfUwGLg7l6vXGHwA1-mrSS0tOJlpRMLBf38R3pi1YtlvoRelIVMiP7krYBGQF/s1600/aiko.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Chef Aiko" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9OBzoo-hZsgZIEc2S77KtYHDkYRTK8u_TbURMfrUpDcy0A5ReQORfC0V1kHpyp7S8b__IVs5VL4QVkLSFfUwGLg7l6vXGHwA1-mrSS0tOJlpRMLBf38R3pi1YtlvoRelIVMiP7krYBGQF/s400/aiko.jpg" title="Chef Aiko" width="300" /></a></div><br /> Selain sebagai chef dan pembawa acara masak, Aiko Sarwosri juga adalah model dan bintang film. Film yang pernah dibintanginya adalah Pulau Hantu 3. Kecantikannya tentu saja menjadi daya tarik acara masak tersebut.

Chef Cantik Dan Seksi Di Indonesia

Chef Cantik Dan Seksi Di Indonesia | Mankan lagi yuk, tapi siapa yang masak..waktunya yang cantik - cantik lagi nich...Chef cantik hot dan p...

Baca selengkapnya »

Cara Cepat Membuat Template Blog Valid HTML5

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdwoG-j1MLMR74RLyRK2xOOT6A8U6pcDrNpz7E21cdsgIM5mMtU7MmJRkfa3toVvsuRAzvdMUUkA5qFLyZoPetyAnJeeYKdR8DAtNWWy55YAxA2jBEmAJsC9TqjNix581zekbQujE7qVF/s1600/HTML5_sticker.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Cepat Mengubah Template Blog Valid HTML5" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdwoG-j1MLMR74RLyRK2xOOT6A8U6pcDrNpz7E21cdsgIM5mMtU7MmJRkfa3toVvsuRAzvdMUUkA5qFLyZoPetyAnJeeYKdR8DAtNWWy55YAxA2jBEmAJsC9TqjNix581zekbQujE7qVF/s320/HTML5_sticker.png" title="Cara Cepat Mengubah Template Blog Valid HTML5" width="320" /></a></div><br />Cara Cepat Mengubah Template Blog Valid HTML5 | Di artikel saya beberapa bulan lalu, pernah mengenai <a href="http://www.bocahit.com/2013/01/kenapa-wammy-san-pilih-html5.html" target="_blank">alasan saya memilih HTML5</a>, HTML5 merupakan hasil proyek dari   W3C (<b>World Wide Web Consortium</b>) dan WHATWG (<b>Web Hypertext Application Technology Working Group</b>). WHATWG bekerja dengan bentuk situs dan aplikasi, sedangkan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.<br /><br />Lalu bagaimana membuat blog valid HTML5 ?<br /><br />1. Ganti kode,<br /><blockquote class="tr_bq"><?xml version="1.0" encoding="UTF-8" ?><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br /><head> </blockquote>Dengan kode,<br /><blockquote class="tr_bq"> <?xml version="1.0" encoding="UTF-8" ?><br /><!DOCTYPE html><br /><HTML><br /><head><br /><meta charset='utf-8'/></blockquote>2. Ganti kode,<br /><blockquote class="tr_bq"></html></blockquote>menjadi<br /><blockquote class="tr_bq"></HTML></blockquote>3. Hapus kode,<br /><blockquote class="tr_bq"><b:include name='quickedit'/> </blockquote><blockquote class="tr_bq"><b:include data='blog' name='all-head-content'/></blockquote><blockquote class="tr_bq"><b:includable id='postQuickEdit' var='post'><br /><b:if cond='data:post.editUrl'><br /><span expr:class='&quot;item-control &quot; + data:post.adminClass'><br /><a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'><br /><img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/><br /></a><br /></span><br /></b:if><br /></b:includable></blockquote><blockquote class="tr_bq"> <div class='post-share-buttons goog-inline-block'>...sampai...</div></blockquote>4. Ganti kode,<br /><blockquote class="tr_bq"><b:skin><![CDATA[</blockquote>Dengan kode,<br /><blockquote class="tr_bq">&lt;style type=&quot;text/css&quot;&gt;<br />&lt;!-- /*<b:skin><![CDATA[*/]]<br /><style></blockquote>Setelah semua langkah terlewati, silakan cek di <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bocahit.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0" target="_blank">Validator</a>.

Cara Cepat Membuat Template Blog Valid HTML5

Cara Cepat Mengubah Template Blog Valid HTML5 | Di artikel saya beberapa bulan lalu, pernah mengenai alasan saya memilih HTML5 , HTML5 meru...

Baca selengkapnya »

Keunggulan Template Blog Support Responsive

<span style="color: orange;">Keunggulan Template Blog Support Responsive</span> | Akhir ini, banyak designer <a href="http://www.bocahit.com/search/label/Template%20Blogger" target="_blank">template</a> <a href="http://www.bocahit.com/search/label/Blogger" target="_blank">blog</a> yang menggunakan media responsive. Contoh template responsive adalah <a href="http://www.bocahit.com/" target="_blank">ini</a>. Lalu apa itu responsive? mengapa muncul ? apa keunggulannya?<br /><br /><strong>Template Blogger Responsive</strong> adalah template (theme) blog dengan platform Blogger (Blogspot) yang dirancang khusus agar kompatibel untuk semua jenis gadget dan perangkat dengan ukuran layar yang bervariasi seperti pada layar PC, Laptop, Notebook, Tablet, bahkan untuk ponsel yang memiliki layar yang kecil. Dengan kata lain, tampilan blog akan menyesuaikan dengan ukuran layar yang digunakan.<br /><br /><strong>Keunggulan Template Blogger Responsive</strong><br />Karena sangat kompatibel dan <i>support</i> banyak perangkat, template ini mempunyai banyak keunggulan di antaranya:<br /> <br /><ol><li>Tampilan blog secara umum tidak berubah jika diakses melalui berbagai perangkat yang mempunyai ukuran layar kecil seperti pada Phonecell dan Tablet sehingga pengakses (pembaca) tidak perlu mengganti menjadi mode akses web ketika dibuka di perangkat dengan layar kecil. Situs yang tidak didesain dengan template blog responsive akan lebih lambat dibuka jika diubah menjadi mode akses web (bukan mode <i>mobile</i>) sehingga biaya akses internet dapat lebih mahal karena <i>bandwidth</i> yang digunakan juga lebih besar.</li><li>Navigasi halaman tetap mudah dan tidak terganggu meskipun dengan ukuran layar kecil baik <i>potrait</i> ataupun <i>landscape</i> seperti ukuran 240px (layar ponsel mini), 320px (layar ponsel), 480px (layar smartphone), 768px (layar tablet) dan 1024px (komputer dan laptop).</li><li>Karena tampilan tidak terganggu dengan ukuran layar yang digunakan, maka penggunaan template ini dapat meningkatkan trafik pengunjung yang datang dari perangkat <i>mobile</i> seiring dengan perkembangan teknologi di bidang itu.</li><li>Jika tema blog atau web adalah bisnis internet, maka dimungkinkan akan meningkatkan jumlah penjualan produk atau jasa seiring bertambahnya pengunjung yang datang.</li><li>Sebagai <i>author</i> akan lebih mudah menulis atau mengedit posting dari berbagai media dengan ukuran layar yang beragam.</li></ol> Di bawah ini, adalah tampilan <a href="http://www.bocahit.com/" target="_blank">Wammy's Blog</a>. Untuk berbagai ukuran media. Dan berbagai browser.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2k1d9jxZ0sjnwQCAeEVK-KSS800y06IH_O6VoihYs5sNTW7hzxlNR-WKVGTwLi1j9w7jBtL2pkR09EWe41nTvZx_8ZKs5p3yLB7_-3x4zuUZgdAarHjXzQnCGCV3nkLydvd91ksZnczJ/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Keunggulan Template Blog Support Responsive" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2k1d9jxZ0sjnwQCAeEVK-KSS800y06IH_O6VoihYs5sNTW7hzxlNR-WKVGTwLi1j9w7jBtL2pkR09EWe41nTvZx_8ZKs5p3yLB7_-3x4zuUZgdAarHjXzQnCGCV3nkLydvd91ksZnczJ/s320/5.JPG" title="Keunggulan Template Blog Support Responsive" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDX50FMuBHUdyS4dcCrf6H2QNw0mvxw8XJTk7l3tboFsNnEYa9tFT22VHiIcgUpTLtYfbSLATG9TYglkfPhq_UH0wcKt1ZMsxgd6llOqiHFjlbwpjZJaJOA8quqdHxxXjWgSqLsTVR4Nu/s1600/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDX50FMuBHUdyS4dcCrf6H2QNw0mvxw8XJTk7l3tboFsNnEYa9tFT22VHiIcgUpTLtYfbSLATG9TYglkfPhq_UH0wcKt1ZMsxgd6llOqiHFjlbwpjZJaJOA8quqdHxxXjWgSqLsTVR4Nu/s320/1.JPG" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8K0Z2UIechxqhjcbZgt5KhyphenhyphenDxsH4oB_v4AU1faa6J67erqCAOR5XD4oDH1XC_PoQbwNeezQIu4-8QaMn3Yh5TRUkRtAFmocD2sICc2JcM4vo8FX47hERQEZjquN9PyMCuGMHGsb8j0w_p/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Keunggulan Template Blog Support Responsive" border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8K0Z2UIechxqhjcbZgt5KhyphenhyphenDxsH4oB_v4AU1faa6J67erqCAOR5XD4oDH1XC_PoQbwNeezQIu4-8QaMn3Yh5TRUkRtAFmocD2sICc2JcM4vo8FX47hERQEZjquN9PyMCuGMHGsb8j0w_p/s320/3.JPG" title="Keunggulan Template Blog Support Responsive" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ4I_5XgGC-jTl7ddVuAsa0yDVz6SILKAAQtiRR5voum5Q4Rnde2QChyqEU3bPoShp96i-0WxzgRKCYVtNEVf_W6LyKi1BpZfqPtDGWqFMVyPRxPoSD9qiiSGL8zsNxgyOsOttlVxBoknG/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Keunggulan Template Blog Support Responsive" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ4I_5XgGC-jTl7ddVuAsa0yDVz6SILKAAQtiRR5voum5Q4Rnde2QChyqEU3bPoShp96i-0WxzgRKCYVtNEVf_W6LyKi1BpZfqPtDGWqFMVyPRxPoSD9qiiSGL8zsNxgyOsOttlVxBoknG/s320/4.JPG" title="Keunggulan Template Blog Support Responsive" width="197" /></a></div><br />Sumber : http://www.linksukses.com/2013/04/keunggulan-template-blogger-responsive.html

Keunggulan Template Blog Support Responsive

Keunggulan Template Blog Support Responsive | Akhir ini, banyak designer template blog yang menggunakan media responsive. Contoh template...

Baca selengkapnya »

Cosplayer Keren Final Fantasy VII

Cosplayer Keren Final Fantasy VII | Anima 3D yang sudah lama tanyang ini, sampai sekarang asih dinikmati banyak kalangan. Juga telah meluncurkan <i>game </i>tentang film ini. Sekitar saya masih sekolah dasar dulu ya,,film ini telah menjadi film favorit dijaman itu. Tapi siapa sangka banyak cosplayer - cosplayer yang sangat mirip dengan tokoh yang ada di Filnal Fantasy VII.<br /> <br /> Tifa Lockheart<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx097txVMcRf3wCSVmQsoo6X8T0BL59fbHH1GnHLObD5csRySHU13f9FuLxM0h-qh1Opf7WCncWOZJWIIxxNK6BnwniqRtv673cJ7r3YjFXr51fFQNoH2YJIDqOEWT5vpdStVl52-Ch2kj/s1600/tifa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx097txVMcRf3wCSVmQsoo6X8T0BL59fbHH1GnHLObD5csRySHU13f9FuLxM0h-qh1Opf7WCncWOZJWIIxxNK6BnwniqRtv673cJ7r3YjFXr51fFQNoH2YJIDqOEWT5vpdStVl52-Ch2kj/s400/tifa.jpg" width="266" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSOSNAcvhZHwbnORHDibJ67ChMVcm_XADbl7SAptjiDwflPQAVh15oUaBfVpXl4vYRVXNC57XdyrsuSMWXlZUmxqrT5JXfFAu7jWfgJEg6gYqJLCFMyHr6lC7q42wYtz0WQ5v199xnS7r/s1600/T.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSOSNAcvhZHwbnORHDibJ67ChMVcm_XADbl7SAptjiDwflPQAVh15oUaBfVpXl4vYRVXNC57XdyrsuSMWXlZUmxqrT5JXfFAu7jWfgJEg6gYqJLCFMyHr6lC7q42wYtz0WQ5v199xnS7r/s400/T.jpg" width="400" /></a></div> <br /> Cloud Strife<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkA_UlRS7rdd0pdmrjK5Ylop3qOfWrNAQ_0huZL8JrNHgLtxnkX2EyN02yfUKHZGeS5yxhyphenhypheneZ8hwq4v4w5IVc4_J7efSwPAge15RuSSMG0AhwxnglYvyeZv4vi_RCB60QUzHFGr7cXCcOZ/s1600/cloud_strife_.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkA_UlRS7rdd0pdmrjK5Ylop3qOfWrNAQ_0huZL8JrNHgLtxnkX2EyN02yfUKHZGeS5yxhyphenhypheneZ8hwq4v4w5IVc4_J7efSwPAge15RuSSMG0AhwxnglYvyeZv4vi_RCB60QUzHFGr7cXCcOZ/s320/cloud_strife_.jpg" width="212" /></a></div> <br /> Vincent Valentine<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgByZOSsJWfverPmyv_qhBMZWB3aKI5ukJIBf_JyiyLvZMhjbENK240tRiLGiMp2FF96225d__odRPYw_PYUVq3j0kGeJQS7grhpPnH1f_1cmqco1wIp-GtIrfI7Zl6jnG41DQ2sHgBY_q9/s1600/vincent_valentine.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgByZOSsJWfverPmyv_qhBMZWB3aKI5ukJIBf_JyiyLvZMhjbENK240tRiLGiMp2FF96225d__odRPYw_PYUVq3j0kGeJQS7grhpPnH1f_1cmqco1wIp-GtIrfI7Zl6jnG41DQ2sHgBY_q9/s320/vincent_valentine.jpg" width="320" /></a></div> <br />

Cosplayer Keren Final Fantasy VII

Cosplayer Keren Final Fantasy VII | Anima 3D yang sudah lama tanyang ini, sampai sekarang asih dinikmati banyak kalangan. Juga telah meluncu...

Baca selengkapnya »

Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBBSDoKDLUmqSIaqYamt77L4agjbrZ84lazLDN-kycTeM-GjYAoqOsOi4P49-rd_oY7fTrpWLKg0ZJ40J7co3NjL9OpZqdVD-3QFMHJ9MAiFI5dKBRvkIu8uSlVh3sx2i6ASf0fugHiUbY/s1600/Kenshin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie" border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBBSDoKDLUmqSIaqYamt77L4agjbrZ84lazLDN-kycTeM-GjYAoqOsOi4P49-rd_oY7fTrpWLKg0ZJ40J7co3NjL9OpZqdVD-3QFMHJ9MAiFI5dKBRvkIu8uSlVh3sx2i6ASf0fugHiUbY/s320/Kenshin.jpg" title="Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie" width="320" /></a></div><br />Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie | Benar - benar ini adalah artikel yang telat publis, setelah jalan - jalan di daftar draft ternyata ada judul artikel yang jadul. Siapa yang suka nonton Kamen Rider ? khususnya Kamen Rider Den O. Ingat tokohnya? Ryotaro. Sudah tidak asing awahnya di Film Action yang diadobsi dari Anime Samurai X ini, menunjukan kemampuan pedang yang luar biasa Rurouni Kenshin The Movie dari cara bertarungnya sedikit mirip dengan Ninja Assassin.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7pnBBUl63UrGta56J3LWfcK2YZISejLpi30v06t0r_E4crtAs83NJedSATjeq-Y_jQqjv5bGNU44AltCVeXo3K1EwvwLKsAwkBVeqmDtPff7vUfS7MykersO4aggSsIRTjgnvj9iZtYSW/s1600/Himura+Kenshin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7pnBBUl63UrGta56J3LWfcK2YZISejLpi30v06t0r_E4crtAs83NJedSATjeq-Y_jQqjv5bGNU44AltCVeXo3K1EwvwLKsAwkBVeqmDtPff7vUfS7MykersO4aggSsIRTjgnvj9iZtYSW/s320/Himura+Kenshin.jpg" title="Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie" width="320" /></a></div><br /><blockquote class="tr_bq">Tahun 2006 merupakan tahun debut Takeru Sato sebagai aktor. Penampilan perdananya adalah sebagai pemain untuk "Toru Kouno" dalam <i>Princess Princess D</i>. <br />Selama beberapa tahun selanjutnya, Sato menjadi pemain untuk berbagai peran-peran kecil dalam serial tokusatsu, drama dan film: sebagai "Ryotaro Nogami / Kamen Rider Den-O" dalam <i>Kamen Rider Den-O</i>, sebagai "Yuya Okada" dalam serial <i>Rookies</i>, sebagai "Otoya Kujo" dalam <i>Bloody Monday</i>, sebagai "Kento Shibata" dalam <i>Mei-chan no Shitsuji</i>, dan sebagai "Takashi Morioka" dalam <i>MW Dai-0-sho: Akuma no Game</i>. <br />Sato juga mempunyai karier menyanyi J-pop (musik pop Jepang) namun tidak begitu aktif. Karier solo di dunia rekaman dimulainya dengan singel "Pre-go ~ZERO~" yang dirilis pada tahun 2007.</blockquote><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRxDbfmhFjkqXK03xEceS5g_p_43pTMB3M2r64momXHk4YawNa0CLKfQXj4btVrl83O_W-jtU-p28Hrci4lTtAR6z7VJU6K3wodg5O0B5mi49eB_-SCOU3mrMWsEqn2KD0VucV0uCy3TWX/s1600/Takeru+Sato.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie" border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRxDbfmhFjkqXK03xEceS5g_p_43pTMB3M2r64momXHk4YawNa0CLKfQXj4btVrl83O_W-jtU-p28Hrci4lTtAR6z7VJU6K3wodg5O0B5mi49eB_-SCOU3mrMWsEqn2KD0VucV0uCy3TWX/s320/Takeru+Sato.jpg" title="Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie" width="320" /></a></div><br /><b>Nama:</b> 佐藤健 (さとう たける)<br /><b>Nama (Romaji):</b> Takeru Sato<br /><b>Pekerjaan:</b> Aktor<br /><b>Tanggal Lahir:</b> 21 Maret 1989<br /><b>Tempat Lahir: </b>Iwatsuki, Saitama, Jepang<br /><b>Tinggi Badan:</b> 170 cm<br /><b>Zodiak:</b> Aries<br /><b>Golongan Darah:</b> A<br /><b>Talent Agency: </b>Amuse<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNwCt5XcHmJj0Ytb0DmQdQXRN21RV-jTTF_Zb0CNjv0lTBMH34VelfU5nrgapCSN-qnphdGe-Rdkksj2pLCHmBYtNeeZGtdQ_jVMd-Lhn-ITA67_vp5DM_WoBHq7wce_xy_0H4DjYYkRvj/s1600/Samurai+X.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie" border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNwCt5XcHmJj0Ytb0DmQdQXRN21RV-jTTF_Zb0CNjv0lTBMH34VelfU5nrgapCSN-qnphdGe-Rdkksj2pLCHmBYtNeeZGtdQ_jVMd-Lhn-ITA67_vp5DM_WoBHq7wce_xy_0H4DjYYkRvj/s320/Samurai+X.jpg" title="Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie" width="320" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br />

Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie

Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie | Benar - benar ini adalah artikel yang telat publis, setelah jalan - jala...

Baca selengkapnya »

Membuat Button Sederhana Dengan CSS Di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7wbJX7ShrZg0W1vsufWZQn2RXZeOMqh9FcbTDt9KVjGvnUlgXA6o9xuezF4cAuv9bGl3pLh8eva0IwaGRn8vIE7LHiK5ahu2G5ML29G5pWFPN-56ZOtfNB9Cue5UiYggHmDfOkDfNho1/s1600/button.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Button Sederhana Dengan CSS Di Blog" border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7wbJX7ShrZg0W1vsufWZQn2RXZeOMqh9FcbTDt9KVjGvnUlgXA6o9xuezF4cAuv9bGl3pLh8eva0IwaGRn8vIE7LHiK5ahu2G5ML29G5pWFPN-56ZOtfNB9Cue5UiYggHmDfOkDfNho1/s320/button.jpg" title="Membuat Button Sederhana Dengan CSS Di Blog" width="320" /></a></div><br />Membuat Button Sederhana Dengan CSS Di Blog | Ada banyak bentuk dan macam button tergantung bumbu CSS yang kita buat. Button yang baik menurut saya, adalah yang simple dan mudah dibaca oleh reader. Tapi tidak adalah salahnya jika anda memakai button default yang sudah ada pada HTML.<br /><input type="button" value="Contoh Button" /> Contoh tombol diatas adalah default. Lalu bagaimana kita membuat dengan CSS di Blog ?<br /><br />Letakkan kode dibawah ini diatas  ]]></b:skin> :<br /><br /><pre class="brush:js;">.button{<br /><br />    margin: 10px;<br /><br />    padding: 1px 4px;            <br /><br />    width: 130px;<br /><br />    cursor: pointer;<br /><br />    border: 1px solid #2493FF;<br /><br />    overflow: visible;<br /><br />    display: inline-block;<br /><br />    color: #fff;<br /><br />    font: bold 1.4em arial, helvetica;<br /><br />    text-shadow: 0 -1px 0 rgba(0,0,0,.4);          <br /><br />    background-color: #2493ff;<br /><br />    background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); <br /><br />    transition: background-color .2s ease-out;<br /><br />    border-radius: 3px;<br /><br />    box-shadow: 0 2px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;                                    <br /><br />}<br /><br /><br /><br />.button:hover{<br /><br />      background-color: #7cbfff;<br /><br />        border-color: #7cbfff;<br /><br />}<br /><br /><br /><br />.button:active{<br /><br />    position: relative;<br /><br />    top: 3px;<br /><br />    text-shadow: none;<br /><br />    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;}<br /><br /></pre><br />Sedangkan untuk memanggilnya kita masukan ini di dalam artikel pada HTML :<br /><pre class="brush:js;"><a class="button" href="URL" target="_blank" title="">Nama Tombol</a><br /><br /></pre>Nantinya akan seperti ini : <br /><div style="text-align: center;"><a class="button" href="http://herlambang.net78.net/mod_project/data-form.php?no=8" target="_blank" title="Wammy">DEMO KLIK DISINI</a>  </div>

Membuat Button Sederhana Dengan CSS Di Blog

Membuat Button Sederhana Dengan CSS Di Blog | Ada banyak bentuk dan macam button tergantung bumbu CSS yang kita buat. Button yang baik menur...

Baca selengkapnya »

Membuat Fungsi $ Post Dengan Form HTML

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLF5hp3WrwkmKAy75oBVr1hX1DOKXXCT7_nmn9hVLUEXRa3qHGqKQbjn4yWpPjN4RxwSTqn3FXRvfnSahJXFU1MQbLKAQ83c7V_3MPjn5ccM-vY3Ru5qlEauEQWoDrVIxh_SzEmocCjYSs/s1600/29278.PostPHP1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Fugsi $ Post Dengan Form HTML " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLF5hp3WrwkmKAy75oBVr1hX1DOKXXCT7_nmn9hVLUEXRa3qHGqKQbjn4yWpPjN4RxwSTqn3FXRvfnSahJXFU1MQbLKAQ83c7V_3MPjn5ccM-vY3Ru5qlEauEQWoDrVIxh_SzEmocCjYSs/s1600/29278.PostPHP1.gif" title="Membuat Fugsi $ Post Dengan Form HTML " /></a></div><br />Membuat Fugsi Get Post Dengan Form HTML  | Mengembangkan sebuah aplikasi web, seorang developer dihadapkan kepada beberapa opsi dalam melakukan update, insert, dan delete record database. Dan itu semua diawali pada penggunaan form dengan berbagai action dan method. Begitupun halnya pada implementasi ketika user memasukkan data ke dalam form inputan. Yang kemudian dilanjutkan kepada proses pengolahan dimana setelahnya hasil dari olahan tersebut dimasukkan kedalam database. Nah disinilah pemilihan fungsi method dibutuhkan. Method ini terbagi menjadi 2, yakni POST dan GET, masing masing memiliki perbedaan yang tipis. Sederhananya method ini bekerja ketika si user menekan tombol submit dengan action yang telah disetting sebelumnya. ( kalo pusing baca lagi dari awal.<br /><br />Dalam implementasi contoh kasusnya seperti ini, buat satu file html bernama <span style="color: blue;"><b>input.php </b></span>:<br /><br /><br />Form HTML :<br /><br /><pre class="brush:js;"><form method="post" action="output.php"> <br /><label>Nama</label><br /><input type="Text"name="nama"><br /><label>URL</label><br /><input type="url" name="url"><br /><label>Pesan</label><br /><textarea name="pesan" placeholder="ketik pesan anda"></textarea><br/><br /><input type="submit" value="Kirim" name="submit" id="proses"> <br /><input type="Reset" value="Ulangi" id="proses"> <br /></form> <br /></pre>Dan kita buat satu file lagi dengan nama <b><span style="color: blue;">output.php</span> :</b><br /><br /><pre class="brush:js;"><?php<br /><br /> if($_POST['submit']) { <br />  echo("Nama Anda : $_POST[nama]"); <br />   echo("URL  : $_POST[url]"); <br />  echo("Pesan  : $_POST[pesan]"); <br /> } <br />?><br /><br /></pre>Jika user memasukkan data melalui form input yang ada di input.php, maka hasil yang dikirimkan dengan method post tidak akan ditampilkan di address bar, namun tetap tersimpan dalam memory, untuk mengambilnya cukup dengan menggunakan variable $_POST[?variable?], hal ini tentunya dapat mencegah url yang terlihat kotor, berantakan.<br />Selamat Mencoba !:D

Membuat Fungsi $ Post Dengan Form HTML

Membuat Fugsi Get Post Dengan Form HTML  | Mengembangkan sebuah aplikasi web, seorang developer dihadapkan kepada beberapa opsi dalam melaku...

Baca selengkapnya »

Membuat Fungsi Switch PHP Dengan Form HTML

<div class="separator" style="clear: both; text-align: center;"><a href="http://jasonpitts.com/wp-content/uploads/2011/12/PHP_Tutorial_Learn_PHP_Switch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Fungsi Switch PHP Dengan Form HTML" border="0" src="http://jasonpitts.com/wp-content/uploads/2011/12/PHP_Tutorial_Learn_PHP_Switch.png" title="Membuat Fungsi Switch PHP Dengan Form HTML" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="color: blue;">Membuat Fungsi Switch PHP Dengan Form HTML</span> | Terakhir kali adalah artikel <a href="http://www.bocahit.com/2013/04/memodifikasi-dan-membuat-order-list.html" target="_blank">Memodifikasi List Order</a>, kali ini kembali ke masalah PHP. Kita bicara tentang Switch, memang kenyataannya dalam membuat program yang berkaitan dengan daftar list yang menampilkan hari, dan lain-lain sangat sulit dikerjakan dengan logika yang berkaitan pada arah program masih belum jelas. Apalagi kita memasukan value bukan dari scriptnya tapi dengan menggunakan form html juga dengan menampilkan output dalam halaman yang sama. Jadi ada 3 hal yang akan kita esekusi. Jika ingin menambahkan dengan CSS silahkan saja. Berikut adalah contoh programnya :D</div><br /><pre class="brush:js;"><!doctype html><br /><html><br /><head><br /><meta charset="utf-8"><br /><style type="text/css"><br />body {<br />    background-color:#c4e5c1;<br />    font-family:"Comic Sans MS", cursive;<br />}<br /><br />#proses{<br />    margin: 10px;<br />    padding: 1px 4px;            <br />    width: 130px;<br />    cursor: pointer;<br />    border: 1px solid #2493FF;<br />    overflow: visible;<br />    display: inline-block;<br />    color: #fff;<br />    font: bold 1.4em arial, helvetica;<br />    text-shadow: 0 -1px 0 rgba(0,0,0,.4);          <br />    background-color: #2493ff;<br />    background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); <br />    transition: background-color .2s ease-out;<br />    border-radius: 3px;<br />    box-shadow: 0 2px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;                                    <br />}<br /><br />#proses:hover{<br />      background-color: #7cbfff;<br />        border-color: #7cbfff;<br />}<br /><br />#proses:active{<br />    position: relative;<br />    top: 3px;<br />    text-shadow: none;<br />    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;}<br />table {<br />    border-collapse: collapse;}<br />h1 {<br />    font-size: 2em;<br />    margin: 0.67em 0;<br />    color:#fff; <br />    text-shadow:0 0 5px #66FFFF;<br />}<br /><br />h2 {<br />    font-size: 1.5em;<br />    margin: 0.83em 0;<br />    color:#fff; <br />    text-shadow:0 0 5px #66FFFF;<br />}<br /><br />h3 {<br />    font-size: 1em;<br />    margin : 1.00em 0;<br />    color: #FFF;<br />    text-shadow:0 0 5px #66FFFF;<br />}<br />strong,td {<br />    font-weight: bold;<br />    text-shadow: #0F0 0 0 10px;<br />}<br />header {<br />    margin-top:30px;<br />    text-align:center;<br />    display:block;<br />}<br /></style><br /><title>Switch On Form HTML With CSS</title><br /></head><br /><br /><body><br /><header><br /><h1><strong>Switch</strong> On <strong>Form HTML </strong> With CSS</h1><br /><h2>Fun With <strong>Herlambang</strong> &gt; aka Wammy San</h2><br /><h3><strong>Switch</strong> GET POST FUNCTION</h3><br /></header><br />    <!-- FORM ID HTML Start --><br />    <form name="form1" action="switchku.php" method="post"><br />    <table width="300px" align="center" style="margin-top:70px;"><br />      <tr><br />        <td width="116">Value</td><br />        <td width="362"><label for="value"></label><br />    <input type="text" name="wammy" placeholder="Input Value"></td></tr><br />    <tr><br />        <td>&nbsp;</td><br />        <td><input type="submit" name="proses" id="proses" value="PROSES" /></td><br />      </tr><br />    </table></form><br />    <!-- FORM ID HTML End --><br />    <center><br />    <?PHP<br />    $herlambang = $_POST['wammy'] ; //Mengambil Dengan Method POST<br />    switch ($herlambang) {<br />    case 1:<br />    echo("Bulan Ke-1 Adalah Januari");<br />    break;<br />    case 2:<br />    echo("Bulan Ke-2 Adalah Februari");<br />    break;<br />    case 3:<br />    echo("Bulan Ke-3 Adalah Maret");<br />    break;<br />    case 4:<br />    echo("Bulan Ke-4 Adalah April");<br />    break;<br />    case 5:<br />    echo("Bulan Ke-5 Adalah Mei");<br />    break;<br />    case 6:<br />    echo("Bulan Ke-6 Adalah Juni");<br />    break;<br />    case 7:<br />    echo("Bulan Ke-7 Adalah Juli");<br />    break;<br />    case 8:<br />    echo("Bulan Ke-6 Adalah Agustus");<br />    break;<br />    case 9:<br />    echo("Bulan Ke-9 Adalah September");<br />    break;<br />    case 10:<br />    echo("Bulan Ke-10 Adalah Oktober");<br />    break;<br />    case 11:<br />    echo("Bulan Ke-11 Adalah November");<br />    break;<br />    case 12:<br />    echo("Bulan Ke-12 Adalah Desember");<br />    break;<br />    default:<br />    echo("-_- !!");<br />    }<br />    ?><br />    </center><br /></body><br /></html></pre><br /><blockquote class="tr_bq">Pada pernyataan switch, ekpresi_case_1 akan diperiksa terlebih dahulu. Bila nilainya cocok dengan nilai ekpresi maka pernyataan_1 akan dijalankan dan kemudian eksekusi dilanjutkan ke pernyataan yang terletak sesudah tanda penutup switch {;}. Kalau tidak cocok, pembandingan nilai ekpresi dan ekpresi_case_2 akan dilakukan. Jika pada hasil pembandingan yang kedua ini benar maka pernyataan_2 akan dijalankan, dan kemudian eksekusi dilanjutkan ke pernyataan yang terletak sesudah tanda penutup switch (;). Sekiranya tidak ada bagian ekpresi_case yang cocok maka pernyataan_n yang mengukuti kata default akan dijalankan.</blockquote>Yang harus anda ubah adalah :<br /><span style="color: red;"><i>switchku.php</i> dengan nama file yang anda simpan.</span>

Membuat Fungsi Switch PHP Dengan Form HTML

Membuat Fungsi Switch PHP Dengan Form HTML | Terakhir kali adalah artikel Memodifikasi List Order , kali ini kembali ke masalah PHP. Kita b...

Baca selengkapnya »