Maful Prayoga

Mengenal Struktur HTML5

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="margin-left: 1em; margin-right: 1em;">
<img height="320" id="irc_mi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSw-JU8EFxFS_xj2XHNUk8GfeFQ8q62NGz3TgHF7Byy_kx84yAyWpgxicTGH9VMG2ahWS4W6kMdl2MtnICDtBmz2kZumdxKyIh-qSmVFQjiY7i5ePkIr7x2_q7KSr5nofR40PWuS-cBLft/s320/Cara+Membuat+Blog+Valid+HTML5+-+Ficri+Pebriyana.jpg" style="margin-top: 0px;" width="320" /></div>
<br />
<div style="margin-left: 1em; margin-right: 1em;">
</div>
<br />
<span style="font-family: Verdana,sans-serif;">HTML5 adalah versi tebaru dari HTML yang statusnya sudah direkomendasikan oleh W3c. Walaupun belum 100% sempurna, namun beberapa scriptnya sudah bisa digunakan.</span><br />
<br />
<span style="font-family: Verdana,sans-serif;">Ian Hickson sang editor HTML5, berharap spesifikasi HTML5 dapat mencapai tahap sebagai salah satu kandidat rekomendasi.</span><br />
<br />
<span style="font-family: Verdana,sans-serif;">Ada beberapa Tag HTML baru yang bisa dipakai seiring munculya HTML5, yaitu:</span><br />
<span style="font-family: Verdana,sans-serif;"><span style="font-family: "Courier New", Courier, monospace;"><header></span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="font-family: "Courier New", Courier, monospace;"><span style="font-family: Verdana, sans-serif;">Header dari sebuah section. Tag header sangat sering muncul jika kita akan membuat website untuk itu tag ini kemudian yang direkomendasikan HTML5 kepada programmer.</span></span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="font-family: "Courier New", Courier, monospace;"><span style="font-family: Verdana, sans-serif;"><span style="font-family: "Courier New", Courier, monospace;"><footer></span></span></span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="font-family: "Courier New", Courier, monospace;"><span style="font-family: Verdana, sans-serif;"><span style="font-family: "Courier New", Courier, monospace;"><span style="font-family: Verdana, sans-serif;">Tag footer berfungsi untuk menempatkan konten yang berisi keterangan sebuah website, biasanya berisikan hak cipta atau review singkat website.</span></span></span></span></span><br />
<br />
<span style="font-family: Verdana,sans-serif;"><span style="font-family: "Courier New", Courier, monospace;"><span style="font-family: Verdana, sans-serif;"><span style="font-family: "Courier New", Courier, monospace;"><span style="font-family: Verdana, sans-serif;">Contoh HTML 5, buka text editor (Sublime Text), mari ketikan kode berikut</span></span></span></span></span>
<br />
<pre class="brush:html;"><!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Maful Prayoga HTML 5</title>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li>Menu Website</li>
            </ul>
        </nav>
    </header>
    <footer>
        <p>Copyright 2015 - Maful Prayoga Arnandi</p>
    </footer>
</body>
</html>
</pre>
<span style="font-family: Verdana,sans-serif;">Simpan file HTML5 yang telah diketikan, seperti contoh hasilnya</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKnLLKgfAvEolQaCJDP43K-hhj2s8OKARXx0avOgkZFyuJ1jHgj2VqQtHEVNoFMpPkw2ck7taHN_uNhNJCoR1rsK5PvxgE-Pc_uxSwoTiyDRb128QlsxfV7bJkrfBEIVPZUzM-JyhKh3Q/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKnLLKgfAvEolQaCJDP43K-hhj2s8OKARXx0avOgkZFyuJ1jHgj2VqQtHEVNoFMpPkw2ck7taHN_uNhNJCoR1rsK5PvxgE-Pc_uxSwoTiyDRb128QlsxfV7bJkrfBEIVPZUzM-JyhKh3Q/s1600/hm.png" width="320" /></a></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>

Mengenal Struktur HTML5

HTML5 adalah versi tebaru dari HTML yang statusnya sudah direkomendasikan oleh W3c. Walaupun belum 100% sempurna, namun beberapa s...

03:28

