D2D :]

Perbedaan HTML4 dan HTML5

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS8-hd2yZVvsz84XfrGIoY94EWAvJDZrbFBAaTfL-UVfOdlv9RDXttMFelfwQFDo-ZcMx_QZn3EsMJ5VAnLyAAFAzZzz5Ks3v8dUgg_xigUg5Ozx-0NksJcavbwveDMys1NUq1Yja-t-iW/s1600/HTML5_sticker.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Perbedaan HTML4 dan HTML5" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS8-hd2yZVvsz84XfrGIoY94EWAvJDZrbFBAaTfL-UVfOdlv9RDXttMFelfwQFDo-ZcMx_QZn3EsMJ5VAnLyAAFAzZzz5Ks3v8dUgg_xigUg5Ozx-0NksJcavbwveDMys1NUq1Yja-t-iW/s400/HTML5_sticker.png" title="Perbedaan HTML4 dan HTML5" width="400" /></a></div><br />Perbedaan HTML4 dan HTML5 | HTML singkatan dari Hyper Text Markup Language,dalam arti umum,sebuah web adalah sebuah dokumen HTML, yang mana sebuah HTML itu sendiri merupakan bahasa yang menggunakaan tanda-tanda tertentu (Tag) untuk menyatakan kode-kode yang harus diterjemahkan oleh Browser,agar halaman dapat di tampilkan secara benar. HTML saat ini dikendalikan oleh W3C ( World Wide Web Consortium ). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).<br /><br />Sejarah HTML :<br /><br />1. HTML 2.0 — (RFC 1866) disetujui sebagai standar 22 09 1995,<br /><br />2. HTML 3.2 — 14 Januari 1996,<br /><br />3. HTML 4.0 — 18 Desember 1997,<br /><br />4. HTML 4.01 (minor fixes) — 24 Desember 1999,<br /><br />5. ("ISO HTML", berdasar pada HTML 4.01 Strict) — 15 Mei 2000.<br /><br />6. HTML 5 masih dalam draft pengerjaan — Januari 2008 hingga sekarang.<div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"></div><style type="text/css">table[border="1"] {border-collapse:collapse;font:normal normal 11px Trebuchet,"Trebuchet MS",Arial,Sans-Serif;color:#3366CC;} table[border="1"] tr {background:#E1D4C1;} table[border="1"] th, table[border="1"] caption, table[border="1"] td {vertical-align:top;padding:5px 15px;border:1px solid #fff;} table[border="1"] td:nth-child(odd) {background:#F5EDE3;} table[border="1"] th {background:#104386;color:#99CCFF;font-weight:bold;} </style> <br /><table border="1"><tbody><tr><th>HTML4</th><th>HTML5</th></tr><tr><td>Penulisan syntax DOCTYPE lebih panjang dan rumit</td><td>Cukup dengan <!DOCTYPE HTML></td></tr><tr><td>Menggunakan Flash pada aplikasi audio dan video</td><td>Terdapat tag video, audio dan canvas</td></tr><tr><td>Penggunaan Browse Cache untuk penyimpanan sementara</td><td>Memiliki Data Storage untuk penyimpanan yang berkapasitas lebih besar</td></tr><tr><td>Kuno / masih menggunakan Browser yang out of date</td><td>Modern / telah memiliki support yang selalu UPDATE pada browsernya.</td></tr><tr><td>JavaScript browser memperlambat kinerja komputer </td><td>Dapat memperlancar tugas secara sekaligus.</td></tr></tbody></table><br />Contoh Doctype : ¨    HTML4 / XHTML    ¨    HTML5    Harap diperhatikan untuk membuat doctype pada html5 tanda seru (!) dan DOCTYPE tanpa spasi.

Perbedaan HTML4 dan HTML5

Perbedaan HTML4 dan HTML5 | HTML singkatan dari Hyper Text Markup Language,dalam arti umum,sebuah web adalah sebuah dokumen HTML, yang mana ...

