D2D :]

Cara Cepat Membuat Template Blog Valid HTML5

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

Cara Cepat Membuat Template Blog Valid HTML5

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

Baca selengkapnya »

17.14

Keunggulan Template Blog Support Responsive

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

Keunggulan Template Blog Support Responsive

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

Baca selengkapnya »

09.28

Cosplayer Keren Final Fantasy VII

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

Cosplayer Keren Final Fantasy VII

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

Baca selengkapnya »

17.50

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

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

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

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

Baca selengkapnya »

22.20

Membuat Button Sederhana Dengan CSS Di Blog

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

Membuat Button Sederhana Dengan CSS Di Blog

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

Baca selengkapnya »

03.47

Membuat Fungsi $ Post Dengan Form HTML

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

Membuat Fungsi $ Post Dengan Form HTML

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

Baca selengkapnya »

16.21

D2D :]

Cara Cepat Membuat Template Blog Valid HTML5

Keunggulan Template Blog Support Responsive

Cosplayer Keren Final Fantasy VII

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

Membuat Button Sederhana Dengan CSS Di Blog

Membuat Fungsi $ Post Dengan Form HTML

Entri Populer

Arsip Blog