Membuat Emotikon Otomatis Di Komentar

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfB86dLShwM-b9uZNkxU4Xv8d3CIHE7ij5nHkcwle0h28W0nuISN5Z4zSzDC2gJlXvycp43RutY2eoVjcJDJsuGfN-6lTpoyTjl7JStL0gauvWUbONkvFMZTTIXFOeA66gj1zG9Qguuquy/s1600/Emotikon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Emotikon Otomatis Di Komentar" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfB86dLShwM-b9uZNkxU4Xv8d3CIHE7ij5nHkcwle0h28W0nuISN5Z4zSzDC2gJlXvycp43RutY2eoVjcJDJsuGfN-6lTpoyTjl7JStL0gauvWUbONkvFMZTTIXFOeA66gj1zG9Qguuquy/s400/Emotikon.png" title="Membuat Emotikon Otomatis Di Komentar" width="400" /></a></div>Membuat Emotikon Otomatis Di Komentar | Reshare dari DTE :]. Dulu aku pernah share emotikon komentar dari yahoo!. Kali ini tidak tahu dari siapa karena ini reshare dari DTE :]. Pernah aku pakai emotikon ini, tapi membosankan juga, jadi aku lepas. Nah, kalau anda ingin juga, kita coba bersama...<br /><h3>CSS & JS</h3><pre><style type='text/css'><br />.emoWrap {<br /> background-color:#EEDE86;<br /> border:2px solid #D3BA59;<br /> padding:10px 14px;<br /> color:black;<br /> font:bold 12px Tahoma,Arial,Sans-Serif;<br /> text-align:center;<br />}<br /><br />img.emo, input.emoKey {<br /> display:inline-block; /* Penting! */<br /> *display:inline;<br /> vertical-align:middle;<br />}<br /><br />input.emoKey {<br /> border:1px solid #ccc;<br /> background-color:white;<br /> font:bold 11px Arial,Sans-Serif;<br /> padding:1px 2px;<br /> margin:0px 0px 0px 2px;<br /> color:black;<br />}<br /></style><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><br /><script type='text/javascript'><br />//<![CDATA[<br />var emoRange = "#comments p, div.emoWrap",<br /> putEmoAbove = "#comment-editor",<br /> emoMessage = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";<br />//]]><br /></script><br /><script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'></script></pre><br />Letakkan kode diatas tadi di atas <code></head>. </code><br /><br />Simpan Template.<br /><div style="text-align: center;"><a class="button" href="http://dark-decade.blogspot.com/2013/07/sama-goreng-ikan.html" target="_blank">Ilustrasi</a> </div>

Membuat Emotikon Otomatis Di Komentar

Membuat Emotikon Otomatis Di Komentar | Reshare dari DTE :]. Dulu aku pernah share emotikon komentar dari yahoo!. Kali ini tidak tahu dari s...

Baca selengkapnya »