Membuat MessageBox lebih hidup

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMasGYvVLNuHOQ5t-ZM7vLIEb2y3yRFr0ikMsw0BfhaoHvRQ8gCLodTHab8bhw6_EVbdyP0kx50Hk-zfloGZqWYniMVjQ5Q9Xt2RIsnl0nWkyvtyEMolQTsJ0CVaHA1sC1yJW6PQ_1lO4/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMasGYvVLNuHOQ5t-ZM7vLIEb2y3yRFr0ikMsw0BfhaoHvRQ8gCLodTHab8bhw6_EVbdyP0kx50Hk-zfloGZqWYniMVjQ5Q9Xt2RIsnl0nWkyvtyEMolQTsJ0CVaHA1sC1yJW6PQ_1lO4/s1600/hm.png" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;">Selamat Pagi semuanya..</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Pagi yang dingin ini daripada tiduran terus mendingan update di blog aja biar blognya tambah rame pengunjung.</span><br />
<span style="font-family: Verdana, sans-serif;">Kali ini kita akan membahas bagaimana membuat <b>Message Box </b>atau kotak pesan menjadi lebih hidup dan dinamis. Bagaimana cara membuatnya seperti gambar diatas? Disinilah jawabannya.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Bahan-bahan:</span><br />
<ul>
<li><span style="font-family: Verdana, sans-serif;">ikon ( <a href="http://www.iconarchive.com/" target="_blank">www.iconarchive.com</a> )</span></li>
<li><span style="font-family: Verdana, sans-serif;">index.html</span></li>
<li><span style="font-family: Verdana, sans-serif;">style.css</span></li>
</ul>
<span style="font-family: Verdana,sans-serif;">Setelah semuanya sudah dimiliki, lanjutkan ke bagian pengkodingan</span><br />
<span style="font-family: Verdana,sans-serif;">Buat file index.html, ketikan kode berikut</span>
<br />
<pre class="brush:html;"><!DOCTYPE html>
<html>
<head>
    <title>Message Box by Maful Prayoga Arnandi</title>
</head>
<body>

</body>
</html>
</pre>
<span style="font-family: Verdana,sans-serif;">pada kode diatas kita menggunakan HTML5</span><br />
<span style="font-family: Verdana,sans-serif;">Selanjutnya buat file style.css untuk mempercantik message box</span>
<br />
<pre class="brush:css;">.ok{
 background: #F6FFEC;border: 
 1px solid #89B755; 
 border-radius: 3px; 
 margin: 20px 15px;
 padding: 1px;
}

.ok p{
 background: #DFF6C5 url(ok.png) no-repeat 4px center; 
 color: #496528; 
 margin: 0; 
 padding: 7px 25px;
}

.warning{
 background: #FFF7CE;
 border: 1px solid #D9C65B; 
 border-radius: 3px; 
 margin: 20px 15px;
 padding: 1px;
}

.warning p{ 
 background: #FDF0B1 url(warning.png) no-repeat 4px center; 
 color: #756B30; 
 margin: 0; 
 padding: 7px 25px;
}

.error{
 background: #FDE4E1;
 border: 1px solid #B16A6C; 
 border-radius: 3px; 
 margin: 20px 15px;
 padding: 1px;
}

.error p{
 background: #F4CAC6 url(error.png) no-repeat 4px center; 
 color: #630E18; 
 margin: 0; 
 padding: 7px 25px;
}
</pre>
<span style="font-family: Verdana,sans-serif;">Ubah nama ikon ok.png, warning.png, dan error.png sesuai nama ikon yang kalian miliki.</span><br />
<span style="font-family: Verdana,sans-serif;">Untuk memanggil style.css di index.html tambahkan kode dibawah tag <span style="font-family: "Courier New",Courier,monospace;"><title></span> </span>
<br />
<pre class="brush:html;"><link rel="stylesheet" type="text/css" href="style.css">
</pre>
<span style="font-family: Verdana,sans-serif;">jika sudah, dilanjutkan membuat bagian Message Box nya dengan menggunakan class pada css, tambahkan kode berikut diantara tag <span style="font-family: "Courier New",Courier,monospace;"><body></span></span>
<br />
<pre class="brush:html;"><div class="ok"><p>Message Box success.</p></div>
<div class="warning"><p>Message Box warning.</p></div>
<div class="error"><p>Message Box error.</p></div>
</pre>
<span style="font-family: Verdana,sans-serif;">Akhirnya,selesai juga kita membuatnya, untuk melihat hasilnya double klik pada index.html</span>
<article id="default-usage">
<div class="to-lock" style="display:none;">
<br />
<div style="text-align: center;">
<ul class="kotak-demo-download">

