Pembaca Berita Cantik Dan Seksi : Aviani Malik

Presenter Cantik Dan Seksi : Aviani Malik | Hai balik lagi,,ga sengaja tadi lihat salah satu acara berita di Metro TV, lupa apa namanya. Yang ku perhatikan cuma pembaca beritanya aja, selain cantik juga pinter (kelihatannya). Nah kalau anda belajar di jurasan jurnalistik atau broadcester, mungkin wanita bisa dijadikan semangat.. Waktu itu aku, belum tahu siapa namanya...terpaksa dech nonton sampai selesai, kan di akhir acara, pasti ada kata "Saya bla bla bla bla...". Aviani Malik, langsung dech cari di eyang google. Sapa tahu ada berita baru. Akhirnya dapet yang beginian....Asik dapet, ide buat artikel nich. Bosan juga masalah sekrip...<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZGDJ7SG18leWYXvv93OkaYupEfttUte3ZJzspVHN-7-ULT7RwKfGHK6EysEUv1zJRpwJRebdIN52QFQYg3ValVgJXojersABDFRtRuG3mwqyqXcat-ZGTXgJBwXKfHcfbFj-KHhQz8cu/s1600/aviani2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZGDJ7SG18leWYXvv93OkaYupEfttUte3ZJzspVHN-7-ULT7RwKfGHK6EysEUv1zJRpwJRebdIN52QFQYg3ValVgJXojersABDFRtRuG3mwqyqXcat-ZGTXgJBwXKfHcfbFj-KHhQz8cu/s400/aviani2.JPG" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihAZ0dPkb_walNburRV6ZpMC6UHvM-_rIPFS18FaZYmQBY09o3SxHHEleW3mEGFWEvwTQx5YvRswYfbfaiEayBNhFdwTYLTDuyHB5kPLFiNMk7vUIoaa-fCdZJsrJeIuIsZVZZQYCGqvbp/s1600/aviani5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihAZ0dPkb_walNburRV6ZpMC6UHvM-_rIPFS18FaZYmQBY09o3SxHHEleW3mEGFWEvwTQx5YvRswYfbfaiEayBNhFdwTYLTDuyHB5kPLFiNMk7vUIoaa-fCdZJsrJeIuIsZVZZQYCGqvbp/s400/aviani5.jpg" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy_WBjgOOBzGCxJdnK68cvYbtUFpfKbldhipwOErQq0M-wlFl0JhHazGtrReSxadh6OaTv33Q2gnl5pyGc9TTKbmSEavzisjsyqgM3VInW_fOIZATstIltv8Tv3q6ZklEbpmZMaooN9Oem/s1600/aviani6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy_WBjgOOBzGCxJdnK68cvYbtUFpfKbldhipwOErQq0M-wlFl0JhHazGtrReSxadh6OaTv33Q2gnl5pyGc9TTKbmSEavzisjsyqgM3VInW_fOIZATstIltv8Tv3q6ZklEbpmZMaooN9Oem/s400/aviani6.jpg" width="300" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyJpA-dCjRUQRKTpQmr_hiN5SDZpLcoK00D3S0xo96kbEl3hyphenhyphenKUYmkRHQaPBR2WP5OgzeSxTYWz3WeESdhEwMV08_v5O2bjzHXZKVAw2tUyohybN9ayR2vFTwFeYCZuku0_BErjQpdoux/s1600/aviani1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyJpA-dCjRUQRKTpQmr_hiN5SDZpLcoK00D3S0xo96kbEl3hyphenhyphenKUYmkRHQaPBR2WP5OgzeSxTYWz3WeESdhEwMV08_v5O2bjzHXZKVAw2tUyohybN9ayR2vFTwFeYCZuku0_BErjQpdoux/s400/aviani1.jpg" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ369109JU2-jDZfn0we6j7J_v1GUPZReexbvDavflHz037Iai0Uat-OrwRcC5V7Io6KrJRgw_bBHMY5_2sHO1-OXsc-MQ0T_AnnHjcKdcsG0UUkWvdAkrAY5Uim73hMkK9fEHec9dGsZ-/s1600/aviani4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ369109JU2-jDZfn0we6j7J_v1GUPZReexbvDavflHz037Iai0Uat-OrwRcC5V7Io6KrJRgw_bBHMY5_2sHO1-OXsc-MQ0T_AnnHjcKdcsG0UUkWvdAkrAY5Uim73hMkK9fEHec9dGsZ-/s400/aviani4.jpg" width="387" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwELDunB18OFCMZTcOpwSHWetndnv09wpQn05LvEJAuy7lAjqIKb1TgO0WwYagSREYTnyZCt4VlSLyXGonqj6dB6oY6uFBS_tC0a_DMfD3GBiGzoeMPEfQzPB4sbUfLdsmGlAsWN0Xyln/s1600/Aviani+malik.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwELDunB18OFCMZTcOpwSHWetndnv09wpQn05LvEJAuy7lAjqIKb1TgO0WwYagSREYTnyZCt4VlSLyXGonqj6dB6oY6uFBS_tC0a_DMfD3GBiGzoeMPEfQzPB4sbUfLdsmGlAsWN0Xyln/s400/Aviani+malik.jpg" width="332" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCskLt7DvNTd6DoGh_XOmiB6UHAjZqSaICMvQUYF59hLdtIrV7biF8oyDR06_0XTEaSNTvOLpulYXg2l8CPiadXkcuWRbaB1pm2L9uuTYVtHD_vyKmcEHc5527Emu4SZik_jK86t4Fw56U/s1600/aviani3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCskLt7DvNTd6DoGh_XOmiB6UHAjZqSaICMvQUYF59hLdtIrV7biF8oyDR06_0XTEaSNTvOLpulYXg2l8CPiadXkcuWRbaB1pm2L9uuTYVtHD_vyKmcEHc5527Emu4SZik_jK86t4Fw56U/s640/aviani3.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg34VOMyRKl0Ha4dgLC3lLVyMQNsxrIaqljA4uH5JsqQ0OKIAiJ30RKfjeaSkOKT-N5NkG-DYULj_1trfZCHBO2QZQFOiLkd_p0RsfST5l0ic2yR3VDWb7QeQmVQ-1QKPQFCxDw_lInuujw/s1600/aviani7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg34VOMyRKl0Ha4dgLC3lLVyMQNsxrIaqljA4uH5JsqQ0OKIAiJ30RKfjeaSkOKT-N5NkG-DYULj_1trfZCHBO2QZQFOiLkd_p0RsfST5l0ic2yR3VDWb7QeQmVQ-1QKPQFCxDw_lInuujw/s400/aviani7.jpg" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVDvcBM2oGrmTs-o1vWVOqpRREB6GWkqRlABlwSWqmAog-QlGstedTrWfHgxkVEUMlFGtt2-A8oHUWXkWQk-SFxmqHR3V6gONdv3qckYByClw-2spLYs5a859lC8ilMThg3wq-2PXc8w4w/s1600/aviani8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVDvcBM2oGrmTs-o1vWVOqpRREB6GWkqRlABlwSWqmAog-QlGstedTrWfHgxkVEUMlFGtt2-A8oHUWXkWQk-SFxmqHR3V6gONdv3qckYByClw-2spLYs5a859lC8ilMThg3wq-2PXc8w4w/s400/aviani8.jpg" width="390" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTZj0reIwB4zK68J6xMjrI6dEbJm-77p14tnDmUkaHSQ9VclRqPzOmnzphTugwIXSjZuYRxiNpzrGuLvT6AKs-nCeijxkrvLLwxf4Dcm66IiMA4yCtuk4EMDYShyphenhyphenPUQzlLl2qu4s6WT2M/s1600/aviani9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTZj0reIwB4zK68J6xMjrI6dEbJm-77p14tnDmUkaHSQ9VclRqPzOmnzphTugwIXSjZuYRxiNpzrGuLvT6AKs-nCeijxkrvLLwxf4Dcm66IiMA4yCtuk4EMDYShyphenhyphenPUQzlLl2qu4s6WT2M/s640/aviani9.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y4-R4VyvML2c_06Jncryw6gAj3uGiNYFafvIsXDPSTB11y1-hsoSEFjFglUKI0rby6Si1a0rpTYSrfgQ-ghBXMG_OWfpzC3otz68NYzv1qvd2CcDhfwPeYFCnz2bgfxpGuJaefBzPWg_/s1600/aviani10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="479" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y4-R4VyvML2c_06Jncryw6gAj3uGiNYFafvIsXDPSTB11y1-hsoSEFjFglUKI0rby6Si1a0rpTYSrfgQ-ghBXMG_OWfpzC3otz68NYzv1qvd2CcDhfwPeYFCnz2bgfxpGuJaefBzPWg_/s640/aviani10.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NYWr77sUgw_7ewyzFfH6Mppbd5DDbjp8Jw5dzWq3hhCLzzU6e4Utx0cMkSXgmZyx_oaq6fwQBISV9Ue4-IivVaPlfo-sevq05NZpNvkMwWqHsrpTg4li9Hc8vqpr2JWSZP5S80uHxj-m/s1600/malik1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NYWr77sUgw_7ewyzFfH6Mppbd5DDbjp8Jw5dzWq3hhCLzzU6e4Utx0cMkSXgmZyx_oaq6fwQBISV9Ue4-IivVaPlfo-sevq05NZpNvkMwWqHsrpTg4li9Hc8vqpr2JWSZP5S80uHxj-m/s640/malik1.jpg" width="426" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghYcCD1RaUtUvLG4by6XCE33gyRw1niBozaonvrH8-FQgsDF14E4vTmcZyOBRK8JPTPP0PxA6QZHxYxkd4wKDdR4huFLOaWu-_PTm734zcVmhXNoMAxJLCM-VITZSAVbynHHQYgaCrzA7M/s1600/malik2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghYcCD1RaUtUvLG4by6XCE33gyRw1niBozaonvrH8-FQgsDF14E4vTmcZyOBRK8JPTPP0PxA6QZHxYxkd4wKDdR4huFLOaWu-_PTm734zcVmhXNoMAxJLCM-VITZSAVbynHHQYgaCrzA7M/s640/malik2.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41MG-hzCTJsdrwH2isv2fq8EiqiPIOZzF-0qSHfJVxvp7R1hhh1dxQEYWtfwFgtgKJ4xw9Aa4vv5RCBFyjY39AxiRgZw_4JZxe7U6Ukoz3DitWchS_Aem8QmAZjSZauys-8PcPsYHDvCF/s1600/malik3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41MG-hzCTJsdrwH2isv2fq8EiqiPIOZzF-0qSHfJVxvp7R1hhh1dxQEYWtfwFgtgKJ4xw9Aa4vv5RCBFyjY39AxiRgZw_4JZxe7U6Ukoz3DitWchS_Aem8QmAZjSZauys-8PcPsYHDvCF/s640/malik3.jpg" width="480" /></a></div><br />