Membuat Forum Di Wordpress Dengan bb press Update

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNlDrEnHAkjSqmhtD5nnxnhZVhvfLK86fvA-87i8BPQ-DF7M9R2HsKB6ymSiAZ3bjLYGxYWTcFWjkaesLGzcwoDsdCG_f9EZcPCZx5HFq75TUh1Yw5nqzyorDjSU2nuMoQsjUtvZ3Sbfww/s1600/BB+Press.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Forum Di Wordpress Dengan bb press Update" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNlDrEnHAkjSqmhtD5nnxnhZVhvfLK86fvA-87i8BPQ-DF7M9R2HsKB6ymSiAZ3bjLYGxYWTcFWjkaesLGzcwoDsdCG_f9EZcPCZx5HFq75TUh1Yw5nqzyorDjSU2nuMoQsjUtvZ3Sbfww/s400/BB+Press.png" title="Membuat Forum Di Wordpress Dengan bb press Update" width="400" /></a></div>Membuat Forum Di Wordpress Dengan bb press Update | Masih di daerah <b>Wordpress</b>. Salah satu jenis <b>CMS</b> ini sering digunakan oleh para <i>CeMeSer (panggilan saya : untuk CMS User)</i>, selain mudah, friendly dan bisa di operasi dalam offline atau onlline... Saya sendiri juga menggunakan <b>CMS Wordpress</b> sebagai bahan penilitian tentang coding yang di pakai dalam pembuatan <b>template wordpress</b>.<br /><br />Nama plugin sudah menjadi hal tabu dalam CMS terutama Wordpress, yang 90% terisi dari plugin. Ada bantyak website yang menyediakan plugin gratis yang dapat di pasang pada CMS apapun. Salah satu plugin kali ini adalah BB PRESS. Sebuah plugin yang digunakan super user for make a forum. Tidak ada hal yang aneh jika sebuah website pribadi maupun instansi yang di dalamnya memiliki fitur forum. Layaknya Kaskus dan Detik.<br /><br /><br /><h3>1. Download & Install BBpress</h3>Downlad bbpress di <a href="http://wordpress.org/plugins/bbpress/" target="_blank">plugin wordpress</a> atau di <a alt="bbpress" href="http://bbpress.org/download/" target="_blank" title="download">situs bbpress</a>.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW8FqkyRkcK-rjsLJ2JNPqkcq7CsFZUoILKLofihc_ytKL7ot2ZHXg3oTVwVbCeuscIIKxJaDzlQsNAPY40J-krgyUk_lVxDvIQWV8Hmfq9ljr6nnN6W-tJ-ineg8oyf3QqQGqJoUeSMXB/s1600/BB+PRES1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Forum Di Wordpress Dengan bb press Update" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW8FqkyRkcK-rjsLJ2JNPqkcq7CsFZUoILKLofihc_ytKL7ot2ZHXg3oTVwVbCeuscIIKxJaDzlQsNAPY40J-krgyUk_lVxDvIQWV8Hmfq9ljr6nnN6W-tJ-ineg8oyf3QqQGqJoUeSMXB/s400/BB+PRES1.png" title="Membuat Forum Di Wordpress Dengan bb press Update" width="388" /></a></div><br /><h3>2. Create Forum</h3>Layak membuat artikel di wordpress, anda cukup masuk di "Create Forum".<br />Kemudian cek apakah forum sudah muncul...<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGrPnt0pm700w7OIhouPokRW5xjjOQzVZRolI9e0pDdSHZcjPow3EQ6eC65ImkiH25OvzheE7qFmNbHj54N8SxgqSGQQoW0ngK3R4PZsNr6UE_BhyphenhyphenMYrDbnvMypMSFMh05e4NBRJPth6t/s1600/Create+Forum.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Forum Di Wordpress Dengan bb press Update" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGrPnt0pm700w7OIhouPokRW5xjjOQzVZRolI9e0pDdSHZcjPow3EQ6eC65ImkiH25OvzheE7qFmNbHj54N8SxgqSGQQoW0ngK3R4PZsNr6UE_BhyphenhyphenMYrDbnvMypMSFMh05e4NBRJPth6t/s400/Create+Forum.PNG" title="Membuat Forum Di Wordpress Dengan bb press Update" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk-2OwYYbgvwrOP2MDOqLH61yjmOJmdMWYgp529WOoG7pPQn6z-Z2UGSS2gYO29NZXusCCgKjghHpM5Rg12kUX0CL4FisjDRRJZHTXZUUJSbSFG8Rmx78WGIPv6ehlixBGmBoZv9SF7Tdn/s1600/New+Forum.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Forum Di Wordpress Dengan bb press Update" border="0" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk-2OwYYbgvwrOP2MDOqLH61yjmOJmdMWYgp529WOoG7pPQn6z-Z2UGSS2gYO29NZXusCCgKjghHpM5Rg12kUX0CL4FisjDRRJZHTXZUUJSbSFG8Rmx78WGIPv6ehlixBGmBoZv9SF7Tdn/s400/New+Forum.PNG" title="Membuat Forum Di Wordpress Dengan bb press Update" width="400" /></a></div><br /><h3>3. Create Topic</h3>Setelah forum, buat topic awal anda.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghdU9gcQkDf4almpGQ-VcMLB4gqnd5LmRQHnokQ9CXpxzDFLAZIpwUD1Fut5nPuG3J8woA6xn-vy0600-Tt6SV7G6c0EjvT4rLe51DGEKvDf1YgtpqLV3TjHQxiODQYNRAzBoVNDedu0c1/s1600/SS+New+Topic+Reply.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Forum Di Wordpress Dengan bb press Update" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghdU9gcQkDf4almpGQ-VcMLB4gqnd5LmRQHnokQ9CXpxzDFLAZIpwUD1Fut5nPuG3J8woA6xn-vy0600-Tt6SV7G6c0EjvT4rLe51DGEKvDf1YgtpqLV3TjHQxiODQYNRAzBoVNDedu0c1/s400/SS+New+Topic+Reply.png" title="Membuat Forum Di Wordpress Dengan bb press Update" width="347" /></a></div><br /><h3>Fitur Reply</h3>Anda bisa menjawab pada forum yang bertopik dan pemberitahuan akan sampai pada admin pada pilihan <b>Replies</b>.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW9G35MU3F1MvxZu96aYEgsd0X1i8OOGmO5dVLZv1V6PpU0c8gDArQCy0NDAH5dU0TZ4dYC-k1LVfEWPm4VqoLxwnR9AlELN9yYSFl1FYDTIHrwKbG6eembVeZhnSFhnusMBCR0_4aTZWc/s1600/Reply.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Forum Di Wordpress Dengan bb press Update" border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW9G35MU3F1MvxZu96aYEgsd0X1i8OOGmO5dVLZv1V6PpU0c8gDArQCy0NDAH5dU0TZ4dYC-k1LVfEWPm4VqoLxwnR9AlELN9yYSFl1FYDTIHrwKbG6eembVeZhnSFhnusMBCR0_4aTZWc/s400/Reply.png" title="Membuat Forum Di Wordpress Dengan bb press Update" width="400" /></a></div><h3>Setting</h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kOzDkZW2mZKusUpbLOYtLFAaTECPEwV9dXMGuIt7epIz5yP7nDsk2Uaa-RUD8xf8pZeOK-IhPRmCnbvjK6pqYHVqe1RtyhcUcGJCxdU4OHw0kN-aFjG6rsF7PuV6sW0_XzIyHkqpR9qK/s1600/Emailer.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Forum Di Wordpress Dengan bb press Update" border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kOzDkZW2mZKusUpbLOYtLFAaTECPEwV9dXMGuIt7epIz5yP7nDsk2Uaa-RUD8xf8pZeOK-IhPRmCnbvjK6pqYHVqe1RtyhcUcGJCxdU4OHw0kN-aFjG6rsF7PuV6sW0_XzIyHkqpR9qK/s400/Emailer.PNG" title="Membuat Forum Di Wordpress Dengan bb press Update" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXpew0EUmV2ySZtJvZADFi7RYxpDd3Gb6O2kyYjwe2khsrxJjzbW8WlZVg2r3hSK0Fas3v2fjEvL0HGlnoCwtA7YlEn78NX4NYdt5av3SAAYdZxYNu-JVYrtv6B-92IkLiULbBbS-YGtQW/s1600/Setting+Forum.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Forum Di Wordpress Dengan bb press Update" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXpew0EUmV2ySZtJvZADFi7RYxpDd3Gb6O2kyYjwe2khsrxJjzbW8WlZVg2r3hSK0Fas3v2fjEvL0HGlnoCwtA7YlEn78NX4NYdt5av3SAAYdZxYNu-JVYrtv6B-92IkLiULbBbS-YGtQW/s400/Setting+Forum.png" title="Membuat Forum Di Wordpress Dengan bb press Update" width="392" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJGGsm2Tod2itgY_H9rqHxjO-x2yKFTsgq2SlrvjEL3FlKwgsutlWu31M2hiYNxD23ZcFgI2AsTea4Lhr12tjC3K_wDv5t-xp6suQePwXAUbKDXZ1JZE5auUXPGgzZiOXlqtUhQAoK3mD/s1600/Tools+Forum.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Forum Di Wordpress Dengan bb press Update" border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJGGsm2Tod2itgY_H9rqHxjO-x2yKFTsgq2SlrvjEL3FlKwgsutlWu31M2hiYNxD23ZcFgI2AsTea4Lhr12tjC3K_wDv5t-xp6suQePwXAUbKDXZ1JZE5auUXPGgzZiOXlqtUhQAoK3mD/s400/Tools+Forum.png" title="Membuat Forum Di Wordpress Dengan bb press Update" width="400" /></a></div>

