Sun3Daily: JS

Showing posts with label JS. Show all posts

Home > Posts filed under JS

Script Widget Button Join This Site dengan Count Valid HTML5

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div class="iklan1">
</div>
Kali ini maslisman akan Share <a href="http://www.sun3daily.ga/2018/01/ScriptWidgetButtonJoinThisSitedenganCountValidHTML5.html" target="_blank"><i>Widget Button Join this site buatan sun3</i></a>,
 sebenarnya widget ini ada dalam menu Tambah widget di blogger tetapi 
kebanyakan template yang digunakan orang pada zaman sekarang adalah 
Template yang Valid HTML5 dan Permasalahanya Widget Join This Site 
bawaan dari Blogger itu<u><i> tidak Valid HTML5</i></u>.<br />
Blog yang menggunakan Template Valid HTML5 mengambil langkah alternatif 
untuk tidak menggunakan widget join bawaan google tetapi menggantinya 
dengan Objek berupa Image, Text Link, Button dan lain-lain.<br />
<h2 class="post-title entry-title" style="text-align: center;">
<a href="https://www.blogger.com/null" title="Script Widget Button Join This Site keren dengan Count Valid HTML5">Script Widget Button Join This Site keren dengan Count Valid HTML5</a></h2>
Nah disini Maslisman Akan Berbagi Button Image Join This Site kepada 
Sobat, di google atau di blog lain sebenarnya banyak imag atau button 
widget join this site seperti ini, tapi ada yang bikin beda button yang 
maslisman buat ini ada Anotasi Count Balonnya dan bisa dirubah Jumlahnya
 sesuka Sobat.<br />
Jadi dengan Menggunakan Widget ini bisa lebih meyakinkan pengunjung 
untuj Join ke Site Sobat, karena ada Count atau penghitung banyaknya 
Follower Blog Sobat, walaupun Count ini tidak otomatis seperti bawaan 
blogger ya, tapi Sobat bisa Merubahnya sesuka Sobat.<br />
<br />
Untuk Lebih Jelasnya Lihat Saja Demonya Seperti dibawah ini :<br />
<br />
<div class="imagejoin">
<div class="text">
<a alt="Google Friend Connect" href="https://www.blogger.com/blogger.g?blogID=4608441697702788932" style="cursor: pointer;" title="Google Friend Connect">
 <img height="19" id="imagejoin" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NEdJzebqu2tkrOJ41L2gOqtZJe1nb1qYtj4NIbhw8hGm3k7l6R9EGtsspilyLQNei9eKZf1T83DgmKULBKvlRm_GuU_RpXMSISLi4OXcK5kCt4scVq8AxV2eQSdQwZnRFxBIIaDWdJU/s1600/join+maslisman+puluhan+1.png" width="135" /></a>97</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcF52LMa43_xso5bOKJbap2HLQSsiQUh5WWxF1wrrB-JSBEDR4AT9o-PDE-WigIO_zl8FipVKm20UJkWiXaG-1hHHevESMbsBR6Pmwx-Qn6hJL5b2A_pjhUYnTYcMLIikl-T9eEuhPXWE/s1600/join+this+site+maslisman+widget+button.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.sun3daily.ga/2018/01/ScriptWidgetButtonJoinThisSitedenganCountValidHTML5.html" border="0" height="516" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcF52LMa43_xso5bOKJbap2HLQSsiQUh5WWxF1wrrB-JSBEDR4AT9o-PDE-WigIO_zl8FipVKm20UJkWiXaG-1hHHevESMbsBR6Pmwx-Qn6hJL5b2A_pjhUYnTYcMLIikl-T9eEuhPXWE/s1600/join+this+site+maslisman+widget+button.gif" title="ScriptWidgetButtonJoinThisSitedenganCountValidHTML5" width="640" /></a></div>
<br />
Silahkan tambahkan Widget Tombol Join This Site ini ke blog sobat, untuk Caranya :<br />
<ul>
<li>Masuk ke Tata Letak</li>
<li>lalu Tambahkan Gadget</li>
<li>Pilih HTML/JavaScript</li>
<li>dan Masukan salah satu Script dibawah ke kolom konten HTML/JavaScript</li>
</ul>
<blockquote class="tr_bq">
 widget yang maslisman buat ada tiga pilihan yaitu untuk Pengikut yang 
jumlahnya, Belasan atau Puluhan, lalu Ratusan, dan Ribuan, jadi Pilih 
saja sesuka Sobat</blockquote>
<h3>
Dibawah ini adalah Script Widget Button Join This Site keren dengan Count</h3>
<h4>
 Scrip Widget Join this site Count <u>Puluhan</u></h4>
<pre><code><style type='text/css'>
.imagejoin {
   position: relative;
}