Pembaca Berita Cantik Dan Seksi : Aviani Malik

Presenter Cantik Dan Seksi : Aviani Malik | Hai balik lagi,,ga sengaja tadi lihat salah satu acara berita di Metro TV, lupa apa namanya. Yang ku perhatikan cuma pembaca beritanya aja, selain cantik juga pinter (kelihatannya). Nah kalau anda belajar di jurasan jurnalistik atau broadcester, mungkin wa…

Baca selengkapnya »

Cara Membuat Form Login Admin Dengan Javascript & CSS3

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFuDZos93Go45IQs6equhNsgrYmGk2dogttaHIU_L6slVVaBEbIrrAi21dlFLgQsI3gsWESV3YyOASXDxxk4_-pLAnB_yPkXcq9PlNxl3SG1U3ByxYg8ocwPzl7ZvsSKelGP_EIBcZ694/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Form Login Admin Dengan Javascript & CSS3" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFuDZos93Go45IQs6equhNsgrYmGk2dogttaHIU_L6slVVaBEbIrrAi21dlFLgQsI3gsWESV3YyOASXDxxk4_-pLAnB_yPkXcq9PlNxl3SG1U3ByxYg8ocwPzl7ZvsSKelGP_EIBcZ694/s320/Capture.PNG" title="Cara Membuat Form Login Admin Dengan Javascript & CSS3" width="320" /></a></div>Cara Membuat Form Login Admin Dengan Javascript & CSS3 | Hai, ketemu saya lagi. Kali ini, kita oprek masalah login. Yang pasti ini digunakan untuk web dinamis yang kita bangun. Emmm, jika kemarin adalah form signup yang bisa di ubah ke form kontak, form login ini, juga bisa di sulap jadi form kontak sesuai dengan kreatifitas anda.<br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">Javascript, Form Login</span></h3><pre class="brush:js;">$(function(){<br /><br /> // Mengecek dukungan CSS3 3D<br /> $.support.css3d = supportsCSS3D();<br /><br /> var formContainer = $('#formContainer');<br /><br /> $('.flipLink').click(function(e){<br /><br /> <br /> formContainer.toggleClass('flipped');<br /><br /> // Pilihan jika tidak support<br /> if(!$.support.css3d){<br /> $('#login').toggle();<br /> }<br /> e.preventDefault();<br /> });<br /><br /> formContainer.find('form').submit(function(e){<br /><br /> e.preventDefault();<br /> });<br /><br /> function supportsCSS3D() {<br /> var props = [<br /> 'perspectiveProperty', 'WebkitPerspective', 'MozPerspective'<br /> ], testDom = document.createElement('a');<br /><br /> for(var i=0; i<props.length; i++){<br /> if(props[i] in testDom.style){<br /> return true;<br /> }<br /> }<br /><br /> return false;<br /> }<br />});<br /></pre><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">CSS3, Style Form</span></h3><pre class="brush:js;">#formContainer{<br /> width:288px;<br /> height:321px;<br /> margin:0 auto;<br /> position:relative;<br /> z-index:1;<br /> <br /> -moz-perspective: 800px;<br /> -webkit-perspective: 800px;<br /> perspective: 800px;<br />}<br /><br />#formContainer form{<br /> width:100%;<br /> height:100%;<br /> position:absolute;<br /> top:0;<br /> left:0;<br /> <br /> -moz-transform-style: preserve-3d;<br /> -webkit-transform-style: preserve-3d;<br /> transform-style: preserve-3d;<br /> <br /> -moz-backface-visibility: hidden;<br /> -webkit-backface-visibility: hidden;<br /> backface-visibility: hidden;<br /> <br /> -moz-transition:0.8s;<br /> -webkit-transition:0.8s;<br /> transition:0.8s;<br /> <br /> -moz-animation: pulse 2s infinite;<br /> <br /> -webkit-animation: pulse 2s infinite;<br />}<br /><br /><br />/* Firefox Keyframe Animation */<br />@-moz-keyframes pulse{<br /> 0%{ box-shadow:0 0 1px #008aff;}<br /> 50%{ box-shadow:0 0 8px #008aff;}<br /> 100%{ box-shadow:0 0 1px #008aff;}<br />}<br /><br />/* Webkit keyframe animation */<br />@-webkit-keyframes pulse{<br /> 0%{ box-shadow:0 0 1px #008aff;}<br /> 50%{ box-shadow:0 0 10px #008aff;}<br /> 100%{ box-shadow:0 0 1px #008aff;}<br />}<br /><br />#login{<br /> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2LBuKjRkvutwCz8LL3ebqtuG-N6pLYiPn4LgjxZxNjgs_GfMtxfI8pSQuMzoTE92xVbICzsUK2apqk_l0ibfoBZFKeRoQorJFJT6b9_mKPqsragHYUIwd-nAM30unotsCRHMNqY3y2lOH/s321/login_form_bg.jpg) no-repeat;<br /> z-index:100;<br />}<br /><br />#recover{<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaJHOY_XO7QqYOdARKXwoLLeKkUy86GVwYz7o5uMkfReCjd3iBy_z3piOys7Wib5CV2dfZfWih-0GIjoNNCNbnOW4aQ2CJK8tZro0S4gEhtCqSG0weT2NMR2YcQUgQRqqZ2M0gJkyyqZKj/s321/recover_form_bg.jpg) no-repeat;<br /> z-index:1;<br /> opacity:0;<br /> <br /> -moz-transform:rotateY(180deg);<br /> -webkit-transform:rotateY(180deg);<br /> transform:rotateY(180deg);<br />}<br /><br />#formContainer.flipped #login{<br /> <br /> opacity:0;<br /> <br /> <br /> -moz-transform:rotateY(-180deg);<br /> -webkit-transform:rotateY(-180deg);<br /> transform:rotateY(-180deg);<br />}<br /><br />#formContainer.flipped #recover{<br /> <br /> opacity:1;<br /> <br /> -moz-transform:rotateY(0deg);<br /> -webkit-transform:rotateY(0deg);<br /> transform:rotateY(0deg);<br />}<br /></pre><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">CSS3, Untuk Input, Links & Button</span></h3><pre class="brush:js;">#login .flipLink,<br />#recover .flipLink{ <br /> height: 65px;<br /> overflow: hidden;<br /> position: absolute;<br /> right: 0;<br /> text-indent: -9999px;<br /> top: 0;<br /> width: 65px;<br />}<br /><br />#recover .flipLink{<br /> right:auto;<br /> left:0;<br />}<br /><br />#login:after{<br /> /* "Click here" tooltip */<br /> width:98px;<br /> height:16px;<br /> content:'';<br /> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklwSjcW-mCsqXnes9nM3FNlBa2niHU9T1GgXreCERbAP-C-XpXzuqG6VmFKkgGxqQ0NU0o3yXhTCWHqdwiJaNHiMqCC1doQe-SpS_s_mz0s4Ipr-m76uGYFjsR0dKpY39FYdv2o9tL_hr/s98/click_here.png) no-repeat;<br /> position:absolute;<br /> right:-120px;<br /> top:22px;<br />}<br /><br />input[type=text],input[type=password]{<br /> /* text fields */<br /> font: 15px 'Segoe UI',Arial,sans-serif;<br /> border: none;<br /> background:none;<br /> height: 36px;<br /> left: 26px;<br /> position: absolute;<br /> top: 176px;<br /> width: 234px;<br /> text-indent: 8px;<br /> text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);<br /> color:#eee;<br /> outline:none;<br />}<br /><br />#loginPass{<br /> top: 215px;<br />}<br /><br />#recoverEmail{<br /> top:215px;<br />}<br /><br />input[type=submit]{<br /> <br /> /* Submit button */<br /> <br /> opacity:0.9;<br /> position:absolute;<br /> top:262px;<br /> left:25px;<br /> width: 239px;<br /> height:36px;<br /> cursor:pointer;<br /> border-radius:6px;<br /> box-shadow:0 1px 1px #888;<br /> border:none;<br /> color:#fff;<br /> font:14px/36px 'Segoe UI Light','Segoe UI',Arial,sans-serif;<br /> <br /> /* CSS3 Gradients */<br /> <br /> background-image: linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> background-image: -o-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> background-image: -moz-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> background-image: -webkit-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> background-image: -ms-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);<br /> <br /> background-image: -webkit-gradient(<br /> linear,<br /> left bottom,<br /> left top,<br /> color-stop(0.5, rgb(80,102,127)),<br /> color-stop(0.5, rgb(87,109,136)),<br /> color-stop(1, rgb(106,129,155))<br /> );<br />}<br /><br />input[type=submit]:hover{<br /> opacity:1;<br />}<br /><br />input::-webkit-input-placeholder {<br /> color:#eee;<br />}<br /></pre><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">HTML, Form Login</span></h3><pre class="brush:js;"><div id="formContainer"><br /><form action="./" id="login" method="post"><br /><a class="flipLink" href="./" id="flipToRecover">Forgot?</a><br /> <input id="loginEmail" name="loginEmail" placeholder="Email" type="text" /><br /> <input id="loginPass" name="loginPass" placeholder="Password" type="password" /><br /> <input name="submit" type="submit" value="Login" /><br /> </form><br /><form action="./" id="recover" method="post"><br /><a class="flipLink" href="./" id="flipToLogin">Forgot?</a><br /> <input id="recoverEmail" name="recoverEmail" placeholder="Your Email" type="text" /><br /> <input name="submit" type="submit" value="Recover" /><br /> </form><br /></div><br /></pre>Lihat, demo yang ada di bawah ini...<br /><br /><div style="text-align: center;"><a class="button" href="http://adf.ly/MRX5F" target="_blank" title="Download Gambar"> Download Gambar</a>                <a class="button" href="http://iframe-wammy.blogspot.com/2013/06/form-login.html" target="_blank" title="Form Login">D E M O</a></div>