Membuat Forum Di Wordpress Dengan bb press Update

Membuat Forum Di Wordpress Dengan bb press Update | Masih di daerah Wordpress . Salah satu jenis CMS ini sering digunakan oleh para CeMeSer...

Baca selengkapnya »

Menulis Syntax Code Di Wordpress

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj00asMzE0I0pabedgnkWJ6VHA0nW6ecQQRlN3Qv_4u6vQAgaXUKBTo_aCc-SaHmeAXKB-Wrq7u-wIpmnCo75J2AtyvOqGrBKwzl77yAVmMsW_OzBX9Qlcy97tmLgs_iG7XbCHZPIDD2nHk/s1600/Crayon+Syntax+Highlighter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menulis Syntax Code Di Wordpress" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj00asMzE0I0pabedgnkWJ6VHA0nW6ecQQRlN3Qv_4u6vQAgaXUKBTo_aCc-SaHmeAXKB-Wrq7u-wIpmnCo75J2AtyvOqGrBKwzl77yAVmMsW_OzBX9Qlcy97tmLgs_iG7XbCHZPIDD2nHk/s1600/Crayon+Syntax+Highlighter.png" title="Menulis Syntax Code Di Wordpress" /></a></div>Menulis Syntax Code Di Wordpress | Udah sekian lama, jauh dari wordpress. Terlalu serius dengan blogger jadi lupa sama CMS. Kalau di blogger untuk menampilkan highlighter code, kita bisa memanipulasinya dengan [PRE] atau memakai Syntax Highlighter dari Alexgorbatev. Tutorial, <a href="http://www.bocahit.com/2012/07/install-syntax-highlighter-pada-blogger.html" target="_blank">klik disini</a>.<br /><br />Nah di Wordpress juga ada. Namanya Crayon Syntax Highlighter. Apa keunggulan dari yang di miliki Si Alex dan dari manipulasi [PRE] ?<br /><ol><li>Lebih Friendly, maksudnya adalah mudah di gunakan oleh administrator dan mudah di terima oleh visitor.</li><li>More Theme, tema [tampilan] syntax-nya sangat banyak bahkan lebih dari 10 tema yang di sediakan.</li><li>Fast Loading.</li><li>More Language, banyak sekali bahasa yang disediakan, dari C, C++, Java, Phyton, Ruby dll</li></ol>Jadi silakan anda download disini.<br /><div style="text-align: center;"><a class="button" href="http://wordpress.org/plugins/crayon-syntax-highlighter/" target="_blank">Download</a> </div><br /><br /><h3>Cara Penggunaan</h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBu-jOtfHpF-BneDl7sE-nj5sarxzwUlUuEMte13y0EDrsN5Wk8gUP06lWYZX2rGHuacEaywUjpboFIR8p5OnjsR7bexg0QvzhB2ABJp2n3HDq09uJKz4zKUX27gJyx3jbnjEllbX3zdTt/s1600/Syntax.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menulis Syntax Code Di Wordpress" border="0" height="23" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBu-jOtfHpF-BneDl7sE-nj5sarxzwUlUuEMte13y0EDrsN5Wk8gUP06lWYZX2rGHuacEaywUjpboFIR8p5OnjsR7bexg0QvzhB2ABJp2n3HDq09uJKz4zKUX27gJyx3jbnjEllbX3zdTt/s320/Syntax.png" title="Menulis Syntax Code Di Wordpress" width="320" /></a></div><h3>Langkah 1</h3>Klik tanda < > sebagai mulainya script.<br /><h3>Langkah 2</h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSbqfdwai4RdeKiJx2PPnK1hLmAOc4-YI1q-lQoF3DTq1JA2PfzCT7EbHuEmzcKiOAloVmGGISEd0MqCpaTy547xse239pKa6BqN0R7960QCl9X8z6wFg2WtzhaNhaM1O29b2N1NbeGf5E/s1600/Crayon+Highlight.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menulis Syntax Code Di Wordpress" border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSbqfdwai4RdeKiJx2PPnK1hLmAOc4-YI1q-lQoF3DTq1JA2PfzCT7EbHuEmzcKiOAloVmGGISEd0MqCpaTy547xse239pKa6BqN0R7960QCl9X8z6wFg2WtzhaNhaM1O29b2N1NbeGf5E/s320/Crayon+Highlight.png" title="Menulis Syntax Code Di Wordpress" width="320" /></a></div>Line Range dan Marked Lines bisa anda kosongkan.<br /><h3>Langkah 3</h3>Lakukan pengaturan seperlunya...<br /><br />Lihat gambar di bawah ini, contoh sederhana dari Crayon Syntax Highlighter.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY6bl7mmcmA8wqvgj9vXi5fvRc5IOy9HtgP3HAfKRKOVJCI37QLbv7v92LPgms0GiSj5qlm_XnCGCR5dfg3TTmuPykFYuSE1RtX3q87rIdTKEGfpUiqhzYaINjRD4d4pJfHnfqBh_YnLgO/s1600/CSS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menulis Syntax Code Di Wordpress" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY6bl7mmcmA8wqvgj9vXi5fvRc5IOy9HtgP3HAfKRKOVJCI37QLbv7v92LPgms0GiSj5qlm_XnCGCR5dfg3TTmuPykFYuSE1RtX3q87rIdTKEGfpUiqhzYaINjRD4d4pJfHnfqBh_YnLgO/s640/CSS.png" title="Menulis Syntax Code Di Wordpress" width="470" /></a></div><br />