pjoin {
   position: absolute;
   font-family: Arial;
   font-weight:normal;
   color:#555556;
   font-size:11px;
   top: 0.5px;
   left: 114.2px;
   width: 100%;
   margin: 3px;
}
</style>
<HTML>
<div class='imagejoin'>
        <div class='text'>
<a href="" onclick= 'window.open( 
 "https://www.blogger.com/follow-blog.g?blogID=4608441697702788932",
 "popupwindow","status=0,height=550,width=550,resizable=0");return false;' 
 alt="Google Friend Connect" 
 title="Google Friend Connect" 
 style="cursor:pointer;"/>
 <img height='19' id='imagejoin' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NEdJzebqu2tkrOJ41L2gOqtZJe1nb1qYtj4NIbhw8hGm3k7l6R9EGtsspilyLQNei9eKZf1T83DgmKULBKvlRm_GuU_RpXMSISLi4OXcK5kCt4scVq8AxV2eQSdQwZnRFxBIIaDWdJU/s1600/join+maslisman+puluhan+1.png&apos;;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKWFHn-UHcixxsgq1hzdw5tKuisuTGru7YjwFWdRQi1HQm1vEb8-CV10v27FCosH2zBrcveJNV23M7ZlQeahMV8rpQ_4qy9KlnZqHeV8y_fLhs-7M-KefOYrHIplxAckfIcDxJtUejs8/s1600/join+maslisman+puluhan+2.png&apos;;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NEdJzebqu2tkrOJ41L2gOqtZJe1nb1qYtj4NIbhw8hGm3k7l6R9EGtsspilyLQNei9eKZf1T83DgmKULBKvlRm_GuU_RpXMSISLi4OXcK5kCt4scVq8AxV2eQSdQwZnRFxBIIaDWdJU/s1600/join+maslisman+puluhan+1.png' width='135'/></a><pjoin>94</pjoin></div></div>
</</code><code><code>HTML</code>>
</code></pre>
<h4>
 Scrip Widget Join this site Count <u>Ratusan</u></h4>
<pre><code><style type='text/css'>
.imagejoin {
   position: relative;
}

pjoin {
   position: absolute;
   font-family: Arial;
   font-weight:normal;
   color:#555556;
   font-size:11px;
   top: 0.5px;
   left: 109.2px;
   width: 100%;
   margin: 3px;
}
</style>
<HTML>
<div class='imagejoin'>
        <div class='text'>
<a href="" onclick= 'window.open( 
 "https://www.blogger.com/follow-blog.g?blogID=4608441697702788932",
 "popupwindow","status=0,height=550,width=550,resizable=0");return false;' 
 alt="Google Friend Connect" 
 title="Google Friend Connect" 
 style="cursor:pointer;"/>
 <img height='19' id='imagejoin' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNz9DW2m9BLPmjwhY1JTX-YOEFu-x2VkClDRrIH6VQi5jUsUhilzAvpYrDFcg7UZDEp6D0_NNo81mEeUxvIVUCA-aEOBkglhHGOvcBjixpYVDt1wmv7Cue0x5GNdOAcOgOGIL30GeP-AU/s1600/join+maslisman+ratusan+1.png&apos;;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_JscIPdLDJ_d-aKeYNmS-XW14Cgol_IxhkjTxxF4tNIvnKI5k1d7XV9VNst1aIgqx31WEZAFV5E9w_NH21Go3flPYga6-8461JgjPOMK6XEWNUvsBBD-HWdAlS4-qtpLviIPnVk3KAA/s1600/join+maslisman+ratusan+2.png&apos;;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNz9DW2m9BLPmjwhY1JTX-YOEFu-x2VkClDRrIH6VQi5jUsUhilzAvpYrDFcg7UZDEp6D0_NNo81mEeUxvIVUCA-aEOBkglhHGOvcBjixpYVDt1wmv7Cue0x5GNdOAcOgOGIL30GeP-AU/s1600/join+maslisman+ratusan+1.png' width='135'/></a><pjoin>847</pjoin></div></div>
</HTML>
</code></pre>
<h4>
 Scrip Widget Join this site Count <u>Ribuan</u></h4>
<pre><code><style type='text/css'>
.imagejoin {
   position: relative;
}

pjoin {
   position: absolute;
   font-family: Arial;
   font-weight:normal;
   color:#555556;
   font-size:11px;
   top: 0.5px;
   left: 103.5px;
   width: 100%;
   margin: 3px;
}
</style>
<HTML>
<div class='imagejoin'>
        <div class='text'>