Cara Membuat Form Login Admin Dengan Javascript & CSS3

Cara Membuat Form Login Admin Dengan Javascript & CSS3 | Hai, ketemu saya lagi. Kali ini, kita oprek masalah login. Yang pasti ini digunakan untuk web dinamis yang kita bangun. Emmm, jika kemarin adalah form signup yang bisa di ubah ke form kontak, form login ini, juga bisa di sulap jadi form konta…

Baca selengkapnya »

Cara Membuat Formulir Pendaftaran Dengan CSS3

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj349ARFR9arhv1E59iHHaRgY1qa60VSTayUi2ytPfd_rZNoSBJrv2_u3KKmh7KoiZt6jzqwVf40_tjD-jWYsNmeRNrhEaC4m-RgeFmQm70MO-IANCTWPPE8iCCPHqCE4UsLS-CSTG8_-gN/s1600/sederhana.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Formulir Pendaftaran Dengan CSS3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj349ARFR9arhv1E59iHHaRgY1qa60VSTayUi2ytPfd_rZNoSBJrv2_u3KKmh7KoiZt6jzqwVf40_tjD-jWYsNmeRNrhEaC4m-RgeFmQm70MO-IANCTWPPE8iCCPHqCE4UsLS-CSTG8_-gN/s1600/sederhana.JPG" title="Cara Membuat Formulir Pendaftaran Dengan CSS3" /></a></div>Cara Membuat Formulir Pendaftaran Dengan CSS3 | Hai, ketemu lagi dengan saya, Wammy. Kali ini, sedikit berbagi tentang CSS3. Lebih tepatnya adalah Formulir Pendataran. Kenapa ? Yups, ini di gunakan pada web dinamis dinama, form ini yang akan mengantar user pada akunnya. Seperti yang teman - teman, baca pada memasukan data dari formulir ke localhost, cara ini juga bisa dipakai untuk membuat Formulir Kontak. Cukup ganti bagian - bagian tertentu saja yang diperlukan. Jika ada yang belum baca, cara koneksi ke localhost. <a href="http://www.bocahit.com/2013/04/menghubungkan-form-ke-database.html" target="_blank">Klik Disini</a>.<br /><br /><br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">CSS3, Formulir Pendaftaran</span></h3><br /><pre class="brush:js;">form.registration{<br /> width:600px;<br /> float:left;<br /> color:#818181;<br /> background: #f1f1f1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzq_TcAz9eu2wMAfLGfejflbNx9t2lGKKE2-_DU9R_rrKH4AwO9bCxDQX6t0nuQ4TnGLYfN4-XVMUmsHKYUeMPs1m4sWzqD5p_EmePx4JP_HHLbx-4Dod4ANyBRLZMgC8tGztiar4N99K/s64/pen.png) no-repeat top right;<br /> border: 2px solid #ccc;<br /> padding:10px;<br /> font-family: Georgia;<br /> font-size: 14px;<br /> -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -moz-border-radius: 15px;<br /> -webkit-border-radius: 15px;<br />}<br /><br />form.registration fieldset{<br /> border-top:1px solid #ccc;<br /> border-left:0;<br /> border-bottom:0;<br /> border-right:0;<br /> padding:6px;<br /> margin:0px 30px 0px 0px;<br />}<br /><br />form.registration legend{<br /> text-align:left;<br /> color:#ccc;<br /> font-size:18px;<br /> padding:0px 4px 0px 4px;<br /> margin-left:20px;<br />}<br /><br />form.registration label{<br /> font-size: 32px;<br /> width:200px;<br /> float: left;<br /> text-align: right;<br /> color:#999;<br /> clear:left;<br /> margin:4px 4px 0px 0px;<br /> padding:0px;<br />}<br />form.registration input{<br /> font-family: Georgia;<br /> font-size: 28px;<br /> float:left;<br /> width:300px;<br /> border:1px solid #cccccc;<br /> margin:2px 0px 2px 2px;<br /> color:#00abdf;<br /> height:32px;<br /> padding:3px;<br /> -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-border-radius: 5px;<br /> -moz-border-radius: 5px;<br />}<br />form.registration input:focus, form.registration select:focus{<br /> background-color:#E0E6FF;<br />}<br />form.registration select{<br /> font-family: Georgia;<br /> font-size: 28px;<br /> float:left;<br /> border:1px solid #cccccc;<br /> margin:2px 0px 2px 2px;<br /> color:#00abdf;<br /> height:40px;<br /> -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-border-radius: 5px;<br /> -moz-border-radius: 5px;<br />}<br /><br />.button, .button:visited{<br /> float:right;<br /> text-shadow: 0 -1px 1px rgba(0,0,0,0.25);<br /> border-bottom: 1px solid rgba(0,0,0,0.25);<br /> cursor: pointer;<br /> padding: 5px 10px 5px 5px;<br /> color: #fff;<br /> text-decoration: none;<br /> font-size: 32px;<br /> padding: 10px 15px;<br /> background-color: #00abdf;<br /> display: inline-block;<br /> -moz-border-radius: 10px;<br /> -webkit-border-radius: 10px;<br /> -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br /> -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br />}<br />.button:hover{<br /> background-color: #777;<br />}<br /></pre><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: red;">HTML, Formulir Pendaftaran</span></h3><br /><pre class="brush:js;"><form class="registration"><br /> <fieldset><br /> <legend>About you</legend><br /> <label>First name</label><br /> <input type="text" maxlength="100" value=""/> <br /> <label>Last name</label><br /> <input type="text" maxlength="100" value=""/> <br /> <label>Birthdate</label><br /> <select><br /> <option value="1">1</option><br /> <option value="2">2</option> <br /> </select><br /> <select> <br /> <option value="1">January</option><br /> <option value="2">February</option><br /> </select><br /> <select> <br /> <option value="2009">2009</option><br /> <option value="2008">2008</option> <br /> </select> <br /> </fieldset><br /> <fieldset><br /> <legend>Account details</legend><br /> <label>E-Mail</label><br /> <input type="text" maxlength="120" value=""/><br /> <label>Password</label><br /> <input type="password" maxlength="20"/> <br /> </fieldset><br /> <fieldset> <br /> <a class="button">Register</a> <br /> </fieldset> <br /></form><br /></pre><br />Anda bisa letakkan ini, pada halaman blog, atau di Dreamweaver. Silakan lihat contoh dibawah ini....<br /><br /><style type="text/css">form.registration{ width:600px; float:left; color:#818181; background: #f1f1f1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzq_TcAz9eu2wMAfLGfejflbNx9t2lGKKE2-_DU9R_rrKH4AwO9bCxDQX6t0nuQ4TnGLYfN4-XVMUmsHKYUeMPs1m4sWzqD5p_EmePx4JP_HHLbx-4Dod4ANyBRLZMgC8tGztiar4N99K/s64/pen.png) no-repeat top right; border: 2px solid #ccc; padding:10px; font-family: Georgia; font-size: 14px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-border-radius: 15px; -webkit-border-radius: 15px; } form.registration fieldset{ border-top:1px solid #ccc; border-left:0; border-bottom:0; border-right:0; padding:6px; margin:0px 30px 0px 0px; } form.registration legend{ text-align:left; color:#ccc; font-size:18px; padding:0px 4px 0px 4px; margin-left:20px; } form.registration label{ font-size: 32px; width:200px; float: left; text-align: right; color:#999; clear:left; margin:4px 4px 0px 0px; padding:0px; } form.registration input{ font-family: Georgia; font-size: 28px; float:left; width:300px; border:1px solid #cccccc; margin:2px 0px 2px 2px; color:#00abdf; height:32px; padding:3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; } form.registration input:focus, form.registration select:focus{ background-color:#E0E6FF; } form.registration select{ font-family: Georgia; font-size: 28px; float:left; border:1px solid #cccccc; margin:2px 0px 2px 2px; color:#00abdf; height:40px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; } .button, .button:visited{ float:right; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); cursor: pointer; padding: 5px 10px 5px 5px; color: #fff; text-decoration: none; font-size: 30px; padding: 10px 15px; background-color: #00abdf; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); } .button:hover{ background-color: #777; } </style> <br /><form class="registration"><fieldset><legend>About you</legend> <label>First name</label> <input maxlength="100" placeholder="Wammy" type="text" value="" /> <label>Last name</label> <input maxlength="100" placeholder="San" type="text" value="" /> <label>Birthdate</label> <select> <option value="1">1</option> <option value="2">2</option> </select> <select> <option value="1">January</option> <option value="2">February</option> </select> <select> <option value="2009">2009</option> <option value="2008">2008</option> </select> </fieldset><fieldset><legend>Account details</legend> <label>E-Mail</label> <input maxlength="120" placeholder="wammy@bocahit.com" type="text" value="" /> <label>Password</label> <input maxlength="20" placeholder="******" type="password" /> </fieldset><fieldset><a class="button" href="http://www.blogger.com/blogger.g?blogID=6116493370491553443#">Enter</a> </fieldset></form><br /><br/><br/><br/>