<li><a class="demo" href="http://demo.bocahdesa.com/message-box/" target="_blank"><i class="icon-eye-open"></i> Demo</a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
</div>
</article>

Membuat MessageBox lebih hidup

Selamat Pagi semuanya.. Pagi yang dingin ini daripada tiduran terus mendingan update di blog aja biar blognya tambah rame pengunjung. K...

04:49

Ebook Tutorial Method Java Netbeans versi 1

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEQ2-t-twVYYuBvSgwrNfZiBQN900SPScfiGU8tYvMOEhn_GXIU_JIJK6WhHDmduEQnHNAKeieiGSHOs5Lsk8xk5FME4mnEDYSYrFLnlzEBoxUn_mjQvn-7IEe76VoeV92cKoeQk3Hk-I/s1600/10.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEQ2-t-twVYYuBvSgwrNfZiBQN900SPScfiGU8tYvMOEhn_GXIU_JIJK6WhHDmduEQnHNAKeieiGSHOs5Lsk8xk5FME4mnEDYSYrFLnlzEBoxUn_mjQvn-7IEe76VoeV92cKoeQk3Hk-I/s1600/10.PNG" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;">Selamat Siang...</span><br />
<span style="font-family: Verdana, sans-serif;">Bagaimana kabar Anda saat ini, semoga sehat!</span><br />
<br />
<span style="font-family: Verdana, sans-serif;">Setelah kemarin saya membagika ebook <a href="http://mafulprayogaarnandi.blogspot.com/2015/01/download-ebook-aplikasi-hello-world.html" target="_blank">Aplikasi Hello World dengan Delphi</a> kali ini ebook lagi yaitu tentang Pemrograman Java.</span><br />
<span style="font-family: Verdana, sans-serif;">Kita akan menggunakan salah satu method standar box dari Java yaitu <b>showInputDialog</b>.</span><br />
<span style="font-family: Verdana, sans-serif;">OK, silahkan langsung baca-baca</span><br />
<iframe height="480" src="https://docs.google.com/file/d/0BzRpth03O8QjOG54YVR6ME1NVlk/preview" width="500"></iframe>
<span style="font-family: Verdana, sans-serif;">Semoga ebook ini bermanfaat untuk sobat semuanya, Amin</span>

Ebook Tutorial Method Java Netbeans versi 1

Selamat Siang... Bagaimana kabar Anda saat ini, semoga sehat! Setelah kemarin saya membagika ebook Aplikasi Hello World dengan Delphi ...

12:27