<a href="" onclick= 'window.open( 
 "https://www.blogger.com/follow-blog.g?blogID=4608441697702788932",
 "popupwindow","status=0,height=550,width=550,resizable=0");return false;' 
 alt="Google Friend Connect" 
 title="Google Friend Connect" 
 style="cursor:pointer;"/>
 <img height='19' id='imagejoin' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsY-KNxgVxKxMAgjy6LVt-h3H6oWoQGdCHEQf_wp_KnMhOxLb3JYEqOKT40whBJdJZ8yEszaCclWLgoLRyONcTmw8-Guqbg5n0zZRuRrckbbo1OJhCh4JNPokvx1Eu62Y_Ymva4xF7ugE/s1600/join+maslisman+ribuan+1.png&apos;;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifvDDRWlLs4pN5OuQHYgzA3KWCLPA6k4_YcBHrmMgAhfQbHQgMu7WeDIJK_zss7Zpdht3q6gTpOuaw0F87sF1FcEEG8gh7btIpaVDNJtCe2NOlm7CNxrQRtGbzEgqWoeKSOv00a-6I-Kw/s1600/join+maslisman+ribuan+2.png&apos;;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsY-KNxgVxKxMAgjy6LVt-h3H6oWoQGdCHEQf_wp_KnMhOxLb3JYEqOKT40whBJdJZ8yEszaCclWLgoLRyONcTmw8-Guqbg5n0zZRuRrckbbo1OJhCh4JNPokvx1Eu62Y_Ymva4xF7ugE/s1600/join+maslisman+ribuan+1.png' width='135'/></a><pjoin>5841</pjoin></div></div>
</HTML></code></pre>
<br />
Keterangan :<br />
<blockquote class="tr_bq">
Apabila Text Jumlah letaknya tidak sesuai atau lari dari dalam kotak, Sobat bisa Menyesuaikanya dengan mengedit bagian :<br />
<pre><code>left: rubah geser kiri kanan</code></pre>
<pre><code>top: rubah geser atas bawah</code></pre>
Silahkan rubah 4608441697702788932 dengan ID Blog Sobat <br />
Untuk ganti Jumlah nya silahkan lihat dibagian <span style="color: red;"><pjoin></span>94<span style="color: red;"><span style="background-color: white;"></pjoin></span></span>dan ganti 94 sesuka Sobat</blockquote>
<h4>
Jika Artikel ini berguna buat Sobat Jangan Lupa Join This Site Blog Maslisman ya !</h4>
<h4>
Silahkan Tinggalkan Komentar bila ada yang ingin ditanyakan !</h4>
</div>
</p>

Kali ini maslisman akan Share Widget Button Join this site buatan sun3 , sebenarnya widget ini ada dalam menu Tambah widget di blogger t...

Framework aplikasi Hybrid