Menulis Syntax Code Di Wordpress

Menulis Syntax Code Di Wordpress | Udah sekian lama, jauh dari wordpress. Terlalu serius dengan blogger jadi lupa sama CMS. Kalau di blogger...

Baca selengkapnya »

Template Blogger Si Bisnis HTML5 & Responsive

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTu8pcIlVIy5TCn1u53ozQab2CG6zJC1VKJU9Y_o9tTNRBlFYPdpQtfeAiKw7NFhnqnrTlgoH0DD0yvXerwJ0ydE9dwGkxAx5gNfTB3PnKqHzUeILx1OJdA8ERswP69Fst5eU0zHtB-Vi3/s1600/Si+Bisnis.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Blogger Si Bisnis HTML5 & Responsive" border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTu8pcIlVIy5TCn1u53ozQab2CG6zJC1VKJU9Y_o9tTNRBlFYPdpQtfeAiKw7NFhnqnrTlgoH0DD0yvXerwJ0ydE9dwGkxAx5gNfTB3PnKqHzUeILx1OJdA8ERswP69Fst5eU0zHtB-Vi3/s400/Si+Bisnis.png" title="Template Blogger Si Bisnis HTML5 & Responsive" width="400" /></a></div><br />Template Blogger Si Bisnis HTML5 & Responsive | 1 minggu sibuk ngetemplate..akhirnya di publish juga. Template yang sudah lama saya simpan ini, sebenarnya tidak akan saya publish, ya karena pembuatannya yang gampang dan jarang orang yang memakai. Tapi karena ide baru buntu di jalan cinta, terpaksa ini aku share ke blogger. Template tanpa header...mungkin aneh, tapi bagi saya itu suatu design yang minimalis. Apalagi ini template bisnis online, jadi headerpun tidak terlalu penting.<br /><h3>Apa saja yang ada di Si Bisnis ?</h3><ol><li>Responsive Blogger Template</li><li>2 Coloumn</li><li>Valid HTML5 </li><li>Without Comment</li><li>Without Header</li><li>Super Fast Loading</li><li>Super Simple</li><li>Super  <strike>Sucker </strike>Minimalis</li></ol><h3>Cara Pemakaian</h3>Banner yang berwarna kuning bisa anda temukan di bawah main-wrapper, lalu ganti url gambar dengan gambar anda. <br /><pre>http://s20.postimg.org/r6qrtflp9/Graphic1.jpg</pre><br />Gunakan laman sebagai artikel anda lalu masukan link di :<br /><pre><nav id='nav'><br />       <ul><br />           <li><a href='/'>Home</a></li><br />           <li><a href=''>Contact</a></li><br />           <li><a href=''>Cara Bisnis</a></li><br />           <li><a href='/'>Comments</a></li><br />       </ul><br />    </nav></pre><br /><div style="text-align: center;"><a class="button" href="http://responsinator.com/?url=http%3A%2F%2Fmaemanku.blogspot.com%2F" target="_blank">Test Responsive</a> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="button" href="http://si-bisnis.blogspot.com/" target="_blank">Demo</a>                 <a class="button" href="https://www.dropbox.com/s/h0j89z9w0vrgqup/Si%20Bisnis.xml" target="_blank"> Download</a></div><br/><h3>Apapun yang ada di halaman demo, hanya di gunakan untuk contoh saja, tidak bermaksud promosi</h3>