Cara Membuat Formulir Pendaftaran Dengan CSS3

Cara Membuat Formulir Pendaftaran Dengan CSS3 | Hai, ketemu lagi dengan saya, Wammy. Kali ini, sedikit berbagi tentang CSS3. Lebih tepatnya adalah Formulir Pendataran. Kenapa ? Yups, ini di gunakan pada web dinamis dinama, form ini yang akan mengantar user pada akunnya. Seperti yang teman - teman, b…

Baca selengkapnya »

Tips Menjadi Cosplayer Sukses

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRJ1xW0kJmld-i5XmHComysWiK8MgOBOflPl5o7KkNAbMgThmv3y_RNfgGprR18vr4dPuVNihPWI6BO-kTE1MBqmMCg-vno5hJ2Y8iPqxccya7cMXgMWTfMeVh8ucj6OXwb7ZHYeS-Ybfx/s1600/Saya.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tips Menjadi Cosplayer Sukses" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRJ1xW0kJmld-i5XmHComysWiK8MgOBOflPl5o7KkNAbMgThmv3y_RNfgGprR18vr4dPuVNihPWI6BO-kTE1MBqmMCg-vno5hJ2Y8iPqxccya7cMXgMWTfMeVh8ucj6OXwb7ZHYeS-Ybfx/s400/Saya.jpg" title="Tips Menjadi Cosplayer Sukses" width="265" /></a></div><br />Tips Menjadi Cosplayer Sukses | Hai, ketemu lagi, di sesi <a href="http://www.bocahit.com/search/label/Cosplay" target="_blank">Cosplayer</a>. Jika kemarin aku, tulis masalah <a href="http://www.bocahit.com/2013/06/blogger-matre-atau-blogger-juragan.html" target="_blank">Blogger Matre</a> Atau <a href="http://www.bocahit.com/2013/06/blogger-matre-atau-blogger-juragan.html" target="_blank">Blogger Juragan</a>, kali masalah cosplay, sesuai janjiku di artikel sebelumnya.<br /><br />Cosplay..kreatifitas tanpa batas. Jika kita berbicara masalah ini, ga kan luput dari yang namanya karakteristik. Kalau ga tau masalah karakteristik, mana mungkin jadi Cosplayer Tingkat Dewa ? ini yang akan saya coba bahas. Oya, aku nulis masalah cosplayer, tapi aku cosplayer siapa? blog ini bernama Wammy's Blog, juga saya bernama Wammy,, Wammy itukan ada di Death Note, Death Note lakonya Kira, L. Karena saya rasa mirip dengan Kenichi Matsuyama, karna itu aku jadi cosplayer L. Mana fotonya? "Need Not To Know" (haha..).<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://t1.gstatic.com/images?q=tbn:ANd9GcRf2O7YLjd0Y_mPmcFlrEuloe52lX2pXYV1cIo6YKrgKLfVLNqcgA&t=1" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tips Menjadi Cosplayer Sukses" border="0" src="http://t1.gstatic.com/images?q=tbn:ANd9GcRf2O7YLjd0Y_mPmcFlrEuloe52lX2pXYV1cIo6YKrgKLfVLNqcgA&t=1" title="Tips Menjadi Cosplayer Sukses" /></a></div><br /><br />Kita masuk di kostum...<br /><ol><li>Pilih kostum yang membuat anda nyaman...tapi tetap fokus pada figure player...</li><li>Sebisa mungkin minimkan pengeluaran ketika membuat atau membeli kostum</li><li>Pastikan kostum sudah sesuai dengan postur tubuh anda</li><li>Minta bantuan teman yang juga pecinta cosplay untuk mengkritik atau memberi saran</li><li>Pakai kostum di Festival atau ketika jalan di mall (gunakan yang se simple mungkin)</li></ol>Kita masuk di karakteristik....<br /><ol><li>Pahami kebiasaan yang dilakukan player...anda tidak perlu meniru semua, cukup yang terlihat mata saja</li><li>Perhatikan cara berjalan, duduk, makan, minum, tidur, bahkan jika perlu cara dia berbicara</li><li>Pilih mana saja yang akan ditiru, yang tidak melanggar norma, atau sara...</li><li>Cari teman sebanyak mungkin yang sesuai dengan player</li></ol>Kita masuk di  properti...<br /><ol><li>Miliki senjata player yang aman</li><li>Jangan memakai senjata yang membuat anda di tangkap polisi (haha..)</li><li>Jika player tanpa senjata (L) gunakan sesuatu yang sering ia pegang (coklat)</li></ol><div class="separator" style="clear: both; text-align: center;"><a href="http://img265.imageshack.us/img265/1254/60277491.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tips Menjadi Cosplayer Sukses" border="0" height="320" src="http://img265.imageshack.us/img265/1254/60277491.jpg" title="Tips Menjadi Cosplayer Sukses" width="212" /></a></div><br /><br />Nah, itu sedikit tips dari wammy, masalah menjadi cosplayer yang sukses menurut wammy. Kalau saya kan cosplyer L, ga butuh senjata, cukup coklat batang aja... : )<br /><br />Selamat Mencoba !