Tutorial Membuat Accordion dengan jQuery UI

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhunn_IggYND2B2XShFaeBmZn33xTtfEtsmAlQz9qZCijrPHjODaDeL0kTK7KCG08h-aBZgSaYT1UKSx5NHaDXTnzVxrIbeJhcspIeyoyMUeryrIRVeF7DrX0DbqO-KEGNngBkqz-_LGLU/s1600/thumb.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhunn_IggYND2B2XShFaeBmZn33xTtfEtsmAlQz9qZCijrPHjODaDeL0kTK7KCG08h-aBZgSaYT1UKSx5NHaDXTnzVxrIbeJhcspIeyoyMUeryrIRVeF7DrX0DbqO-KEGNngBkqz-_LGLU/s1600/thumb.PNG" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;">Selamat Pagi...</span><br />
<span style="font-family: Verdana, sans-serif;">Setelah kemarin saya telah berbagi tentang <a href="http://mafulprayogaarnandi.blogspot.com/2015/01/download-ebook-aplikasi-hello-world.html" target="_blank">Cara Membuat Hello World di Borland Delphi 7</a> namun sekarang beralih lagi ke web dengan menggunakan jQuery UI yang bisa Anda download di situs resminya <a href="http://jqueryui.com/" target="_blank">jQuery UI</a></span><br />
<br />
<span style="font-family: Verdana, sans-serif;">Bahan-bahan untuk membuatnya adalah:</span><br />
<ul>
<li><span style="font-family: Verdana, sans-serif;">Download <a href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" target="_blank">jquery-ui.css</a></span></li>
<li><span style="font-family: Verdana, sans-serif;">Download <a href="http://code.jquery.com/jquery-1.10.2.js" target="_blank">jquery-1.10.2.js</a></span></li>
<li><span style="font-family: Verdana, sans-serif;">Download <a href="http://code.jquery.com/ui/1.11.2/jquery-ui.js" target="_blank">jquery-ui.js</a> </span></li>
<li><span style="font-family: Verdana, sans-serif;">Membuat index.html  </span></li>
</ul>
<span style="font-family: Verdana,sans-serif;">Setelah semuanya Anda download letakan file-file diatas sesuai dengan keinginan sobat yang terpenting ingat letaknya.</span><br />
<span style="font-family: Verdana,sans-serif;">Kita mulai membuat index.html</span>
<br />
<pre class="brush:html;"><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Accordion - Maful Prayoga Arnandi</title>
</head>
<body>

</body>
</html></pre>
<span style="font-family: Verdana,sans-serif;">Kemudian include kan file diatas namun saya langsung dari situsnya, letakan di bawah tag <span style="font-family: "Courier New",Courier,monospace;"><title></span></span>
<br />
<pre class="brush:html;"><link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
</pre>
<span style="font-family: Verdana,sans-serif;">Tambahkan lagi dibawahnya script javascript untuk melakukan accordion</span><br />
<pre class="brush:js;"><script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
</pre>
<span style="font-family: Verdana,sans-serif;">Karena saya ingin letak dan lebarnya diatur, saya tambahkan script css dibawahya</span>
<br />
<pre class="brush:css;"><style type="text/css">
    .container{
        width: 500px;
        margin: 0 auto;
    }
</style>
</pre>
<span style="font-family: Verdana,sans-serif;">Kemudian mulai membuat skrip didalam tag <span style="font-family: "Courier New",Courier,monospace;"><body></span></span>
<br />
<pre class="brush:html;"><div class="container">
    <div id="accordion">
        <h3>Section 1</h3>
            <div>
                <p>
                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
                ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
                amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
                </p>
            </div>
        <h3>Section 2</h3>
            <div>
                <p>
                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
                purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
                velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
                suscipit faucibus urna.
                </p>
            </div>
        <h3>Section 3</h3>
        <div>
            <p>
            Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
            Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
            ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
            lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
            </p>
            <ul>
                <li>List item one</li>
                <li>List item two</li>
                <li>List item three</li>
            </ul>
        </div>
        <h3>Section 4</h3>
        <div>
            <p>
            Cras dictum. Pellentesque habitant morbi tristique senectus et netus
            et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
            faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
            mauris vel est.
            </p>
            <p>
            Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
            Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
            inceptos himenaeos.
            </p>
        </div>
    </div>
    <footer>
        <h3><a href="">Back to Tutorial</a> | <a href="">Download Project</a></h3>
    </footer>
</div>
</pre>
<span style="font-family: Verdana,sans-serif;">Coba jalankan di browser Anda apakah running atau tidak</span><br />
<blockquote class="tr_bq">
<span style="font-family: Verdana,sans-serif;"><b>Baca Juga: </b><a href="http://mafulprayogaarnandi.blogspot.com/2014/12/sourcecode-pop-up-fancybox-dengan-jquery.html" target="_blank">Download SourCode Pop-up Fancybox dengan jQuery</a> </span></blockquote>
<span style="font-family: Verdana,sans-serif;">Jadi, keseluruhan isi file index.html adalah</span>
<br />
<pre class="brush:html;"><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Accordion - Maful Prayoga Arnandi</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
<style type="text/css">
    .container{
        width: 500px;
        margin: 0 auto;
    }