Baca selengkapnya »

04.51

7 Kamen Rider Paling Kuat

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUBuV-Ae03ics2nYBkXMTsrVzDePkshATNooiQpSXVW_5uyAAfYZg5f8ymcv8SSOYNc9jZZFqVKHMEEhq8J280ZatbO3zEFXvEEGhAsw5GBSWwY9bMjabNyXlblhFaplP6jxK-RdZ-S4zc/s1600/kamen+rider+7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="7 Kamen Rider Paling Kuat" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUBuV-Ae03ics2nYBkXMTsrVzDePkshATNooiQpSXVW_5uyAAfYZg5f8ymcv8SSOYNc9jZZFqVKHMEEhq8J280ZatbO3zEFXvEEGhAsw5GBSWwY9bMjabNyXlblhFaplP6jxK-RdZ-S4zc/s400/kamen+rider+7.jpg" title="7 Kamen Rider Paling Kuat" width="400" /></a></div><br />7 Kamen Rider Paling Kuat | Huwaaahh, lama banget belum buat artikel. Kali ini aku sempatkan nulis yang jauh dari tema blog ini. Selain Death Note aku adalah penggemar berat Kamen Rider. Berubah dengan belt dan selalu menggunakan mantra "Henshin" menjadi daya tarik ku. Lalu siapa saja yang menjadi 7 Kamen Rider Paling Kuat Versi Wammy ?<br /><br />1. Decade<br /><br />Kamen rider yang kebetulan lewat, ingat itu...Ini serial yang baru-baru ini saya tonton dan  katanya bakal selesai di episode 30.  Kamen Rider Decade ini merupakan Kamen Rider ke<b>sepuluh</b> di masa  Kamen Rider Heisei, sesuai kayak namanya ‘<a href="http://www.bocahit.com/2013/01/karakter-kamen-rider-yang-ingin-di.html" target="_blank">Decade</a>’ bagi yang belum  tau, Kamen Rider Heisei itu dimulai semenjak Kamen Rider Kuuga sampe  sekarang. Kamen Rider yang jadul-jadul dulu belum termasuk era Heisei.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://fc06.deviantart.net/fs47/f/2009/239/5/e/Final_Attack_Ride__DECADE_by_KYQ.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="7 Kamen Rider Paling Kuat" border="0" height="240" src="http://fc06.deviantart.net/fs47/f/2009/239/5/e/Final_Attack_Ride__DECADE_by_KYQ.jpg" title="7 Kamen Rider Paling Kuat" width="320" /></a></div>Nah, kekuatan Decade itu dimulai dari dia bisa berubah jadi 9 kamen rider. Bisa berubah sama dengan bisa menggunakan Final Attacked Rider. Bukan hanya itu, Decade bisa memanggil 9 Kamen Rider sekaligus dan menggunakan mereka sebagai Final Form Rider. <br /><br />2. Kuuga<br /><br />Ini adalah henshin ku...Kenapa saya memilih Kuuga ? yups, kuuga adalah kamen rider yang paling jahat (dari cerita kuuga) beberapa bentuk kuuga memiliki kemampuan khusus. Terbang, tahan api, jago membidik, di siang hari, jado pedang, dan bentuk kuuga yang berwarna hitam emas. Semua pasti tahu, final attacked rider.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvZvlNR-ejZXgumM-ifcYw3V5CfWW2uLQGvPL2rmi5OdhfXc6Oh4_vOHLf41kRS9TsyWVyM2PgRTdsl6vXLWXSJqU_lRZmPJaxg3tSiLUvpFsyuTPwF7y-seo1egtPHQRx34An4iruAcmA/s1600/Kamen_rider_Kuuga_Rising_Ult__by_captingun.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="7 Kamen Rider Paling Kuat" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvZvlNR-ejZXgumM-ifcYw3V5CfWW2uLQGvPL2rmi5OdhfXc6Oh4_vOHLf41kRS9TsyWVyM2PgRTdsl6vXLWXSJqU_lRZmPJaxg3tSiLUvpFsyuTPwF7y-seo1egtPHQRx34An4iruAcmA/s400/Kamen_rider_Kuuga_Rising_Ult__by_captingun.jpg" title="7 Kamen Rider Paling Kuat" width="400" /></a></div><br />3. Wizard<br /><br />Please, please, please....perubahan dan suara yang aneh, tapi menurut ku <a href="http://www.bocahit.com/2013/02/fakta-menarik-kamen-rider-wizard.html" target="_blank">Wizard</a> masuk nominasi, kenapa? wizard memang seperti avatar, menggunakan 4 elemen untuk bertarung tapi selain itu, wizard memiliki Kage Bunshin No Jutsu (jurus seribu banyangan) tapi bukan seperti naruto, wizard bisa memanggil bentuknya yang lain untuk bertarung. Ditambah pemeran wanitanya memang cantik - cantik : D Mau tau fakta menarik tentang <a href="http://www.bocahit.com/2013/02/fakta-menarik-kamen-rider-wizard.html" target="_blank">Kamen Rider Wizard</a> ?<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja-OVlFhAfv3Ajxvgtip8VFof_BlOK6Fm5iEDHejIAPHTTDZwP0I6H-nJeSWis2V_o6gtPx_6xnhbMrvkZPdGtEon4AaUBnfAWp73IJOpTlHo8Wl7Bhv5LSE1-3t8I8DBT60DuyDCDQNZh/s1600/wizard.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="7 Kamen Rider Paling Kuat" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja-OVlFhAfv3Ajxvgtip8VFof_BlOK6Fm5iEDHejIAPHTTDZwP0I6H-nJeSWis2V_o6gtPx_6xnhbMrvkZPdGtEon4AaUBnfAWp73IJOpTlHo8Wl7Bhv5LSE1-3t8I8DBT60DuyDCDQNZh/s400/wizard.png" title="7 Kamen Rider Paling Kuat" width="400" /></a></div><br />4. Faiz 555<br /><br />Stand by...555  ini adalah kamen rider favorit ku, kenapa ? faiz memiliki bentuk excell (gerakan yang cepat) masing - masing bentuk punya final attacked yang beda, apalagi ketika faiz menghubungkan dirinya ke satelit smart brain benar - benar keren.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY0QvGIeG_PiBy7MuTsQrZCyp2CyJJ_wMIm98A1UE9TPmG72qgqJqzta66jdNshwNt6cqeECxy0SOKWYeNWkVGVZBEXHnrWdUvNKoqLA2DKFQyT-nZ5cWMWZJ5FkoAH7Cg5HKJip-NwUfx/s1600/faiz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="7 Kamen Rider Paling Kuat" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY0QvGIeG_PiBy7MuTsQrZCyp2CyJJ_wMIm98A1UE9TPmG72qgqJqzta66jdNshwNt6cqeECxy0SOKWYeNWkVGVZBEXHnrWdUvNKoqLA2DKFQyT-nZ5cWMWZJ5FkoAH7Cg5HKJip-NwUfx/s400/faiz.jpg" title="7 Kamen Rider Paling Kuat" width="306" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">5. Kabuto</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Kecepatan dan limit of time...keren dan menakutkan, kecepatan yang menyamai miliki faiz, dan ditambah limit of time, waktu seakan berhenti. Tetapi Kabuto menurut saya memiliki kelemahan di bagian final attacked karena sikap setelah menyerang tidak langsung "nyantai"seperti decade dan faiz. </div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwmaQ7DcQqxcD5wsQ3F7mEaV9oplBC42-dLLTBlgt_ACIdgxMWLNj96_e-zNXXQxEhYahyphenhyphenV2bEfqTUA5SrAEt9Jnvo8BGdXwNp7a7UGhQABBvTGZ9Nxg05hR20b1AUD-K0cdCg7jSklJSb/s1600/KABUTO.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="7 Kamen Rider Paling Kuat" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwmaQ7DcQqxcD5wsQ3F7mEaV9oplBC42-dLLTBlgt_ACIdgxMWLNj96_e-zNXXQxEhYahyphenhyphenV2bEfqTUA5SrAEt9Jnvo8BGdXwNp7a7UGhQABBvTGZ9Nxg05hR20b1AUD-K0cdCg7jSklJSb/s400/KABUTO.jpg" title="7 Kamen Rider Paling Kuat" width="400" /></a></div><br />6. Double<br /><br />Kamen Rider baru ini, memang aneh dan unik, digunakan bersama 2 orang juga bisa berubah 1 orang. Aku tidak bisa nyebut kekuatannya apa saja, karena memang aneh dan banyak banget, jadi intinya kuat.<br /><br /><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/AVvXsEgfGkvkSwAuuAkuXvX-2XnR55vhiAgSAa1_dISZATda7WG3w6-RTZ85yCs0sV8LK5-tCe3U6VPTF4A6iBabtf3YE6LzeHDZhcGrUzHRxwA6fHQu5aj4dx69S6_bCmgcDdpQ_BhhPAw8gL5N/s1600/kamen+rider+double+cyclonejoker.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="7 Kamen Rider Paling Kuat" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGkvkSwAuuAkuXvX-2XnR55vhiAgSAa1_dISZATda7WG3w6-RTZ85yCs0sV8LK5-tCe3U6VPTF4A6iBabtf3YE6LzeHDZhcGrUzHRxwA6fHQu5aj4dx69S6_bCmgcDdpQ_BhhPAw8gL5N/s400/kamen+rider+double+cyclonejoker.jpg" title="7 Kamen Rider Paling Kuat" width="400" /></a></div><br />7. Den O<br /><br />4 setan yang selalu merasuki Ryotaro, membuat Den O menjadi kuat, apalagi ketika mereka di gabungkan. Den O Liner Form. Keren, kocak, kuat, super aneh....<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgE_yO5VVOESLK64gDHudvXtCx7iqdqn0yIkusZXZktPcIQlSlv7yZp992GKINybDnsrpYs18CFNiV29QtlWn1Cz3rhPp7YUV2bV5UcFd5XUoehbRHzd-K8SyjDF4tecYxy4kPR0qMV0xg/s1600/Kamen_Rider_Den-O_Sword_Form.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="7 Kamen Rider Paling Kuat" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgE_yO5VVOESLK64gDHudvXtCx7iqdqn0yIkusZXZktPcIQlSlv7yZp992GKINybDnsrpYs18CFNiV29QtlWn1Cz3rhPp7YUV2bV5UcFd5XUoehbRHzd-K8SyjDF4tecYxy4kPR0qMV0xg/s400/Kamen_Rider_Den-O_Sword_Form.jpg" title="7 Kamen Rider Paling Kuat" width="400" /></a></div><br />Mau tau, karakter kamen rider yang ingin di pacari wanita ? <a href="http://www.bocahit.com/2013/01/karakter-kamen-rider-yang-ingin-di.html" target="_blank">klik disini</a>.

7 Kamen Rider Paling Kuat

7 Kamen Rider Paling Kuat | Huwaaahh, lama banget belum buat artikel. Kali ini aku sempatkan nulis yang jauh dari tema blog ini. Selain Deat...

Baca selengkapnya »

05.25

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 »

06.14

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 »

00.29

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 »

03.53

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 »

05.31

D2D :]

Perbedaan HTML4 dan HTML5

7 Kamen Rider Paling Kuat

Membuat Expendable Komentar Terbaru Dengan Jquery

6 Template Blogger Responsive

Membuat Back To Top Show/Hide Dengan Jquery

Cara Mengubah Data Dengan PHP Dan MySQL

Entri Populer

Arsip Blog