Template Blogger Si Bisnis HTML5 & Responsive

Template Blogger Si Bisnis HTML5 & Responsive | 1 minggu sibuk ngetemplate..akhirnya di publish juga. Template yang sudah lama saya simp...

Baca selengkapnya »

Memasang Joomla! Di Localhost Terupdate

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQRJ-_cda354YKnO8KIpILVw9OjRdwvZQarxmC3-TgygLlEG6cV17RtBscLdRmA1Q5fzNzpizCyYuH_5F0IPVpQMAjfA823p5KfJWH3m57c4hFOEd6dTkqYXeDT9an5VZLiFsnm9aY7tVl/s1600/Install+Joomla!.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQRJ-_cda354YKnO8KIpILVw9OjRdwvZQarxmC3-TgygLlEG6cV17RtBscLdRmA1Q5fzNzpizCyYuH_5F0IPVpQMAjfA823p5KfJWH3m57c4hFOEd6dTkqYXeDT9an5VZLiFsnm9aY7tVl/s400/Install+Joomla!.png" width="400" /></a></div><br />Memasang Joomla! Di Localhost Terupdate | Dulu pernah saya share juga memasang <a href="http://www.bocahit.com/2012/09/cara-menginstall-joomla.html" target="_blank">joomla!</a>. Kali ini beda, kenapa? kita tahu Joomla! adalah salah satu dari CMS, jadi wajar saja jika dianya sering update. Nah, ternyata saat install Joomla! pun juga sudah di update, karena itu saya coba buat share masalah ini.<br /><br />Sebenarnya prosesnya sama, hanya langkah - langkahnya yang di ringkas. Lebih baik anda membaca artikel cara<a href="http://www.bocahit.com/2012/09/cara-menginstall-joomla.html" target="_blank"> install via localhost.</a><br />1. Configuration<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpaR7BeQPx-TkJCL0LzuIiRtJtH3AFmW1sAyUITiOqh-li3jQa4DTnYfOFNeHLd62afQKYIPQxmoZGmjhe7CvB5VMlMFcrw-xb_L9eqp57LmpKYnhy3pngjZTjhpNM4jxo5vtrz5iP_Egx/s1600/j1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memasang Joomla! Di Localhost Terupdate" border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpaR7BeQPx-TkJCL0LzuIiRtJtH3AFmW1sAyUITiOqh-li3jQa4DTnYfOFNeHLd62afQKYIPQxmoZGmjhe7CvB5VMlMFcrw-xb_L9eqp57LmpKYnhy3pngjZTjhpNM4jxo5vtrz5iP_Egx/s400/j1.PNG" title="Memasang Joomla! Di Localhost Terupdate" width="400" /></a></div>Ketika anda melihat <u>Site Offline</u> maka klik YES. Yang artinya anda membangun site dengan keadaan offline.<br /><br />2.Database Configuration<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_46D981BFnjGCqjmJr7i6zTbMc61_yl1lP48T5Z5FPtyx6mWtJLMdR4LOSaLTU8wI43Hdjq-jJRcLDp-VL1JD8S0i5Hh2Yqh68tlbqVv4Zun9Ne09EvdetzU6TH0eXb43nC6SbTc8umai/s1600/j2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memasang Joomla! Di Localhost Terupdate" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_46D981BFnjGCqjmJr7i6zTbMc61_yl1lP48T5Z5FPtyx6mWtJLMdR4LOSaLTU8wI43Hdjq-jJRcLDp-VL1JD8S0i5Hh2Yqh68tlbqVv4Zun9Ne09EvdetzU6TH0eXb43nC6SbTc8umai/s400/j2.PNG" title="Memasang Joomla! Di Localhost Terupdate" width="400" /></a></div><br />Yang perlu anda lakukan, mengganti Database Type menjadi MySQL kemudian Username anda adalah root terakhir Nama Database, terserah anda.<br /><br />3. Overview<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhENxNucLPRiVYKYbgehUOz4QL8q0X3jlW_K21QOTNT909ZuPoA3IZoZ6jqHOuD_JI_LUdFu8gKvbYBmCReDjsiVVyG44pRxSXqxuGCMYIRf01zwiQ1WG0PgR1Bf0NyalMY9msStnimSHrk/s1600/j3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memasang Joomla! Di Localhost Terupdate" border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhENxNucLPRiVYKYbgehUOz4QL8q0X3jlW_K21QOTNT909ZuPoA3IZoZ6jqHOuD_JI_LUdFu8gKvbYBmCReDjsiVVyG44pRxSXqxuGCMYIRf01zwiQ1WG0PgR1Bf0NyalMY9msStnimSHrk/s400/j3.png" title="Memasang Joomla! Di Localhost Terupdate" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"></div>Ini adalah informasi dari langkah sebelumnya. Pada Email Configuration, pilih NO jika tidak ingin menerima pemberitahuan atau sebaliknya.<br /><br />4. Installing<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf_2HGCDJmEb5VZWBwQKDUYmqU4UmCQK85LChvHTbHu2Ha5Yby33Ra7AYYFxE1SwWphdMZme0GrxHYCdgg9xhD81SkNOPAoGq3ugTrL46UAVk8off5VW_hU_5b2Gt2PRE5Hqt9WdJH3eCF/s1600/j4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memasang Joomla! Di Localhost Terupdate" border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf_2HGCDJmEb5VZWBwQKDUYmqU4UmCQK85LChvHTbHu2Ha5Yby33Ra7AYYFxE1SwWphdMZme0GrxHYCdgg9xhD81SkNOPAoGq3ugTrL46UAVk8off5VW_hU_5b2Gt2PRE5Hqt9WdJH3eCF/s400/j4.png" title="Memasang Joomla! Di Localhost Terupdate" width="400" /></a></div>5.Login As Administrator.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0nUCVWT56oAPWq3DAVYEFkOowj7iUQhxP5h21LdzkLaTiZUIzMn-hoR36jMMtASFbERPi3blpocRPCzMxCtfcEfP8qBFTz9b_D0lV4ysxv-4zmLDV1nQryMDjtuB1c-yszpM3CYCXdHGd/s1600/j6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memasang Joomla! Di Localhost Terupdate" border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0nUCVWT56oAPWq3DAVYEFkOowj7iUQhxP5h21LdzkLaTiZUIzMn-hoR36jMMtASFbERPi3blpocRPCzMxCtfcEfP8qBFTz9b_D0lV4ysxv-4zmLDV1nQryMDjtuB1c-yszpM3CYCXdHGd/s400/j6.png" title="Memasang Joomla! Di Localhost Terupdate" width="400" /></a></div><br />Sekarang anda bisa menikmati Joomla! dengan interface yang baru. BTW...ini joomla! versi berapa ?ini joomla! versi 3.1.5 Full Package.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieJyDQBQZwXHyeWKkromZt2GvrZbkW9POGalKDG2hCvE2Ra4aq-Kufg3HS1SrSz6ZZS6nM1ZJv8pGxfY5_uYMhozCDeinDLsPsMb96gbdiKUUe-9unekRtHgFWat4uCDPhGzZFl9dlL3gZ/s1600/j7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieJyDQBQZwXHyeWKkromZt2GvrZbkW9POGalKDG2hCvE2Ra4aq-Kufg3HS1SrSz6ZZS6nM1ZJv8pGxfY5_uYMhozCDeinDLsPsMb96gbdiKUUe-9unekRtHgFWat4uCDPhGzZFl9dlL3gZ/s400/j7.png" width="400" /></a></div><br />