</style>
</head>
<body>
<div class="container">
    <div id="accordion">
        <h3>Section 1</h3>
            <div>
                <p>
                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
                ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
                amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
                </p>
            </div>
        <h3>Section 2</h3>
            <div>
                <p>
                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
                purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
                velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
                suscipit faucibus urna.
                </p>
            </div>
        <h3>Section 3</h3>
        <div>
            <p>
            Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
            Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
            ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
            lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
            </p>
            <ul>
                <li>List item one</li>
                <li>List item two</li>
                <li>List item three</li>
            </ul>
        </div>
        <h3>Section 4</h3>
        <div>
            <p>
            Cras dictum. Pellentesque habitant morbi tristique senectus et netus
            et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
            faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
            mauris vel est.
            </p>
            <p>
            Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
            Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
            inceptos himenaeos.
            </p>
        </div>
    </div>
    <footer>
        <h3><a href="http://mafulprayogaarnandi.blogspot.com/2015/01/tutorial-accordion-jquery.html" target="_blank">Back to Tutorial</a> | <a href="https://github.com/maful/Tutorial-Accordion-jQuery-UI" target="_blank">Download Project</a></h3>
    </footer>
</div>
</body>
</html>
</pre>
<span style="font-family: Verdana,sans-serif;">Simple dan mudah bukan menggunakan jQuery UI, hanya kita butuh banyak berlatih.</span>
<br/>
<div style="text-align: center;">
<ul class="kotak-demo-download">

<li><a class="demo" href="http://demo.bocahdesa.com/accordion-jqueryui/" target="_blank"><i class="icon-eye-open"></i> Demo</a></li>
</ul>
</div>
<div class="clear">
</div>
<article id="default-usage">
<div class="to-lock" style="display:none;">
<br/>
<div style="text-align: center;">
<ul class="kotak-demo-download">

<li><a class="download" href="http://adf.ly/6721754/accordion-maful" target="_blank"><i class="icon-cloud-download"></i> Download</a></li>
</ul>
</div>
<div class="clear">
</div>
</div>
</article>

Tutorial Membuat Accordion dengan jQuery UI

Selamat Pagi... Setelah kemarin saya telah berbagi tentang Cara Membuat Hello World di Borland Delphi 7 namun sekarang beralih lagi ke w...

05:40

Ebook Download Aplikasi Hello World Delphi

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj81xR7tJOqwiv2uIHN4pFC6sl6IKU-EWPS8EG8uy7LnwSCHJ2cRxPMxR4fnY56QP5W8kEXlEmS6d3bqLRoEG0rwmPdt30P-oaIqldwBLTa9MlceVbUuOBkr08eisVjvsCU4OGFxxAgtgw/s1600/thumb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj81xR7tJOqwiv2uIHN4pFC6sl6IKU-EWPS8EG8uy7LnwSCHJ2cRxPMxR4fnY56QP5W8kEXlEmS6d3bqLRoEG0rwmPdt30P-oaIqldwBLTa9MlceVbUuOBkr08eisVjvsCU4OGFxxAgtgw/s1600/thumb.png" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;">Halo, Selamat Pagi dan Selamat Beraktifitas kembali di pekerjaannya masing-masing.</span><br />
<span style="font-family: Verdana, sans-serif;">Kali ini saya akan membagika ebook tutorial/ cara membuat Hello World di Borland Delphi 7.0</span><br />
<span style="font-family: Verdana, sans-serif;">Monggo disimak dan semoga membantu</span><br />
<iframe height="480" src="https://docs.google.com/file/d/0BzRpth03O8QjY3RKaXhYanFBaG8/preview" width="640"></iframe>
<span style="font-family: Verdana,sans-serif;">Jangan lupa di share ya..</span>

Ebook Download Aplikasi Hello World Delphi

Halo, Selamat Pagi dan Selamat Beraktifitas kembali di pekerjaannya masing-masing. Kali ini saya akan membagika ebook tutorial/ cara memb...

02:47