Tips Menjadi Cosplayer Sukses

Tips Menjadi Cosplayer Sukses | Hai, ketemu lagi, di sesi Cosplayer. Jika kemarin aku, tulis masalah Blogger Matre Atau Blogger Juragan, kali masalah cosplay, sesuai janjiku di artikel sebelumnya.Cosplay..kreatifitas tanpa batas. Jika kita berbicara masalah ini, ga kan luput dari yang namanya karakt…

Baca selengkapnya »

Blogger Matre Atau Blogger Juragan ?

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUIYjU_M4U5GN5cxVWuWGAr-OJKchnVmfI8dOyf4No-X7f224s-9A5svsteG-d11tdVS_38P2OUrc1z0IdjzveO-llqQhtB3raJUCf6284zQ67AGPx2BNQsARplzh5e4ZoA6rEntD4T5kX/s1600/blogger+logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Matre Atau Blogger Juragan ?" border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUIYjU_M4U5GN5cxVWuWGAr-OJKchnVmfI8dOyf4No-X7f224s-9A5svsteG-d11tdVS_38P2OUrc1z0IdjzveO-llqQhtB3raJUCf6284zQ67AGPx2BNQsARplzh5e4ZoA6rEntD4T5kX/s320/blogger+logo.jpg" title="Blogger Matre Atau Blogger Juragan ?" width="320" /></a></div><br />Blogger Matre Atau Blogger Juragan ? | Hai, lama banget nih...ga berbagi sama temen soal masalah blog. Dari kemarin ada artikel ynag sudah terjadwal dan semua tentang <a href="http://www.bocahit.com/search/label/Ayam%20Kampus" target="_blank">Ayam Kampus</a>. Yah, itu karena aku lihat di analytics, keyword yang paling atas adalah ayam kampus. So, mulai hari ini, akan ada banyak artikel tentang Web, PHP, Cosplayer. Kali ini, masalah analisa saya.<br /><br />Teman kampus saya, panggil saja Kemal, membagi blogger menjadi 2, yaitu blogger matre dengan blogger juragan. Kemudian saya analisa pendapatnya dengan analisa saya yang selama ini terjun di dunia per-bloggingan yang seumur dagung.<br /><br /><span style="font-size: large;">Ada Apa Dengan Blogger Matre ?</span><br /><br />Yups, matre pasti kita definisikan dengan sifat yang gila dengan uang, atau mau karena uang.<br />Blogger matre menurut saya adalah blogger yang tujuan utama tidak lain adalah untuk mendapatkan Rupiah di blognya. Usaha yang di lakukan juga banyak, dari memasang iklan PPC atau menghubungi advertisment bahkan denagn Pop Ads Trap. Disini, kita ga bicara masalah kualitas artikel atau kualitas SEO. Karena kualitas artikel sendiri masih sangat luas, kalau masalah SEO, mungkin blogger - blogger senior lebih tahu dan bisa berbagi masalah ini, antara SEO Black Hat, dengan SEO White Hat saja yang aku tahu. Maklum masih baru..hehehe : )<br /><br />Juga masalah Matre atau Tidak itu memang jadi niat kita pertama waktu membuat sebuah rumah yang akan kita huni selama "lahir" dan "hidup" di dunia maya. Jikalau saya, pertama berniat menjadi "rumah" saya ini untuk berbagi ilmu, niscaya yang akan muncul hanya penghias atau yang kita panggil Google Adsense. Tapi namanya juga sifat manusia, selalu berubah - ubah sesuai dengan keadaan dan situasi. Dari berbagi ilmu menuju ke mencari duit.<br /><br /> Lalu bagaimana yang berbagi ilmu juga bersamaan dengan mencari rupiah? menurut saya, itu naluri dan sah - sah saja. Jika pun begitu, penulis juga tambah semangat dengannya mendapatkan uang. Nulis pun jadi ga sia - sia... Alasan blogger matre mungkin karena biaya dan waktu, itu jelas. It, find...<br /><span style="font-size: large;"><br /></span><span style="font-size: large;">Ada Apa Dengan Blogger Juragan ?</span><br /><br />Juragan, orang yang memiliki sesuatu yang berjumlah sangat banyak. Lalu Blogger Juragan menurut Wammy, seorang yang memiliki banyak informasi apapun, dalam jumlah yang banyak, aktual, dan bermutu. Kalau, blogger yang sering berkunjung ke MKR Site, nah itu menurut saya, Blogger Juragan. Dia menyediakan tutorial, tips yang benar - benar buatannya sendiri (baru) dan membagi template secara gratis. Bisa di bilang Blogger Juragan, yang menjadi acuan dalam bisnis atau pengembangan blog.<br /><br />Tidak terlalu memkirkan uang, karena niatnya adalah untuk berbagi atau menjadikan blognya sebagai batu loncatan untuk menjadi Blogger Tingkar Dewa (haha...). Okey....<br /><br />Itu sedikit analisa konyol saya, tentang Blogger Matre dan Blogger Juragan...jika anda kurang setuju dan memiliki pendapat yang lain, itu sah sah saja...So, anda termasuk Blogger Matre atau Blogger Juragan ?

Blogger Matre Atau Blogger Juragan ?

Blogger Matre Atau Blogger Juragan ? | Hai, lama banget nih...ga berbagi sama temen soal masalah blog. Dari kemarin ada artikel ynag sudah terjadwal dan semua tentang Ayam Kampus. Yah, itu karena aku lihat di analytics, keyword yang paling atas adalah ayam kampus. So, mulai hari ini, akan ada banyak…

Baca selengkapnya »

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 sebuah HTML itu sendiri merupakan bahasa yang menggunakaan tanda-tanda tertentu (Tag) untuk menyatakan kode-kode yang harus diterjemahkan oleh Browser,agar hala…

Baca selengkapnya »