Memasang Joomla! Di Localhost Terupdate

Memasang Joomla! Di Localhost Terupdate | Dulu pernah saya share juga memasang joomla! . Kali ini beda, kenapa? kita tahu Joomla! adalah sal...

Baca selengkapnya »

Tooltips Paling Keren Dengan CSS3

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVcMLeWLiuvSaCO5-4n9gi8sJRrxvW1hk7VMwKuqjJKSWgkBGFfLxxjVCn34059qDo-p_7pW-1V7u-TJTZFmHA-CWtuySyxy0K-Ccsl4LqoQ6oKf0hRB9jzDqW1MBuCpgJ7VBNwzrXSrea/s1600/Tooltips+Pseudo+Elemen+&+Transisi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVcMLeWLiuvSaCO5-4n9gi8sJRrxvW1hk7VMwKuqjJKSWgkBGFfLxxjVCn34059qDo-p_7pW-1V7u-TJTZFmHA-CWtuySyxy0K-Ccsl4LqoQ6oKf0hRB9jzDqW1MBuCpgJ7VBNwzrXSrea/s400/Tooltips+Pseudo+Elemen+&+Transisi.png" /></a></div>Tooltips Paling Keren Dengan CSS3 | Belum selesai di masalah tooltips.Kemarin sudah lihat tooltips versi 1 dan 2 ? jika belum, klik <a href="http://www.bocahit.com/2013/08/iseng-iseng-dari-tooltips-pakai-pseudo.html" target="_blank">disini</a> atau <a href="http://www.bocahit.com/2013/08/tooltips-super-duper-keren-dengan-css3.html" target="_blank">disini</a>. Masih memakai Pseudo Element & Transition. Hanya saja yang menjadi ada di border radius saja. Silakan dilihat.<br /><br /><div style="text-align: center;"><a class="button" href="http://iframe-wammy.blogspot.com/2013/08/a_23.html" target="_blank">Ilustrasi</a></div><br /><h3>CSS</h3><pre>a.tooltip {<br /> position: relative;<br /> display: inline;<br />}<br /><br />a.tooltip span {<br /> width: 80px;<br /> height: 80px;<br /> line-height: 80px;<br /> padding: 10px;<br /> left: 50%;<br /> margin-left: -55px;<br /> font-family: 'Alegreya SC', Georgia, serif;<br /> font-weight: 400; <br /> font-style: italic;<br /> font-size: 14px;<br /> color: #719DAB;<br /> text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);<br /> text-align: center;<br /> border: 5px solid #fff;<br /> background: rgba(255,255,255,0.5);<br /> text-indent: 0px;<br /> position: absolute;<br /> pointer-events: none;<br /> border-radius: 50%;<br /> bottom: -40px;<br /> opacity: 0;<br /> box-shadow: 0px 3px 8px rgba(0,0,0,0.1);<br /> -webkit-transform: scale(0.2);<br /> -moz-transform: scale(0.2);<br /> -o-transform: scale(0.2);<br /> -ms-transform: scale(0.2);<br /> transform: scale(0.2);<br /> -webkit-transition: all 0.3s ease-in-out;<br /> -moz-transition: all 0.3s ease-in-out;<br /> -o-transition: all 0.3s ease-in-out;<br /> -ms-transition: all 0.3s ease-in-out;<br /> transition: all 0.3s ease-in-out;<br />}<br /><br />a:hover.tooltip span {<br /> opacity: 0.9;<br /> bottom: 20px;<br /> -webkit-transform: scale(1);<br /> -moz-transform: scale(1);<br /> -o-transform: scale(1);<br /> -ms-transform: scale(1);<br /> transform: scale(1);<br />}<br /></pre><br/><h3>HTML</h3><pre><a class="tooltip" href="#">Add On Fb<span>Facebook</span></a><br /> <a class="tooltip" href="#">Add Circle<span>Goggle +</span></a><br /> <a class="tooltip" href="#">Follow Me<span>Twitter</span></a></pre><br/>

Tooltips Paling Keren Dengan CSS3

Tooltips Paling Keren Dengan CSS3 | Belum selesai di masalah tooltips.Kemarin sudah lihat tooltips versi 1 dan 2 ? jika belum, klik disini ...

Baca selengkapnya »