Promo Hosting Beli Gratis 1 tahun

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaWWfokgVRPEIjXwz-nYs6Oa0rNyyzdHhJpk7MhtWNueP5wFBNpr8U0PZnMVS7F2E1hMwMS1VbYcz83lhnirtK38GN7JZm32dD_BVe1ZHh_-GZNdai-UkSMo_f89glO2NrJ5kVJ2mBKgk/s1600/xmas-slider-home.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaWWfokgVRPEIjXwz-nYs6Oa0rNyyzdHhJpk7MhtWNueP5wFBNpr8U0PZnMVS7F2E1hMwMS1VbYcz83lhnirtK38GN7JZm32dD_BVe1ZHh_-GZNdai-UkSMo_f89glO2NrJ5kVJ2mBKgk/s1600/xmas-slider-home.png" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;"><b>Beli Gratis 1 tahun </b>ya itulah promo selama natal dan tahun baru ini. Banyak yang mengadakan promo-promo bahkan memberikan sesuatu secara gratis 100%.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Namun pernahkan Anda melihat atau mendengar promo luar biasa ini</span><br />
<span style="font-family: Verdana, sans-serif;"><b>Beli Gratis 1 tahun</b></span><br />
<br />
<span style="font-family: Verdana, sans-serif;">Hostinger mana lagi kalau bukan Niagahoster. Anda mau mendapatkannya, karena kebetulan saya juga mau.</span><br />
<span style="font-family: Verdana, sans-serif;">Ikuti caranya ya:</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">1. Masuk ke <a href="https://www.niagahoster.co.id/hosting-indonesia" onclick="this.href = 'https://www.niagahoster.co.id/ref/7097?r=hosting-murah'" target="_blank">Hosting Niagahoster</a> </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhavdDDQFX_HW5HeDuEfbZ1cxvE55_9kZpaG8ZLRIsEA0kJGevbTwaTVN19x-Pw3rOjpAvL_K199UxU_IrYw7wTU_rBOLW70LrwPG8ZGebM-pQkOb1Ix62fYuQkZotNlItLlRw54zcblCg/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhavdDDQFX_HW5HeDuEfbZ1cxvE55_9kZpaG8ZLRIsEA0kJGevbTwaTVN19x-Pw3rOjpAvL_K199UxU_IrYw7wTU_rBOLW70LrwPG8ZGebM-pQkOb1Ix62fYuQkZotNlItLlRw54zcblCg/s1600/hm.png" width="305" /></a></div>
<span style="font-family: Verdana, sans-serif;">2. Pilih paket hosting yang Anda inginkan, karena saya menginginkan paket Personal makan klik ORDER di atas tulisan Personal</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFnQ2UUYVhyphenhyphenwdttwArdLuhtExF0ZKjFzZZRcWDJOy-LrP9_vy3mXssWSM30w1i3RI5Fgi2WpJP8FOrgbpLifutcg_kyTPxnvLlwD0F1E0Xi99Uut2YWC8pNrPrSr2NjI5DJr9rKxyR1o/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFnQ2UUYVhyphenhyphenwdttwArdLuhtExF0ZKjFzZZRcWDJOy-LrP9_vy3mXssWSM30w1i3RI5Fgi2WpJP8FOrgbpLifutcg_kyTPxnvLlwD0F1E0Xi99Uut2YWC8pNrPrSr2NjI5DJr9rKxyR1o/s1600/hm.png" /></a></div>
<span style="font-family: Verdana,sans-serif;">3. Selanjutnya Anda akan diarahkan ke Halaman Konfigurasi, yaitu Durasi Pembayaran untuk Paket Hosting Anda. Karena akan akan mendapatkan promo gratis 1 tahun makan Anda harus memilih pada 1 tahun durasi pembayaran.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuixzZveURoZ6K-3Amqwwd_L45VaQt8Eirym9IFxALp2sZiOLuGmHT6G0npQPkwV693YowPvfTTniAxSIoCCrOrFj_hXDgwu3v6VgZhrI2wuqMfuKiHPBPB9zkqawr3njAgz-YOgTizI/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuixzZveURoZ6K-3Amqwwd_L45VaQt8Eirym9IFxALp2sZiOLuGmHT6G0npQPkwV693YowPvfTTniAxSIoCCrOrFj_hXDgwu3v6VgZhrI2wuqMfuKiHPBPB9zkqawr3njAgz-YOgTizI/s1600/hm.png" width="320" /></a></div>
<br />
<span style="font-family: Verdana, sans-serif;">Selanjutnnya klik <b>Selanjutnya</b></span><br />
<br />
<span style="font-family: Verdana, sans-serif;"><b>Baca Juga: </b><a href="http://mafulprayogaarnandi.blogspot.com/2014/11/cek-domain-di-whois-niagahoster.html" target="_blank">Cek domain di WHOIS Niagahoster</a></span><br />
<br />
<span style="font-family: Verdana, sans-serif;">4. Selain mendapatkan gratis durasi 1 tahun, Anda juga akan mendapatkan domain gratis selamanya, artinya yakni selama hosting Anda masih aktif maka domain pun aktif.</span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;">Namun jika Anda akan mendaftarkan domain dengan dot ID, silahkan lihat <a href="https://www.niagahoster.co.id/persyaratan-domain-indonesia" target="_blank">Persyaratan Nama Domain Indonesia</a>.</span></blockquote>
<span style="font-family: Verdana,sans-serif;">Jika Anda menginginkan mendapat domain gratis, masukan nama domain dan TLDnya, kemudian klik Cari Domain</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMAaj5rhkEmnZm6TyDyixz-tb0EU2C47YTKKZ3fjh1phsNFcvpvJGSrY-ZaGejmTwbBp14QJMs6zajVOqiund0O9VF650wv_tISFfJm8eRHTHeSf2YukLzLPYnFrEBPPZCDWGV63tngh0/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMAaj5rhkEmnZm6TyDyixz-tb0EU2C47YTKKZ3fjh1phsNFcvpvJGSrY-ZaGejmTwbBp14QJMs6zajVOqiund0O9VF650wv_tISFfJm8eRHTHeSf2YukLzLPYnFrEBPPZCDWGV63tngh0/s1600/hm.png" width="320" /></a></div>
<span style="font-family: Verdana,sans-serif;">Makan sistem akan memeriksa apakah domain yang Anda cari sudah dihak patenkan atau belum, jika belum maka akan muncul</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Fyb83BExWvnss3-lf4G9pdvBzwYLBKhCB96eq_Edi42I8dC70HNA0k97unjsQB6RHbum3e-0OKQYxbV6EUWO2xTQE9VxX_XB6fyh6RVc2w4sE1p00TbKCL0wQycSrgGeQ7so96KdtZQ/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Fyb83BExWvnss3-lf4G9pdvBzwYLBKhCB96eq_Edi42I8dC70HNA0k97unjsQB6RHbum3e-0OKQYxbV6EUWO2xTQE9VxX_XB6fyh6RVc2w4sE1p00TbKCL0wQycSrgGeQ7so96KdtZQ/s1600/hm.png" width="320" /></a></div>
<span style="font-family: Verdana,sans-serif;">Jika sudah ada</span><br />
<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/AVvXsEiM_ni7DgIDU4wFJc_xiXmAKRcf1UTjIwbu7YcxXAXCQh_9yP1ftYgJtMekpcsD-IRxin3fQqIZkSIido19onOy6Yx7-y9oxqdNAQfOzF-8T-DOMx1kMHlzlcv27kU8wnj9wmkx3b5QtXE/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM_ni7DgIDU4wFJc_xiXmAKRcf1UTjIwbu7YcxXAXCQh_9yP1ftYgJtMekpcsD-IRxin3fQqIZkSIido19onOy6Yx7-y9oxqdNAQfOzF-8T-DOMx1kMHlzlcv27kU8wnj9wmkx3b5QtXE/s1600/hm.png" width="320" /></a></div>
<span style="font-family: Verdana,sans-serif;">Diatas terlihat <span style="color: #6aa84f;"><b>OWNER, EXPIRES AT 11/26/2015</b></span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="color: #6aa84f;"><span style="color: black;">Maksudnya adalah, domain bocahdesa.com akan berakhir/ expired pada tanggal 26 November 2015.</span></span></span><br />
<br />
<span style="font-family: Verdana,sans-serif;"><span style="color: #6aa84f;"><span style="color: black;">Jika domain tersedia seperti gambar diatas tadi, kemudian klik pada Tambah Ke Cart. Jika sudah maka Detail Order memberikan informasi apa saja yang telah Anda pesan.</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG3LpuiC9Y_NFnaAKpGt7613LkCrqiXzV13SzVKoprr5dHL-cXNr3qGY9d7Wuar2cMiXHWJVJ0ldg9sDyKVcQ8BJekB3m6lhfsoeGEyCqU9lS_YTl3k2T1rG6F2T1MOX0AOjoRJx7cg3I/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG3LpuiC9Y_NFnaAKpGt7613LkCrqiXzV13SzVKoprr5dHL-cXNr3qGY9d7Wuar2cMiXHWJVJ0ldg9sDyKVcQ8BJekB3m6lhfsoeGEyCqU9lS_YTl3k2T1rG6F2T1MOX0AOjoRJx7cg3I/s1600/hm.png" width="287" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE2E5xYBtUsvl7Wl6JwnZT_yVoKwgvS6-bM5LMjbMq9Bstv7Elb6gdcmANItWDFrsy5V3ekY1f42EeeeR24sSCQcXv87Z8_Q37DOUIkmoGQLCJc2qsqc0hr4jKoi4KoleUSn9fuDiFw_c/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE2E5xYBtUsvl7Wl6JwnZT_yVoKwgvS6-bM5LMjbMq9Bstv7Elb6gdcmANItWDFrsy5V3ekY1f42EeeeR24sSCQcXv87Z8_Q37DOUIkmoGQLCJc2qsqc0hr4jKoi4KoleUSn9fuDiFw_c/s1600/hm.png" width="320" /></a></div>
<span style="font-family: Verdana,sans-serif;">Klik pada tombol Selanjutnya</span><br />
<span style="font-family: Verdana,sans-serif;">5. Kemudian Anda akan disuruh mengisi Informasi Anda, isikan dengan benar ya.</span><br />
<span style="font-family: Verdana,sans-serif;">Untuk Rincian Order</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy0j4QVKlF7yNuPU9TjyWScz_0OJI9lE79BsEJRF36TuVFR1PzT0R8kPB0bU9M1AwOY7jwh8DAJrZ4O2lhRCfonMmwCaT20448HXuWEWjIzMzdwPoMup0Q3AVZmzFNhuKhwy7rPx_0T6g/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy0j4QVKlF7yNuPU9TjyWScz_0OJI9lE79BsEJRF36TuVFR1PzT0R8kPB0bU9M1AwOY7jwh8DAJrZ4O2lhRCfonMmwCaT20448HXuWEWjIzMzdwPoMup0Q3AVZmzFNhuKhwy7rPx_0T6g/s1600/hm.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Verdana,sans-serif;">centang pada <b>Saya setuju dengan Syarat dan Ketentuan</b>. Selanjutnya klik Proses Checkout.</span><br />
<br />
<span style="font-family: Verdana,sans-serif;">Maka proses pembelian Hosting Anda sudah selesai</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju5wDPa0PU_kiyeCGr7o26Q9ekO4nPId83S_VEV8UP3BFUC84PHer_RKkClbIVYXqqnPbEMsr4nRfJy0ZmKnLRk24vdm_Hmo087koJ1JSKH-U2FfTvGjOzuf11C8fAceeTggUkM0aP0qU/s1600/hm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju5wDPa0PU_kiyeCGr7o26Q9ekO4nPId83S_VEV8UP3BFUC84PHer_RKkClbIVYXqqnPbEMsr4nRfJy0ZmKnLRk24vdm_Hmo087koJ1JSKH-U2FfTvGjOzuf11C8fAceeTggUkM0aP0qU/s1600/hm.png" width="320" /></a></div>
<span style="font-family: Verdana,sans-serif;">Untuk melihat tagihan Anda, bisa diakses ke Member Area -> Tagihan.</span><br />
<span style="font-family: Verdana,sans-serif;">Cara Pembayaran klik pada Konfirmasi pada Tagihan Anda.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">Semoga tutorial ini bermanfaat.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>

Promo Hosting Beli Gratis 1 tahun

Beli Gratis 1 tahun ya itulah promo selama natal dan tahun baru ini. Banyak yang mengadakan promo-promo bahkan memberikan sesuatu secara g...

04:59