<p><div dir="ltr" style="text-align: left;" trbidi="on">
Sekarang ini banyak framework yang dapat kita gunakan untuk membuat aplikasi. Sehingga bila kita bekerja dengan teamwork, kita bisa explorasi ide namun tetap berada pada jalur yang sama.  Ide tetap dapat dikomunikasian antara anggota team satu dengan yang lain. Bila kita ingin melanjutkan pekerjaan kita yang sudah pernah kita kerjakan untuk ditambah fitur dan lainnya kita tinggal meneruskan pada modul yang diperlukan.<br />
<br />
“Tidak ada pilihan bingung, banyak pilihan tambah bingung”, kata teman saya. Banyaknya framework yang telah ada sekarang membuat pilihan yang seharusnya membuat kita nyaman. Kita tinggal coba, pilih lalu explorasi. Dari beberapa framework berikut ini pemetaan yang dibuat oleh Christope Coenrats dapat menjelaskan dengan mudah perbedaan masing-masing framework hybrid.<br />
<div class="wp-caption aligncenter" data-shortcode="caption" id="attachment_526">
<a href="https://inwebsite.files.wordpress.com/2014/03/frameworks.jpg"><img alt="hybrid framework" class="size-medium wp-image-526" data-attachment-id="526" data-comments-opened="1" data-image-description="<p>pilihan framework</p><br/>" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="frameworks" data-large-file="https://inwebsite.files.wordpress.com/2014/03/frameworks.jpg?w=605" data-medium-file="https://inwebsite.files.wordpress.com/2014/03/frameworks.jpg?w=300&h=203" data-orig-file="https://inwebsite.files.wordpress.com/2014/03/frameworks.jpg" data-orig-size="640,435" data-permalink="https://inwebsite.wordpress.com/2014/05/06/hybrid-framework/frameworks/" height="203" sizes="(max-width: 300px) 100vw, 300px" src="https://inwebsite.files.wordpress.com/2014/03/frameworks.jpg?w=300&h=203" srcset="https://inwebsite.files.wordpress.com/2014/03/frameworks.jpg?w=300&h=203 300w, https://inwebsite.files.wordpress.com/2014/03/frameworks.jpg?w=597&h=406 597w, https://inwebsite.files.wordpress.com/2014/03/frameworks.jpg?w=150&h=102 150w" style="border: 0px none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 98.5%; padding: 0px; vertical-align: baseline; width: auto;" width="300" /></a><br />
<div class="wp-caption-text">
framework hybrid</div>
<br />
<br /></div>
<br />
Kalau kita perhatikan pemetaan diatas kita bisa melihat keterangan sebelah kiri ada UI (User Interface), Architecture, DOM sedangkan di sebelah bawah keterangan nya yaitu full stack dan custom stack. Kalau saya jelaskan Full Stack adalah framework yang telah menyediakan DOM, Architecture sekaligus User Interfacenya. Sedangkan Custom Stack adalah pilihan yang memperbolehkan kita meng-kustomasi DOM, Architecture dan User Interfacenya.<br />
<br />
Contohnya: Saya akan membuat aplikasi hybrid yang akan saya install untuk perangkat Android, Iphone dan Windows 8. Saya pilih jQuery Mobile untuk aplikasi ini, maka saya sudah mampu untuk mengatur alur datanya (Architecture), akses event untuk elemen (DOM), dan tampilan (UI). Namun apabila saya tidak puas misalkan pada tampilan yang diberikan jQuery Mobile saya dapat memilih cara custom yaitu custom stack.<br />
<br />
Pada saat saya masih explorasi javascript framework, saya awalnya juga susah menentukan javascript framework manakah yang terbaik dan akan saya gunakan. Masing-masing framework mempunyai kelebihan dan kekurangan masing-masing. Namun, setelah saya mencoba satu persatu dari tiga framework yang saya pilih akhirnya saya dapat menarik kesimpulan. Kesimpulan yang dapat saya sampaikan disini yang baik-baik saja, yang buruknya saya serahkan kepada anda untuk menemukannya sendiri. Dari tiga framework yang saya coba yaitu Backbone, Jquery Mobile dan Angular JS kesimpulan yang saya antara lain:<br />
<ol><br />
<li>Bila anda menyukai framework yang simple, mudah, dan langsung berhubungan dengan DOM maka Jquery Mobile dapat diandalkan. Bila anda sudah kenal dengan jquery maka sangat mudah bila menggunakan Jquery mobile.</li>
<br />
<li>Bila anda terbiasa dengan pemrograman object menggunakan javascript native, menyukai ukuran yang kecil sehingga tidak membebani aplikasi dan anda ingin bebas memilih  library yang anda perlukan, maka Backbone pilihan yang tepat</li>
<br />
<li>Bila anda menyukai kecepatan koding (hemat baris kode), dukungan library sekelas google, berhubungan dengan service menggunakan cara lebih aman  maka angular js adalah pilihan yang bagus.</li>
</ol>
<br />
<b>Catatan:</b> ketika saya menggunakan service menggukan JQuery Mobile menggunakan ajax ataupun $.getJSON caranya hampir sama ketika menggunakan Backbone karena sama-sama menggunakan $.ajax milik jquery sehingga penanganan untuk request get dan post untuk web servis-nya sama. Namun, berbeda dengan cara berhubungan angularjs, terutama untuk penanganan post, karena jQuery mengirim data menggunakan Content-Type: x-www-form-urlencoded dan parameter biasanya dikirim seperti ini: foo=bar&baz=moe serialization. Berbeda dengan Angular yang mengirim menggunakan Content-Type: application/json and { “foo”: “bar”, “baz”: “moe” } bentuk JSON serialization. Sehingga service yang menangkap data juga harus dimodifikasi untuk dapat mengolah data angular post.<br />
<br />
sumber: https://inwebsite.wordpress.com/2014/05/06/hybrid-framework/</div>
</p>

Sekarang ini banyak framework yang dapat kita gunakan untuk membuat aplikasi. Sehingga bila kita bekerja dengan teamwork, kita bisa explora...

Menampilkan Fitur Image Loading Blog / Website ( Tutorial )

