Keunggulan Template Blog Support Responsive

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

Keunggulan Template Blog Support Responsive

Keunggulan Template Blog Support Responsive | Akhir ini, banyak designer template blog yang menggunakan media responsive. Contoh template responsive adalah ini. Lalu apa itu responsive? mengapa muncul ? apa keunggulannya?Template Blogger Responsive adalah template (theme) blog dengan platform Blogge…

Baca selengkapnya »

Cosplayer Keren Final Fantasy VII

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

Cosplayer Keren Final Fantasy VII

Cosplayer Keren Final Fantasy VII | Anima 3D yang sudah lama tanyang ini, sampai sekarang asih dinikmati banyak kalangan. Juga telah 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 - cosp…

Baca selengkapnya »

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

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

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

Biodata Takeru Sato (Kenshin Himura) Di Rurouni Kenshin The Movie | Benar - benar ini adalah artikel yang telat publis, setelah jalan - 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 …

Baca selengkapnya »

Membuat Button Sederhana Dengan CSS Di Blog

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

Membuat Button Sederhana Dengan CSS Di Blog

Membuat Button Sederhana Dengan CSS Di Blog | Ada banyak bentuk dan macam button tergantung bumbu CSS yang kita buat. Button yang baik menurut saya, adalah yang simple dan mudah dibaca oleh reader. Tapi tidak adalah salahnya jika anda memakai button default yang sudah ada pada HTML. Contoh tombol di…

Baca selengkapnya »

Membuat Fungsi $ Post Dengan Form HTML

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

Membuat Fungsi $ Post Dengan Form HTML

Membuat Fugsi Get Post Dengan Form HTML  | Mengembangkan sebuah aplikasi web, seorang developer dihadapkan kepada beberapa opsi dalam melakukan update, insert, dan delete record database. Dan itu semua diawali pada penggunaan form dengan berbagai action dan method. Begitupun halnya pada implementasi…

Baca selengkapnya »

Membuat Fungsi Switch PHP Dengan Form HTML

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

Membuat Fungsi Switch PHP Dengan Form HTML

Membuat Fungsi Switch PHP Dengan Form HTML | Terakhir kali adalah artikel Memodifikasi List Order, kali ini kembali ke masalah PHP. Kita bicara tentang Switch, memang kenyataannya dalam membuat program yang berkaitan dengan daftar list yang menampilkan hari, dan lain-lain sangat sulit dikerjakan d…

Baca selengkapnya »