<p><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr"><b><i><span style="font-size: large;">Cara mudah menampilkan efek loading di blog</span></i></b> - bagi sebagian jenis blog misalnya blog toko online, blog wallpaper atau yang lainnya, <a href="http://www.tutorialkeren.com/2016/06/menampilkan-fitur-image-loading-keren-blog.html"><b>efek loading</b> <b>keren</b></a> pada blog dapat memberikan kesan yang menarik bagi orang yang membukanya.</div><div dir="ltr"><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiityGbEM071BZWVuDU9k_cQ_RrLc6d8xmbzKWw-NZjr5KvTHmA1FwFg96KiJv8zV6xXbZqO2eSxJG0Ejxpnborya7A5A8WsLPnLuK6Lfh9CxoVNzi1e-nIy3gbWdZzJEaP313LTXA00d0/s1600/Logo_Fitur_fondo_blanco.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiityGbEM071BZWVuDU9k_cQ_RrLc6d8xmbzKWw-NZjr5KvTHmA1FwFg96KiJv8zV6xXbZqO2eSxJG0Ejxpnborya7A5A8WsLPnLuK6Lfh9CxoVNzi1e-nIy3gbWdZzJEaP313LTXA00d0/s320/Logo_Fitur_fondo_blanco.jpg" width="320" /></a></div></div><div dir="ltr">Akan tetapi perlu anda ketahui bahwa sebagian efek loading ada juga yang sifatnya malah memberatkan loading halaman blog.<br /><br /></div><div dir="ltr">Tak perlu khawatir...!<br /><br /></div><div dir="ltr">Karena disini Blog Penting akan mengulas <a href="http://www.tutorialkeren.com/2016/06/menampilkan-fitur-image-loading-keren-blog.html">cara <b>membuat efek loading</b></a> yang tentunya tidak akan memberatkan Loading Blog anda<br /><br /></div><div dir="ltr"><b>Berikut Langkah-Langkah Menampilkan Fitur Loading Blog</b> :<br /><br /></div><div dir="ltr">1.Silahkan letakkan kode berikut ini diatas kode <i><b></body></b></i><br /><i><br /></i></div><div dir="ltr"><blockquote class="tr_bq"><script type='text/javascript'><br />//<![CDATA[<br />$(document.body).append('<div id="page-loader"></div>');<br />$(window).on("beforeunload", function() {<br />$('#page-loader').fadeIn(1000).delay(8000).fadeOut(1000);<br />});<br />//]]><br /></script><br />2.Selanjutnya masukkan kode berikut ini ke <i>]]></b:skin></i>page-loader {<br />position:fixed !important;<br />position:absolute;<br />top:0;<br />right:0;<br />bottom:0;<br />left:0;<br />z-index:999999;<br />background:#000url("<span style="color: red;">URL IMAGE</span>") no-repeat 50% 50%;<br />padding:1em 1.2em;<br />display:none<br />}</blockquote></div><div dir="ltr">3.Dan berikut ini beberapa animasi loading yang bisa anda pilih, Kemudian pastekan url nya pada URL IMAGE pada kode diatas</div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcHfw3J3X4yHwt8nNlOEWvl-6tSU7211aOVdpClxnkgXT7w1n5x8q8UtbZ78M9svbSQtkAGhZJLEiun-41BVytunZ3wgDaqInZ12cjw7vy8qlAZf3GzGiOonQ0VsRu4qTn1SKjUfmfUnF/s1600/Loading2.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcHfw3J3X4yHwt8nNlOEWvl-6tSU7211aOVdpClxnkgXT7w1n5x8q8UtbZ78M9svbSQtkAGhZJLEiun-41BVytunZ3wgDaqInZ12cjw7vy8qlAZf3GzGiOonQ0VsRu4qTn1SKjUfmfUnF/s1600/Loading2.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcHfw3J3X4yHwt8nNlOEWvl-6tSU7211aOVdpClxnkgXT7w1n5x8q8UtbZ78M9svbSQtkAGhZJLEiun-41BVytunZ3wgDaqInZ12cjw7vy8qlAZf3GzGiOonQ0VsRu4qTn1SKjUfmfUnF/s1600/Loading2.GIF">https://4.bp.blogspot.com/-7FD-JrZ2...wb8UUcsgKPrefKb6ujduRACLcB/s1600/Loading2.GIF</a></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbFXA7D1_XO2oWe7IPTwSWWd4KCECiL3_s5v1jf1MCm8Q2Wz_ENU6k5fvFrIf5ng6wXG0Y0bHkg0LfZ5VBPkcJTj3HMWVO3viXGHMUQxqszilXjdTY1l2QZ_1Orv3P61m7ZHip-rs1Q6hT/s200/InternetSlowdown_Day.gif" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbFXA7D1_XO2oWe7IPTwSWWd4KCECiL3_s5v1jf1MCm8Q2Wz_ENU6k5fvFrIf5ng6wXG0Y0bHkg0LfZ5VBPkcJTj3HMWVO3viXGHMUQxqszilXjdTY1l2QZ_1Orv3P61m7ZHip-rs1Q6hT/s1600/InternetSlowdown_Day.gif"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbFXA7D1_XO2oWe7IPTwSWWd4KCECiL3_s5v1jf1MCm8Q2Wz_ENU6k5fvFrIf5ng6wXG0Y0bHkg0LfZ5VBPkcJTj3HMWVO3viXGHMUQxqszilXjdTY1l2QZ_1Orv3P61m7ZHip-rs1Q6hT/s1600/InternetSlowdown_Day.gif">https://3.bp.blogspot.com/-ci-R3V93...LNnaeTy0iwCKgB/s1600/InternetSlowdown_Day.gif</a></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOARQceZh5ixoR272pj8L9bwL_Db2DI_jL_QsCoj_CYueNgLeTIBA_pwhjLgrPTzB5g_QKZc19JnlpN8K10SVFpFATOtPn42pMp4Lvcow1jgg_r75YWIw_5HwOC1O1_V5npPJziLW4g3PL/s1600/Loading1.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOARQceZh5ixoR272pj8L9bwL_Db2DI_jL_QsCoj_CYueNgLeTIBA_pwhjLgrPTzB5g_QKZc19JnlpN8K10SVFpFATOtPn42pMp4Lvcow1jgg_r75YWIw_5HwOC1O1_V5npPJziLW4g3PL/s1600/Loading1.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOARQceZh5ixoR272pj8L9bwL_Db2DI_jL_QsCoj_CYueNgLeTIBA_pwhjLgrPTzB5g_QKZc19JnlpN8K10SVFpFATOtPn42pMp4Lvcow1jgg_r75YWIw_5HwOC1O1_V5npPJziLW4g3PL/s1600/Loading1.GIF">https://1.bp.blogspot.com/-yN2jdcig...OChvYLtWM_FASWmkdK82gACKgB/s1600/Loading1.GIF</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFeGcC_Mm7uSPyUFWQ-ptGAolaRYG9je-x7PrTX3AAksUad9FW8eRnL13BxmVbOI2ExEbnuBgDFcCXkeq8wSwbsWkbtUroC4HOTxa6yDrJJJmucej0Lp4FIQfzWWsoKSu4yOVUDbrjjEgg/s1600/loading7+%25281%2529.gif" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFeGcC_Mm7uSPyUFWQ-ptGAolaRYG9je-x7PrTX3AAksUad9FW8eRnL13BxmVbOI2ExEbnuBgDFcCXkeq8wSwbsWkbtUroC4HOTxa6yDrJJJmucej0Lp4FIQfzWWsoKSu4yOVUDbrjjEgg/s1600/loading7+%25281%2529.gif"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFeGcC_Mm7uSPyUFWQ-ptGAolaRYG9je-x7PrTX3AAksUad9FW8eRnL13BxmVbOI2ExEbnuBgDFcCXkeq8wSwbsWkbtUroC4HOTxa6yDrJJJmucej0Lp4FIQfzWWsoKSu4yOVUDbrjjEgg/s1600/loading7+%25281%2529.gif">https://1.bp.blogspot.com/-Nd_jokmD...4q0wOVLL4wTGjwCKgB/s1600/loading7+%281%29.gif</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPJrwZwTP0ue-XyU4bRDnZ57MY5LNVOZ_iVRdL5KYa4W7QuRFZWsywn4JmSXBfaC_SkxzQV94CluR0fo9DTOewh7WSrEAcTcJcdwIoWg1rQ9Kz9P4Jp3zvONlDHqjSDvH1LXlGKZAGQwg/s1600/Loading4.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPJrwZwTP0ue-XyU4bRDnZ57MY5LNVOZ_iVRdL5KYa4W7QuRFZWsywn4JmSXBfaC_SkxzQV94CluR0fo9DTOewh7WSrEAcTcJcdwIoWg1rQ9Kz9P4Jp3zvONlDHqjSDvH1LXlGKZAGQwg/s1600/Loading4.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPJrwZwTP0ue-XyU4bRDnZ57MY5LNVOZ_iVRdL5KYa4W7QuRFZWsywn4JmSXBfaC_SkxzQV94CluR0fo9DTOewh7WSrEAcTcJcdwIoWg1rQ9Kz9P4Jp3zvONlDHqjSDvH1LXlGKZAGQwg/s1600/Loading4.GIF">https://1.bp.blogspot.com/-PbxLnf7-...qoz78B4EP1IanyKjf4VLTwCKgB/s1600/Loading4.GIF</a><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIA4duV920oejCBarvITcI8bUkw8F5CRpDcEjq6dBy9ih5x9F1NPXvmkGVuFrkuyTBBtt19pQdAQcsId0xvgk0iQuB_tt7W49me1lGJX2OyZv_OWIPmfw8Me4a9IpliNHdnPG86c6iVqkp/s1600/loading3+%25281%2529.gif" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIA4duV920oejCBarvITcI8bUkw8F5CRpDcEjq6dBy9ih5x9F1NPXvmkGVuFrkuyTBBtt19pQdAQcsId0xvgk0iQuB_tt7W49me1lGJX2OyZv_OWIPmfw8Me4a9IpliNHdnPG86c6iVqkp/s1600/loading3+%25281%2529.gif"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIA4duV920oejCBarvITcI8bUkw8F5CRpDcEjq6dBy9ih5x9F1NPXvmkGVuFrkuyTBBtt19pQdAQcsId0xvgk0iQuB_tt7W49me1lGJX2OyZv_OWIPmfw8Me4a9IpliNHdnPG86c6iVqkp/s1600/loading3+%25281%2529.gif">https://3.bp.blogspot.com/-jWXlSXxo...klPlurMDtt7DwACKgB/s1600/loading3+%281%29.gif</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgpfDhNB_3NWDNTI2Id-ynZzOSONbXUOGX0qwTWVwuD8bPCLDvgDroimJ99w4POoceA4D_QtGf_ue2kSZCLB6RHmSMpHVQM8lzvA6offqS4NcAjs6neyjj_RqfRMCHfzdnGuycYyom79z/s1600/Loading8.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgpfDhNB_3NWDNTI2Id-ynZzOSONbXUOGX0qwTWVwuD8bPCLDvgDroimJ99w4POoceA4D_QtGf_ue2kSZCLB6RHmSMpHVQM8lzvA6offqS4NcAjs6neyjj_RqfRMCHfzdnGuycYyom79z/s1600/Loading8.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgpfDhNB_3NWDNTI2Id-ynZzOSONbXUOGX0qwTWVwuD8bPCLDvgDroimJ99w4POoceA4D_QtGf_ue2kSZCLB6RHmSMpHVQM8lzvA6offqS4NcAjs6neyjj_RqfRMCHfzdnGuycYyom79z/s1600/Loading8.GIF">https://2.bp.blogspot.com/-9Lr06M2D...bjsL2l_rbbPUt9tBlLc06gCKgB/s1600/Loading8.GIF</a><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2fklzSu-4NOSun3msQ811ejgfIGPAqGDOTKeufK74yWkz11hlk34Ns8I-NdgarjhJFDXqZNfONSmcWqOaWpNN3dR0VzhiyLTjIW1dqvb6VSazQCPhxPpz-v3sCx__ziW5HVGUE6FCE8P/s1600/loading9+%25281%2529.gif" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2fklzSu-4NOSun3msQ811ejgfIGPAqGDOTKeufK74yWkz11hlk34Ns8I-NdgarjhJFDXqZNfONSmcWqOaWpNN3dR0VzhiyLTjIW1dqvb6VSazQCPhxPpz-v3sCx__ziW5HVGUE6FCE8P/s1600/loading9+%25281%2529.gif"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2fklzSu-4NOSun3msQ811ejgfIGPAqGDOTKeufK74yWkz11hlk34Ns8I-NdgarjhJFDXqZNfONSmcWqOaWpNN3dR0VzhiyLTjIW1dqvb6VSazQCPhxPpz-v3sCx__ziW5HVGUE6FCE8P/s1600/loading9+%25281%2529.gif">https://3.bp.blogspot.com/-f71URg2c...DMIRhzJHcSNkowCKgB/s1600/loading9+%281%29.gif</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0AsY7PBtyFv66OiZOsKMLpDBg93V8gamxjDdE_daE_xHvRVJuM7cMIFyXsy2k4uLzXl1E16Ae8K9m6TrW5oTzuXEHkfkaST8VnJyYYuYPsZSCYHMljK4msQ35tmYgy7WeRTQL0DY0YfP/s1600/Loading3.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0AsY7PBtyFv66OiZOsKMLpDBg93V8gamxjDdE_daE_xHvRVJuM7cMIFyXsy2k4uLzXl1E16Ae8K9m6TrW5oTzuXEHkfkaST8VnJyYYuYPsZSCYHMljK4msQ35tmYgy7WeRTQL0DY0YfP/s1600/Loading3.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0AsY7PBtyFv66OiZOsKMLpDBg93V8gamxjDdE_daE_xHvRVJuM7cMIFyXsy2k4uLzXl1E16Ae8K9m6TrW5oTzuXEHkfkaST8VnJyYYuYPsZSCYHMljK4msQ35tmYgy7WeRTQL0DY0YfP/s1600/Loading3.GIF">https://4.bp.blogspot.com/-bysBmW2Z...uaY-bH8TWZzd-0Qf2y6FEACKgB/s1600/Loading3.GIF</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCERZaTsEXRyhHQv2l3IORBjQTFrCpdWRgcUfJXxYBUtHyIWq8LJAtLC7_fM6i4ISFrK_UjjIztAzImY7J-bPuniiNwrgqI7w2Bv6vvxIASDUaDYVQsHyPxoVkCUslK8o3JwK0jCXdhDvQ/s1600/Loading6.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCERZaTsEXRyhHQv2l3IORBjQTFrCpdWRgcUfJXxYBUtHyIWq8LJAtLC7_fM6i4ISFrK_UjjIztAzImY7J-bPuniiNwrgqI7w2Bv6vvxIASDUaDYVQsHyPxoVkCUslK8o3JwK0jCXdhDvQ/s1600/Loading6.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCERZaTsEXRyhHQv2l3IORBjQTFrCpdWRgcUfJXxYBUtHyIWq8LJAtLC7_fM6i4ISFrK_UjjIztAzImY7J-bPuniiNwrgqI7w2Bv6vvxIASDUaDYVQsHyPxoVkCUslK8o3JwK0jCXdhDvQ/s1600/Loading6.GIF">https://2.bp.blogspot.com/-HU3qFwQS...Ksk9csBIrAyMJk1X1bodlwCKgB/s1600/Loading6.GIF</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8eOU-PAcXMalIZz9c_R8vOyW7qCXG50zGnIdYU2z1R-Ailxjnlh93sQ3KEymKMYbvMj4AF1hwMHM1b1nleqCndjew2TU0gjqq4R56Wfha6nSU_Y1a5__vy65Z0YT2HnGjyX87SE55QDIo/s1600/Loading5.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8eOU-PAcXMalIZz9c_R8vOyW7qCXG50zGnIdYU2z1R-Ailxjnlh93sQ3KEymKMYbvMj4AF1hwMHM1b1nleqCndjew2TU0gjqq4R56Wfha6nSU_Y1a5__vy65Z0YT2HnGjyX87SE55QDIo/s1600/Loading5.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8eOU-PAcXMalIZz9c_R8vOyW7qCXG50zGnIdYU2z1R-Ailxjnlh93sQ3KEymKMYbvMj4AF1hwMHM1b1nleqCndjew2TU0gjqq4R56Wfha6nSU_Y1a5__vy65Z0YT2HnGjyX87SE55QDIo/s1600/Loading5.GIF">https://4.bp.blogspot.com/-HMZgi_8w...MwsrMZIXSUCEab8AVgzpRACKgB/s1600/Loading5.GIF</a><br /><br /></div><div dir="ltr">4.Selesai, Selanjutnya simpan template anda</div><div dir="ltr">Demikianlah artikel <b><a href="http://www.tutorialkeren.com/2016/06/menampilkan-fitur-image-loading-keren-blog.html">Cara Menampilkan Efek Loading di Blog</a></b> semoga bermanfaat, dan</div><div dir="ltr">Jangan lupa untuk berkunjung kembali ke "Tutorial Keren" untuk mendapatkan informasi-informasi </div><div dir="ltr"></div></div></p>

Cara mudah menampilkan efek loading di blog - bagi sebagian jenis blog misalnya blog toko online, blog wallpaper atau yang lainnya, efek l...

Free E-book Java Bahasa Indonesia

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPRv_a-rVQwF_JG8fsew_TqXoupl1_bB0xgc5pVJvwRxRfQ9qQeg0H81p3YrBV-51_0QTvBgZ0jcR74j4zQ99q86srQmN25uSndtFQrelV9ykGbyYfGsHXobhu5eYDS8AbQIcpT1utFnKj/s1600/java.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPRv_a-rVQwF_JG8fsew_TqXoupl1_bB0xgc5pVJvwRxRfQ9qQeg0H81p3YrBV-51_0QTvBgZ0jcR74j4zQ99q86srQmN25uSndtFQrelV9ykGbyYfGsHXobhu5eYDS8AbQIcpT1utFnKj/s1600/java.jpg" /></a></div>
<br />
<b>Java</b> adalah bahasa pemrograman yang dapat dijalankan di berbagai komputer termasuk telepon genggam. Bahasa ini awalnya dibuat oleh James Gosling saat masih bergabung di Sun Microsystems saat ini merupakan bagian dari Oracle dan dirilis tahun 1995. Bahasa ini banyak mengadopsi sintaksis yang terdapat pada C dan C++  namun dengan sintaksis model objek yang lebih sederhana serta dukungan  rutin-rutin aras bawah yang minimal. Aplikasi-aplikasi berbasis java  umumnya dikompilasi ke dalam p-code (<i>bytecode</i>) dan dapat dijalankan pada berbagai Mesin Virtual Java (JVM). Java merupakan bahasa pemrograman yang bersifat umum/non-spesifik (<i>general purpose</i>),  dan secara khusus didisain untuk memanfaatkan dependensi implementasi  seminimal mungkin. Karena fungsionalitasnya yang memungkinkan aplikasi  java mampu berjalan di beberapa platform sistem operasi yang berbeda, java dikenal pula dengan slogannya, "<i>Tulis sekali, jalankan di mana pun</i>".  Saat ini java merupakan bahasa pemrograman yang paling populer  digunakan, dan secara luas dimanfaatkan dalam pengembangan berbagai  jenis perangkat lunak aplikasi ataupun aplikasi berbasis web.(<a href="http://id.wikipedia.org/wiki/Java" target="_blank">wikipedia</a>) bila sobat ingin mempelajarinya lebih lanjut silakan <a href="http://adf.ly/cZ4Gj" target="_blank">download </a>pada link di bawah ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://adf.ly/cZ4Gj" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih0OBi2DwiJJ6I4diWEkwTHm2XY8xc3PiXSIsxr2z4w7udZxqB3nv1wIIJyl6dpxZ1-LWae3a8SKQ2soAnl1qvVB2KLczHcouoEmSkpr3t1jO3VbLLTTJ6nX3gkCprnVoxpqN5QLLksZ24/s1600/downloader.png" /></a></div>
</div>
</p>

Java adalah bahasa pemrograman yang dapat dijalankan di berbagai komputer termasuk telepon genggam. Bahasa ini awalnya dibuat oleh Jame...