2013

Membuat Tampilan Scrollbar Blog dengan JQuery

<span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; font-weight: 600; line-height: 23.390625px;">Merubah Tampilan Scrollbar Blog dengan JQuery</span><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;"> - Merubah tampilan scrollbar pada blog terkadang diperlukan untuk menyesuaikan dengan desain blog itu sendiri. Perlu atau tidak perlunya tentunya tergantung pemilik blog itu sendiri, apakah ingin dibuat custom atau tetap standar.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0DJfa4DL2IKdg3TJWeF-ozmbUnCwmJozEnyO1u8qG4T9mpY06AB53Wr_BwX0me62QnIIg2sjTGOLwRHHosByAvQOL8PRAaTtN8BBkV5HGEUgcjyQqezIQZ9PLYQvtlpa1LD-8g0i9cMs/s1600/Scrollbar+Blog+dengan+JQuery.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Tampilan Scrollbar Blog dengan JQuery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0DJfa4DL2IKdg3TJWeF-ozmbUnCwmJozEnyO1u8qG4T9mpY06AB53Wr_BwX0me62QnIIg2sjTGOLwRHHosByAvQOL8PRAaTtN8BBkV5HGEUgcjyQqezIQZ9PLYQvtlpa1LD-8g0i9cMs/s1600/Scrollbar+Blog+dengan+JQuery.jpg" title="" /></a></div>
<br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">Tutorial tentang merubah atau mengganti scrollbar sebetulnya sudah banyak, namun selama melakukan pencarian, kebanyakan menggunakan menggunakan CSS seperti ini</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br />
<pre style="background-color: #2f3741; border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="css" style="background-image: none !important; border: none !important; color: #a3a49a; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><span class="pseudo" style="color: #509a55;">::-webkit-scrollbar</span><span class="rules">{<span class="rule"><span class="attribute" style="color: #aa985a;">width</span>:<span class="value" style="color: #7195a3;"><span class="number">6</span>px;</span></span><span class="rule"><span class="attribute" style="color: #aa985a;">background</span>:<span class="value" style="color: #7195a3;"><span class="hexcolor">#444</span>}</span></span></span>
<span class="pseudo" style="color: #509a55;">::-webkit-scrollbar-thumb</span><span class="rules">{<span class="rule"><span class="attribute" style="color: #aa985a;">background-color</span>:<span class="value" style="color: #7195a3;"><span class="hexcolor">#222</span>;</span></span><span class="rule"><span class="attribute" style="color: #aa985a;">border-radius</span>:<span class="value" style="color: #7195a3;"><span class="number">3</span>px}</span></span></span></code></pre>
<br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" />
<div class="catatan" style="background-color: #f8e38d; border-bottom-color: rgba(0, 0, 0, 0.0980392); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #555555; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px; padding: 15px 18px 15px 48px; position: relative;">
Dengan menggunakan CSS di atas, hanya support pada browser dengan komponen dasar WebKit seperti Safari, Chrome, browser iOS, Android dan Blackberry. Tetapi tidak support dengan browser lainnya seperti Mozilla, Opera dll.</div>
<br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">Karena penggunaan CSS tidak support dengan semua browser, maka saya tawarkan penggunaan jQuery sebagai alternatifnya. Sebetulnya penggunaan custom scrol ini telah saya buat dalam posting sebelumnya yanitu dengan </span><a href="http://blog.kangismet.net/2013/12/jquery-cross-browser-custom-scrollbar.html" style="background-color: white; color: #21afa4; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px; text-decoration: none;" target="_blank">Tiny Scrollbar</a><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">. Namun penggunaan tiny scrolbar lumayan ribet dan belum bisa digunakan untuk browser itu sendiri, hanya pada elemen tertentu saja.</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br />
<h4 style="background-color: white; color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 23.390625px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 20px !important; padding: 0px 0px 12px; text-transform: uppercase;">
PENGGUNAAN NICESCROLL</h4>
<span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">Untuk menggunakan NiceScroll, simpan kode ini di atas </span><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;"></head></code><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br />
<pre class="line-number" data-codetype="JQuery" style="background-color: #2f3741; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEH7xz_aRQ68Nbi9P7dslRHHG2OUDjANYQeA9PZwlZGdWBJpviHUXIg4nZ_8W-JlYYLdi2Vgq51EXZCtaBEj8b0ggTYjn_9jFL7dx2W_D1reHxu1tpQRV2jNhQlGje3hyphenhyphenNBd5w8uvvlFc/s1600/new-line-number.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-left-color: rgb(153, 194, 98); border-left-style: none; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em 0.8em 54px; position: relative; word-wrap: normal;"><code class="xml" style="background-image: none !important; border: none !important; color: #a3a49a; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><span class="tag"><<span class="title" style="color: #569dcf;">script</span> <span class="attribute" style="color: #aa985a;">src</span>=<span class="value" style="color: #7195a3;">'https://kang-is.googlecode.com/svn/trunk/javascript/nicescroll.js'</span> <span class="attribute" style="color: #aa985a;">type</span>=<span class="value" style="color: #7195a3;">'text/javascript'</span>/></span><span class="javascript">
<script type=<span class="string" style="color: #7195a3;">'text/javascript'</span>>
<span class="comment" style="color: #586e75; font-style: italic;">//<![CDATA[</span>
$(document).ready(
  <span class="keyword" style="color: #859900;">function</span>() { 
    $(<span class="string" style="color: #7195a3;">"html"</span>).niceScroll({});
  }
);
<span class="comment" style="color: #586e75; font-style: italic;">//]]></span>
</span><span class="tag"></<span class="title" style="color: #569dcf;">script</span>></span></code></pre>
<br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">Dengan kode di atas, maka otomatis scrollbar default akan berubah, namun hanya muncul ketika mouse diarahkan ke samping kanan blog. Untuk memunculkan scrollbar secara permanen, maka perhatikan kode pada baris ke 6, tambahkan kode </span><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">cursoropacitymin:1</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;"> menjadi </span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br />
<pre style="background-color: #2f3741; border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="css" style="background-image: none !important; border: none !important; color: #a3a49a; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;">$("<span class="tag" style="color: #859900;">html</span>")<span class="class">.niceScroll</span>(<span class="rules">{<span class="rule"><span class="attribute" style="color: #aa985a;">cursoropacitymin</span>:<span class="value" style="color: #7195a3;"><span class="number">1</span>}</span></span></span>);</code></pre>
<br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">Masih banyak pengaturan yang lainnya, silahkan sobat lihat di web pemilik NiceScroll ini. Disini saya hanya share beberapa pengaturan yang penting saja : </span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">background:"#ddd"</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;"> untuk merubah background (edit ddd)</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">cursorcolor:"#808080"</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;"> untuk merubah warna kursor (edit 808080)</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">cursorborder:"1px solid #565656"</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;"> merubah warna garis pinggir kursor (edit 565656)</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">sehingga kode lengkap untuk baris no 6 adalah :</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br />
<pre style="background-color: #2f3741; border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="css" style="background-image: none !important; border: none !important; color: #a3a49a; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;">$("<span class="tag" style="color: #859900;">html</span>")<span class="class">.niceScroll</span>(<span class="rules">{<span class="rule"><span class="attribute" style="color: #aa985a;">cursoropacitymin</span>:<span class="value" style="color: #7195a3;"><span class="number">1</span>,cursorcolor:<span class="string">"#808080"</span>,cursorborder:<span class="string">"1px solid #565656"</span>,background:<span class="string">"#ddd"</span>}</span></span></span>);</code></pre>
<br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">Untuk menerapkan terhadap elemen tertentu, misal sobat membuat elemen dengan class </span><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">myscroll</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">, pada HTMLnya sobat harus menentukan tinggi atau </span><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">height</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">, menambah kode </span><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">overflow:hidden</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;"> dan tambahkan jarak pinggir kanan </span><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">padding-right:17px</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;"> pada CSS terpisah atau inline (langsung pada HTML) seperti ini :</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br />
<pre style="background-color: #2f3741; border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="xml" style="background-image: none !important; border: none !important; color: #a3a49a; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><span class="tag"><<span class="title" style="color: #569dcf;">div</span> <span class="attribute" style="color: #aa985a;">class</span>=<span class="value" style="color: #7195a3;">'myscroll'</span> <span class="attribute" style="color: #aa985a;">style</span>=<span class="value" style="color: #7195a3;">'height:200px;overflow:hidden;padding-right:17px'</span>></span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae velit at velit pretium sodales. Maecenas egestas imperdiet mauris, vel elementum turpis iaculis eu. Duis egestas augue quis ante ornare eu tincidunt magna interdum. Vestibulum posuere risus non ipsum sollicitudin quis viverra ante feugiat. Pellentesque non faucibus lorem. Nunc tincidunt diam nec risus ornare quis porttitor enim pretium. Ut adipiscing tempor massa, a ullamcorper massa bibendum at. Suspendisse potenti.
<span class="tag"></<span class="title" style="color: #569dcf;">div</span>></span></code></pre>
<br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">langkah selanjutnya tinggal menambahkan kode sesuai selektor pada jQuery baris ke 6 tadi. menjadi seperti ini :</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br />
<pre style="background-color: #2f3741; border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="css" style="background-image: none !important; border: none !important; color: #a3a49a; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;">$("<span class="tag" style="color: #859900;">html</span>, <span class="class">.myscroll</span>")<span class="class">.niceScroll</span>(<span class="rules">{<span class="rule"><span class="attribute" style="color: #aa985a;">cursoropacitymin</span>:<span class="value" style="color: #7195a3;"><span class="number">1</span>,cursorcolor:<span class="string">"#808080"</span>,cursorborder:<span class="string">"1px solid #565656"</span>,background:<span class="string">"#ddd"</span>}</span></span></span>);</code></pre>
<br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">Untuk menambahkan selektor, tinggal tambah pada jQuery di atas. Lebih mudah bukan?</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br />
<h4 style="background-color: white; color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 23.390625px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 20px !important; padding: 0px 0px 12px; text-transform: uppercase;">
OPTIONAL</h4>
<span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">Untuk browser, setelah penggunaan NiceScroll ini akan menampilkan default scrollbar terlebih dahulu, baru kemudian diganti dengan NiceScroll setelah JavaScript tereksekusi. Untuk blog yang lambat akan terlihat perubahannya. Sebagai pilihan, agar scrollbar tidak ditampilkan, maka tambahkan </span><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">overflow:hidden</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;"> pada </span><code style="background-color: white; color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">body</code><span style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;">.</span><br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" /><br />
<pre style="background-color: #2f3741; border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="undefined" style="background-image: none !important; border: none !important; color: #a3a49a; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;">body {
....
....
....
overflow:hidden
}
</code></pre>
<br style="background-color: white; color: #797979; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px;" />
<div class="resource" style="background-color: #e0ecff; border: 1px solid rgb(179, 197, 224); color: #666666; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; padding: 5px 10px;">
Sumber : http://blog.kangismet.net/2013/12/merubah-tampilan-scrollbar-dengan-jquery.html</div>

Merubah Tampilan Scrollbar Blog dengan JQuery - Merubah tampilan scrollbar pada blog terkadang diperlukan untuk menyesuaikan dengan desain blog itu se…

Dec 30, 2013 +

Cara Mendeklarasikan Variabel Di CSS

<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-left: 1em; margin-right: 1em; padding: 0px; word-wrap: break-word;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpECBIgx17e40uB0adZnp_A3v156av0_0EpliZ2m3tKFIT5aoHAuEULQJxQc3WJYD3bGQxCa0TMGbgXPzdUUCcWK4cfnyZ45jcKe02kHQQg78nnPURAw8pkYAtn45pR0bISNebuGa6z5I/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mendeklarasikan Variabel Di CSS" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpECBIgx17e40uB0adZnp_A3v156av0_0EpliZ2m3tKFIT5aoHAuEULQJxQc3WJYD3bGQxCa0TMGbgXPzdUUCcWK4cfnyZ45jcKe02kHQQg78nnPURAw8pkYAtn45pR0bISNebuGa6z5I/s320/2.jpg" title="CSS" width="320" /></a></div>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-left: 1em; margin-right: 1em; padding: 0px; word-wrap: break-word;">
<br /></div>
<br />
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Fitur baru CSS Variable, Salah satu permintaan yang paling sering ditanyakan, paling diinginkan, paling ditunggu-tunggu oleh web designer adalah “Apakah CSS bisa mendeklarasikan variable?”. Dan akhirnya pertanyaan itu dijawab sudah oleh W3C. Setelah banyak diskusi, akhirnya CSS Custom Property untuk menentukan variable di <a href="http://www.tutorial-webdesign.com/tag/belajar-css3/" style="color: #047e7d; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="CSS3">css</a> mulai bisa diimplementasikan. Fitur ini tentunya memungkinkan penulis kode css bisa menentukan variable untuk bisa digunakan berulang kali di dalam dokumen css.</div>
<blockquote style="background-color: #eeeeee; border-left-color: rgb(174, 108, 102); border-left-style: solid; border-left-width: 3px; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 13px; font-style: italic; line-height: 22.5px; margin: 0px 0px 20px; padding: 20px;">
<div style="line-height: 1.25; padding: 0px; word-wrap: break-word;">
Untuk mencobanya anda bisa menggunakan <a href="http://nightly.mozilla.org/" style="color: #047e7d; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="Nightly Mozilla"><strong style="margin: 0px; padding: 0px;">Mozilla Firefox Nightly</strong></a> mulai<strong style="margin: 0px; padding: 0px;">versi 29</strong> atau yang terbaru.</div>
</blockquote>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Referensi ke variabel dapat dibuat dalam nilai properi menggunakan sintak<strong style="margin: 0px; padding: 0px;">var()</strong>.</div>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Sifat kustom yang mendeklarasikan variabel semuanya harus diberinama yang dimulai dengan <strong style="margin: 0px; padding: 0px;">var-</strong>. Nilai properti kustom harus unik. Semua dapat mengambil hampir semua aliran token, asalkan seimbang.</div>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Sebagai contoh, seorang penulis akan menyatakan beberapa nilai umum pada aturan gaya penulisan yang cocok dengan elemen root, sehingga akan tersedia pada setiap elemen dalam dokumen.</div>
<pre class="brush: css; title: ; notranslate" style="background-color: whitesmoke; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); color: #333333; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 11px; line-height: 20px; margin-bottom: 10px; padding: 9.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;" title="">:root {
  var-theme-colour-1: #009EE0;  // Biru
  var-theme-colour-2: #FFED00;  // Kuning
  var-theme-colour-3: #E2007A;  // Merah
  var-spacing: 24px;
  // var-xxxx untuk membuat variabel lain, syarat variabel harus diawali dengan prefix var-
}
</pre>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Untuk Cross Browser mungkin bisa menggunakan sintak berikut ini.</div>
<pre class="brush: css; title: ; notranslate" style="background-color: whitesmoke; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); color: #333333; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 11px; line-height: 20px; margin-bottom: 10px; padding: 9.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;" title="">:root {
    /* Cross Browser */
    -webkit-var-theme-colour-1: #009EE0;
    -moz-var-theme-colour-1: #009EE0;
    -ms-var-theme-colour-1: #009EE0;
    -o-var-theme-colour-1: #009EE0;
    var-theme-colour-1: #009EE0;
    ...
    ...
    -webkit-var-theme-colour-2: #FFED00;
    ...
  }
</pre>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Variabel dapat direferensikan pada setiap posisi elemen dalam nilai properti lain, termasuk properti kustom lainnya. Variabel dalam stylesheet diatas dapat digunakan, misalnya, sebagai berikut:</div>
<pre class="brush: css; title: ; notranslate" style="background-color: whitesmoke; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); color: #333333; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 11px; line-height: 20px; margin-bottom: 10px; padding: 9.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;" title="">h1, h2 {
  /* Cross Browser */
  color: webkit-var(theme-colour-1);
  color: moz-var(theme-colour-1);
  color: ms-var(theme-colour-1);
  color: o-var(theme-colour-1);
  color: var(theme-colour-1);
}
h1, h2, p {
  margin-top: var(spacing);
}
em {
  background-color: var(theme-colour-2);
}
blockquote {
  margin: var(spacing) calc(var(spacing) * 2);
  padding: calc(var(spacing) / 2) 0;
  border-top: 2px solid var(theme-colour-3);
  border-bottom: 1px dotted var(theme-colour-3);
  font-style: italic;
}
</pre>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Selanjutnya buat sintak html sebagai berikut.</div>
<pre class="brush: xml; title: ; notranslate" style="background-color: whitesmoke; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); color: #333333; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 11px; line-height: 20px; margin-bottom: 10px; padding: 9.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;" title=""><!DOCTYPE html>
<h1>The title of the document</h1>
<h2>A witty subtitle</h2>
<p><em>Please</em> consider the following quote:</p>
<blockquote>Text of the quote goes here.</blockquote>
</pre>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
maka hasilnya dalah seperti ini:</div>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
<img alt="css-variabel" class="aligncenter size-full wp-image-5008" height="276" src="http://www.tutorial-webdesign.com/wp-content/uploads/2013/12/css-variabel.png" style="border: 1px solid rgb(244, 244, 244); box-sizing: border-box; display: block; height: auto; margin: 5px auto; max-width: 100%; padding: 2px; vertical-align: middle; width: auto;" width="614" /></div>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Variabel diselesaikan berdasarkan nilai variabel di element property dengan referensi variabel yang diterapkan. Jika elemen <code style="background-color: #dddddd; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #111111; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12px; margin: 0px; padding: 2px 4px; white-space: nowrap;">H2</code> memiliki<code style="background-color: #dddddd; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #111111; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12px; margin: 0px; padding: 2px 4px; white-space: nowrap;">style="var-theme-colour-1: black"</code> diatasnya, maka<code style="background-color: #dddddd; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #111111; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12px; margin: 0px; padding: 2px 4px; white-space: nowrap;">H2{color: var(theme-colour-1);}</code> menurut aturan akan diselesaikan dengan menggunakan nilai yang ada di <code style="background-color: #dddddd; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #111111; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12px; margin: 0px; padding: 2px 4px; white-space: nowrap;">:root</code>.</div>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Referensi variabel juga dapat mencakup fallback untuk digunakan dalam kasus variabel tidak ditentukan atau tidak valid ( karena menjadi bagian dari siklus referensi variabel). Aturan pertama dalam stylesheet menggunakan variabel yang ditulis sebagai berikut:</div>
<pre class="brush: css; title: ; notranslate" style="background-color: whitesmoke; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); color: #333333; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 11px; line-height: 20px; margin-bottom: 10px; padding: 9.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;" title="">h1, h2 {
  color: var(theme-colour-1, rgb(14, 14, 14));
}
</pre>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
yang akan menghasilkan warna menjadi abu-abu gelap jika variabel theme-colour-1 tidak didefinisikan pada salah satu elemen heading.</div>
<div style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
Sekian pengenalan singkat tentang penggunaan variabel di <a href="http://www.tutorial-webdesign.com/tag/css/" style="color: #047e7d; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="CSS">CSS</a>, untuk info lebih lanjut silahkan baca dokumen resmi dari W3C</div>
<div style="font-family: Gudea, helvetica, arial, verdana, 'Times New roman', sans-serif; line-height: 22.5px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
<span style="font-size: x-small;"><span style="background-color: white; color: #333333;">Sumber : </span><span style="background-color: #cccccc;"><span style="color: white;">http://www.tutorial-webdesign.com/mendeklarasikan-variabel-di-css/</span></span></span></div>

Fitur baru CSS Variable, Salah satu permintaan yang paling sering ditanyakan, paling diinginkan, paling ditunggu-tunggu oleh web designer adalah “Apa…

Dec 26, 2013 +

Menghitung Selisih Hari dengan C++

<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT7ZjCLPZoKW3X2XdfWoMGyVmXfn38-GSh1C04FQQoZzUGzevlnbg-KAKq9wAAE-WFTThhonndzwczHNbGxw8JL8b7S-Li4e_KdSaJCbh7ifzqdCAyWz3HxBe24sTkfRPQUR7syCx5wDm1/s1600/selisih+hari.png" imageanchor="1" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #8ca6b4; margin-left: 1em; margin-right: 1em; text-decoration: none; transition: all 0.4s ease-in-out;"><img alt="C++ | Menghitung Selisih Hari" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT7ZjCLPZoKW3X2XdfWoMGyVmXfn38-GSh1C04FQQoZzUGzevlnbg-KAKq9wAAE-WFTThhonndzwczHNbGxw8JL8b7S-Li4e_KdSaJCbh7ifzqdCAyWz3HxBe24sTkfRPQUR7syCx5wDm1/s320/selisih+hari.png" style="-webkit-transition: all 0.4s ease-in-out; border-width: 0px; box-sizing: border-box; height: auto; max-width: 100%; transition: all 0.4s ease-in-out;" title="C++ | Menghitung Selisih Hari" width="320" /></a></div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<br style="box-sizing: border-box;" /></div>
<span style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, sans-serif; font-size: 14px;"><span style="box-sizing: border-box; color: red; font-size: medium; font-weight: bold;">M-S Blog </span>|| C++ | Menghitung Selisih Hari</span><br />
<br />
<div class="alert" style="background-color: lightcyan; border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px 1px 1px 15px; box-sizing: border-box; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; line-height: 1.6em; margin: 10px; padding: 10px 15px;">
#include <iostream.h><br />
<br style="box-sizing: border-box;" />
typedef struct Lahir<br />
{<br />
    int tgl, bln, thn;<br />
    int tgl2, bln2, thn2;<br />
    int tgl3, bln3, thn3;<br />
};<br />
<br style="box-sizing: border-box;" />
void main()<br />
{<br />
<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;"> </span> cout << "<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;">  </span>PROGRAM PERHITUNGAN USIA";<br />
<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;"> </span> cout << "\n======================================================\n";<br />
<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;"> </span> char nama[20];<br />
    Lahir tbt;<br />
<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;"> </span> cout << "Nama <span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;">  </span> : ";<br />
    cin >> nama;<br />
    cout << "Tanggal lahir    : ";<br />
    cin >> tbt.tgl;<br />
    cout << "Bulan lahir      : ";<br />
    cin >> tbt.bln;<br />
    cout << "Tahun lahir      : ";<br />
    cin >> tbt.thn;<br />
    cout << endl;<br />
    cout << "Tanggal sekarang : ";<br />
    cin >> tbt.tgl2;<br />
    cout << "Bulan sekarang   : ";<br />
    cin >> tbt.bln2;<br />
    cout << "Tahun sekarang   : ";<br />
    cin >> tbt.thn2;<br />
    cout << endl;<br />
<br style="box-sizing: border-box;" />
    if(tbt.thn2 > tbt.thn)<br />
    {<br />
        tbt.thn3 = tbt.thn2 - tbt.thn;<br />
        if(tbt.bln2 < tbt.bln)<br />
        {<br />
            tbt.thn3 = tbt.thn3 - 1;<br />
            tbt.bln3 = (tbt.bln2 + 12)- tbt.bln;<br />
        }<br />
        else<br />
            tbt.bln3 = tbt.bln2 - tbt.bln;<br />
        if(tbt.tgl2 < tbt.tgl)<br />
        {<br />
            tbt.bln3 = tbt.bln3 - 1;<br />
            tbt.tgl3 = (tbt.tgl2 + 30)- tbt.tgl;<br />
        }<br />
        else<br />
<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;">    </span>tbt.tgl3 = tbt.tgl2 - tbt.tgl;<br />
<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;">  </span>  cout << "\n==================================";<br />
<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;">  </span>  cout << "\nNama      : " << nama;<br />
<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;">  </span>  cout << "\nUsia      : " << tbt.thn3 << " tahun " << tbt.bln3 << " bulan " << tbt.tgl3 << " hari";<br />
    }<br />
    else<br />
<span class="Apple-tab-span" style="box-sizing: border-box; white-space: pre;">  </span>  cout << "\nError : Inputan Salah";<br />
}<br />
<div style="box-sizing: border-box;">
<br style="box-sizing: border-box;" /></div>
</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<span style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: medium;"><b style="box-sizing: border-box;">Screnshoot </b></span><br />
<span style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: medium;"><b style="box-sizing: border-box;"><br style="box-sizing: border-box;" /></b></span>
<div class="separator" style="box-sizing: border-box; clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif1FkHnnh211fUmg89UTnWonH6BM410ZowHoBwqgyRuUdYn9PVOyZgYB8scPwu_L8UKzvNk1BCVzT6oUzRJ6-bw3TgbcHAK16xD0HjjymhWNMDCDCEY_nGoZjK1k3rQQXYCLxze6ady7Z5/s1600/6.png" imageanchor="1" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #8ca6b4; margin-left: 1em; margin-right: 1em; text-decoration: none; transition: all 0.4s ease-in-out;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif1FkHnnh211fUmg89UTnWonH6BM410ZowHoBwqgyRuUdYn9PVOyZgYB8scPwu_L8UKzvNk1BCVzT6oUzRJ6-bw3TgbcHAK16xD0HjjymhWNMDCDCEY_nGoZjK1k3rQQXYCLxze6ady7Z5/s400/6.png" style="-webkit-transition: all 0.4s ease-in-out; border-width: 0px; box-sizing: border-box; height: auto; max-width: 100%; transition: all 0.4s ease-in-out;" width="400" /></a></div>
<div class="separator" style="box-sizing: border-box; clear: both;">
<br style="box-sizing: border-box;" /></div>
<div class="separator" style="box-sizing: border-box; clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYHXLOC-BcUkT-l7t6J0s_eAm34_dOf11yOe8fIR2Ed2HYa9TZUmnGc-CwN7rO1IqB6z6BDZ0b7-5uCJCdTa8A7o1EEDTIv7TdOzSFbQVK7ngFvNu2FFIa5A7TdRw6yGYuoEyKaywZxsTN/s1600/7.png" imageanchor="1" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #8ca6b4; margin-left: 1em; margin-right: 1em; text-decoration: none; transition: all 0.4s ease-in-out;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYHXLOC-BcUkT-l7t6J0s_eAm34_dOf11yOe8fIR2Ed2HYa9TZUmnGc-CwN7rO1IqB6z6BDZ0b7-5uCJCdTa8A7o1EEDTIv7TdOzSFbQVK7ngFvNu2FFIa5A7TdRw6yGYuoEyKaywZxsTN/s400/7.png" style="-webkit-transition: all 0.4s ease-in-out; border-width: 0px; box-sizing: border-box; height: auto; max-width: 100%; transition: all 0.4s ease-in-out;" width="400" /></a></div>
</div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
</div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<br style="box-sizing: border-box;" /></div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px;">
<span style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif;">Download File : <b style="box-sizing: border-box;"> <a href="http://www.mediafire.com/download/sw538uaayrd1c0v/menghitung%20usia.rar" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #8ca6b4; text-decoration: none; transition: all 0.4s ease-in-out;">Menghitung Selisih Hari</a></b></span></div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px;">
<span style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif;">Password : <span style="background-color: #999999; box-sizing: border-box; color: white;">codenesia</span></span></div>
<blockquote class="tr_bq" style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 12px; font-style: italic; line-height: 1.6em; margin: 1em 20px; padding: 0.25em 40px; position: relative;">
Jika ada pertanyaan mengenai "Menentukan Hari Berdasarkan Input Tanggal" silahkan tinggalkan komentar !</blockquote>

M-S Blog || C++ | Menghitung Selisih Hari #include typedef struct Lahir { int tgl, bln, thn; int tgl2, bln2, thn2; int tgl3, bln3, thn3;…

Dec 23, 2013 +

Cara Boom Komentar Di Facebook

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdqx4OwCCF0ZR3Shyphenhyphen3m7HTaeetHLBRMyvg6WEr0Lu1Mewg_8bfwGCnUkSD7HxvtMtjUJefm9RahblRh0NNGd79GPmzrx4Gu7H4uunEIu8-5NYiw6mgf60Hv8YpoMm6IJiRBSj63owGsA/s1600/13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Boom Komentar Di Facebook" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdqx4OwCCF0ZR3Shyphenhyphen3m7HTaeetHLBRMyvg6WEr0Lu1Mewg_8bfwGCnUkSD7HxvtMtjUJefm9RahblRh0NNGd79GPmzrx4Gu7H4uunEIu8-5NYiw6mgf60Hv8YpoMm6IJiRBSj63owGsA/s320/13.png" title="Cara Boom Komentar Di Facebook" width="320" /></a></div>
<span style="background-color: white;"><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px;"><b>M-S Blog<span style="font-size: 14px;"> || </span></b></span></span><span style="color: #444444; font-family: Rockwell, Trebuchet MS, serif;"><span style="font-size: 14px; line-height: 18.1875px;"><b>Cara Boom Komentar Di Facebook</b>, </span></span><span style="background-color: white; color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px;">kali ini WAHYU akan membagikan trik membuat Bom Komentar secara otomatis di Facebook.</span><br />
<span style="background-color: white;"><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px;">Caranya sangat mudah.</span><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px;">Langsung saja ke TKP...</span><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px;">1. Buka PC/Laptop Sahabat.</span><br style="font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px;">2. Buka Notepad dan Copy dan pastekan code berikut :</span><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: blue; font-family: Courier New, Courier, monospace;"><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;">dim wsh</b></span></i><br style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;">jumlah=100</b></span></i><br style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;">set wsh=wscript.createobject("wscript.shell")</b></span></i><br style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;">wscript.sleep 3000</b></span></i><br style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;"><br style="margin: 0px; outline: none; padding: 0px;" /></b></span></i><span style="font-size: 14px; line-height: 18.1875px;"></span><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;">for i=1 to jumlah</b></span></i><br style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;">wsh.sendkeys "</span><span style="margin: 0px; outline: none; padding: 0px;">KOMENTAR</span><span style="margin: 0px; outline: none; padding: 0px;">"</span></b></i><br style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;">wsh.sendkeys "{ENTER}"</b></span></i><br style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;">wscript.sleep delay</b></span></i><br style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;">next</b></span></i><br style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;"><br style="margin: 0px; outline: none; padding: 0px;" /></b></span></i><span style="font-size: 14px; line-height: 18.1875px;"></span><i style="font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;"><span style="margin: 0px; outline: none; padding: 0px;"><b style="margin: 0px; outline: none; padding: 0px;">'END</b></span></i></span><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px;">3. Untuk </span><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;">KOMENTAR</span><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px;">, sesuaikan dengan isi komentar Sahabat.</span><br style="font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px;">4. Simpan File dalam format .vbs</span><br style="font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px;">5. Buka file yang tersimpan tadi dengan cara mengeklik 2 kali.</span><br style="font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px;">6. Kemudian arahkan kursor pada kolom komentar facebook</span><br style="font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; line-height: 18.1875px;">7. Booooommmm</span><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><br style="font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Rockwell, 'Trebuchet MS', serif; font-size: 14px; line-height: 18.1875px;"><i>Selamat mencoba !!! dan JANGAN COBA-COBA</i></span></span></div>

M-S Blog || Cara Boom Komentar Di Facebook, kali ini WAHYU akan membagikan trik membuat Bom Komentar secara otomatis di Facebook. Caranya sangat muda…

Dec 22, 2013 +

Free Download Game Farm Frenzy 2

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQDZyhiuKt0GFV3Iyk0O-rrUs8T9au09KCqpToyvISvWRUkawbj_c86-utUpTIui0UybBDd9aJzKL8qVSVdnXBvJ2jxiHjSCTsI6qxIkDRYO8a9Ld4_-z9WBhgfLNzvr-qHMiBlALuqs/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Free Download Game Farm Frenzy 2" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQDZyhiuKt0GFV3Iyk0O-rrUs8T9au09KCqpToyvISvWRUkawbj_c86-utUpTIui0UybBDd9aJzKL8qVSVdnXBvJ2jxiHjSCTsI6qxIkDRYO8a9Ld4_-z9WBhgfLNzvr-qHMiBlALuqs/s320/11.jpg" title="Free Download Game Farm Frenzy 2" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif; font-size: large;"><span style="line-height: 18.1875px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><span style="line-height: 18.1875px;"><b><span style="font-size: large;">M-S Blog</span> || </b></span></span></span><span style="font-family: Verdana, sans-serif;"><span style="line-height: 18.1875px;"><b>Free Download Game Farm Frenzy 2</b>, </span></span><span style="background-color: white; font-family: Verdana, sans-serif; line-height: 18.1875px;">sekarang saya ingin berbagi lagi nih Game Farm Frenzy 2. Game Farm Frenzy 2 ini sama saja sebenarnya dengan Farm Frenzy yang pertama. Cara bermainnya pun sama, yang beda hanyalah hewan-hewan dari Farm Frenzy 2 ini lebih dibedakan lagi atau lebih baru.</span><br />
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br style="line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="line-height: 18.1875px;">System Requirements :</span><br style="line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="line-height: 18.1875px;">- Windows XP/Vista/7</span><br style="line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="line-height: 18.1875px;">- Processor 1Ghz or better</span><br style="line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="line-height: 18.1875px;">- 256 Mb RAM</span><br style="line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="line-height: 18.1875px;">- 16 Mb of Video Memory</span><br style="line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /><span style="line-height: 18.1875px;">- DirectX 8.0</span><br style="line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;" /></span></span><br />
<div style="line-height: 18.1875px; margin: 0px; outline: none; padding: 0px;">
<ul style="list-style: square; margin: 0px; outline: none; padding: 0px;">
<li style="margin: 0px 0px 8px 40px; outline: none; padding: 0px 0px 5px;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Link Download :<span style="color: #dddddd;"> </span><a href="http://www.mediafire.com/download/s3ymkvmsgdgbjtn/Farm+Frenzy+2+-+www.semesta.com.rar" style="color: #00dd00; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">Farm Frenzy 3</a></span></span></li>
</ul>
</div>

M-S Blog || Free Download Game Farm Frenzy 2, sekarang saya ingin berbagi lagi nih Game Farm Frenzy 2. Game Farm Frenzy 2 ini sama saja sebenarnya de…

Dec 21, 2013 +

Free Download Game Who Wants To Be A MILLIONARE

<div style="background-color: rgba(255, 255, 255, 0.8); color: #3c4042; font-family: 'Droid Sans', sans-serif; font-size: 15px; line-height: 20px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOLXHk1WjJkMDceZTsKRQ19tkONg500GDNwiFaNqddf595for4bQsC_mv28BzuT1xbjIvN21kL8wMmaumHtJtIspsHtXtAO1TWJlSk93LCA72RMFkYUynbViP_hsZY0PKkmKzmSXpNyE/s1600/1.jpg" imageanchor="1" style="-webkit-transition: color 0.4s; color: #1e598e; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none; transition: color 0.4s;"><img alt="Free Download Game Who Wants To Be A MILLIONARE" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOLXHk1WjJkMDceZTsKRQ19tkONg500GDNwiFaNqddf595for4bQsC_mv28BzuT1xbjIvN21kL8wMmaumHtJtIspsHtXtAO1TWJlSk93LCA72RMFkYUynbViP_hsZY0PKkmKzmSXpNyE/s1600/1.jpg" style="border: 0px; height: auto; max-width: 100%;" title="Free Download Game Who Wants To Be A MILLIONARE" /></a></div>
<div style="background-color: rgba(255, 255, 255, 0.8); color: #3c4042; font-family: 'Droid Sans', sans-serif; font-size: 15px; line-height: 20px; text-align: center;">
<br /></div>
<div style="background-color: rgba(255, 255, 255, 0.8); font-family: 'Droid Sans', sans-serif; font-size: 15px; line-height: 20px;">
<span style="color: #3c4042;">Ini adalah game tebak-tebakan, anda harus bisa menjawab pertanyaan dari soal-soal yang telah ditentukan, dimulai dari hadiah sebesar Rp 50.000-, sampai dengan Rp 1 Milyar, Eiiittsss tapi kalau kalian menang sampe 1 Milyar gak dpet 1 Milyar lohh, karena ini hanya sebuah permainan :D, Langsung aja didownload dibawah ini gan</span><br />
<br />
<div style="text-align: center;">
<span style="color: #3c4042;">Link :</span><br />
<a href="http://www.4shared.com/rar/Wm6jwbDx/Millionaire_Indonesia__Safryan.html" style="-webkit-transition: color 0.4s initial initial; color: #1e598e; outline: none; text-decoration: none; transition: color 0.4s initial initial;" target="_blank">Download</a><br />
<span style="color: #3c4042;">Password : safryan-art.blogspot.com</span><br />
<br />
<div style="text-align: left;">
<span style="color: #3c4042;">Nih ada info dikit gan :D hehehe, kalo ente salah trus ngejawab soalnya ada cara licik kok :D, caranya gini, waktu agan salah ngejawab trus klik Control > Play atau bisa juga langsung menekan Ctrl + Enter, Otomatis pertanyaannya akan diulang lagi, dan level anda akan tetap tidak terulang dari level 1 lagi, hehehehehehe.....</span><br />
<br />
<div class="separator" style="clear: both; color: #3c4042; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7kWhB2Houic9EZSo02MpgGulbCj1tDcOTHa0YHUUFwU1T8XHzUmzYBgh1cygBFLm8C3XvVwS6kmz83NQ-JzfKFpz2bTvwapPTrRtMSB_RMAGcQExXCiq_Hb_fM9OsIkb5yEc9LazZ63Y/s1600/1.jpg" imageanchor="1" style="-webkit-transition: color 0.4s; color: #1e598e; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none; transition: color 0.4s;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7kWhB2Houic9EZSo02MpgGulbCj1tDcOTHa0YHUUFwU1T8XHzUmzYBgh1cygBFLm8C3XvVwS6kmz83NQ-JzfKFpz2bTvwapPTrRtMSB_RMAGcQExXCiq_Hb_fM9OsIkb5yEc9LazZ63Y/s320/1.jpg" style="border: 0px; height: auto; max-width: 100%;" width="320" /></a></div>
<div style="text-align: center;">
<br />
<div style="color: #3c4042; text-align: left;">
Sekian Artikel dari Saya, Semoga Bermanfaat</div>
<div style="color: #3c4042; text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="http://safryan-art.blogspot.com/2013/12/download-game-millionaire-indonesia.html"><span style="color: red;">Source</span></a></div>
</div>
</div>
</div>
</div>

Ini adalah game tebak-tebakan, anda harus bisa menjawab pertanyaan dari soal-soal yang telah ditentukan, dimulai dari hadiah sebesar Rp 50.000-, samp…

Dec 21, 2013 +

Free Download Game Grand Theft Auto Sanandreas (GTA) Untuk Android

<span style="background-color: rgba(255, 255, 255, 0.8); color: #3c4042; font-family: 'Droid Sans', sans-serif; line-height: 20px;"><b><span style="font-size: large;">M-S Blog</span><span style="font-size: 15px;"> || </span></b></span><span style="color: #3c4042; font-family: Droid Sans, sans-serif;"><span style="font-size: 15.454545021057129px; line-height: 20px;"><b>Free Download Grand Theft Auto Sanandreas Untuk Android</b>, </span></span><span style="background-color: rgba(255, 255, 255, 0.8); color: #3c4042; font-family: 'Droid Sans', sans-serif; font-size: 15px; line-height: 20px;">Masih berhubungan dengan Android, kali ini saya akan share Grand Theft Auto Sanandreas Untuk Android (GTA SA), Cekidot.....</span><br />
<br style="background-color: rgba(255, 255, 255, 0.8); color: #3c4042; font-family: 'Droid Sans', sans-serif; font-size: 15px; line-height: 20px;" />
<div class="separator" style="background-color: rgba(255, 255, 255, 0.8); clear: both; color: #3c4042; font-family: 'Droid Sans', sans-serif; font-size: 15px; line-height: 20px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cbL9xfpO_JdJ_28eZyR2rH_JkhMV2CeQSt6fyxVhWROAAfgvBVa3Z-ZknMrr-VyOysOGasPqQdJEGSClZP6HGVpZ7g8r3utUw_dkbUSRdGrsmO3R_LPKsBAQ9R9sLklpMPoNWzYPlY4/s1600/1.jpg" imageanchor="1" style="-webkit-transition: color 0.4s; color: #1e598e; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none; transition: color 0.4s;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cbL9xfpO_JdJ_28eZyR2rH_JkhMV2CeQSt6fyxVhWROAAfgvBVa3Z-ZknMrr-VyOysOGasPqQdJEGSClZP6HGVpZ7g8r3utUw_dkbUSRdGrsmO3R_LPKsBAQ9R9sLklpMPoNWzYPlY4/s320/1.jpg" style="border: 0px; height: auto; max-width: 100%;" width="320" /></a></div>
<div style="background-color: rgba(255, 255, 255, 0.8); color: #3c4042; font-family: 'Droid Sans', sans-serif; font-size: 15px; line-height: 20px;">
Penampakan :<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdnMn1bZSi_B-4GwjlN8EWydG0CrGb2xEPSpiG565WhtGvtTrQHK46RRiItGSNQhCB1v2fd_gtbDYMnwMYTRrNhcbvdR67XQhgrOAd-mQzm9xPBLHH-2MeXSxtbU-ey5S8QYmjwpJkj2Y/s1600/2.jpg" imageanchor="1" style="-webkit-transition: color 0.4s; color: #1e598e; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none; transition: color 0.4s;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdnMn1bZSi_B-4GwjlN8EWydG0CrGb2xEPSpiG565WhtGvtTrQHK46RRiItGSNQhCB1v2fd_gtbDYMnwMYTRrNhcbvdR67XQhgrOAd-mQzm9xPBLHH-2MeXSxtbU-ey5S8QYmjwpJkj2Y/s320/2.jpg" style="border: 0px; height: auto; max-width: 100%;" width="320" /></a></div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTWHeCAnU-cPPcBFlrcaYafX0BpbMkWIdzpd35v_b6b8Ut8z4krXqb1yv-WbaCJp_fv6cJviYuMz82aCCpuGaAcR1Bt52L4GPPahJIns6N_YdK8CDg3e5-lHGMnJj_ZdJ_ociSRO8VXL0/s1600/3.jpg" imageanchor="1" style="-webkit-transition: color 0.4s; color: #1e598e; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none; transition: color 0.4s;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTWHeCAnU-cPPcBFlrcaYafX0BpbMkWIdzpd35v_b6b8Ut8z4krXqb1yv-WbaCJp_fv6cJviYuMz82aCCpuGaAcR1Bt52L4GPPahJIns6N_YdK8CDg3e5-lHGMnJj_ZdJ_ociSRO8VXL0/s320/3.jpg" style="border: 0px; height: auto; max-width: 100%;" width="320" /></a></div>
<br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpvAz0dadFeBmKH1ZZFIfh8H4Uz_v8xvHDleA3AMoH8FG3zd6WzFO-ROsHhfgfiMs-XMhZD-x7NDQ7DJQW4GzXblWL1E4XTwMzCGch4-N3mQFUsmbRt9iSD3Jb2HZVmWC2srwVFfnQADM/s1600/4.jpg" imageanchor="1" style="-webkit-transition: color 0.4s; color: #1e598e; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none; transition: color 0.4s;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpvAz0dadFeBmKH1ZZFIfh8H4Uz_v8xvHDleA3AMoH8FG3zd6WzFO-ROsHhfgfiMs-XMhZD-x7NDQ7DJQW4GzXblWL1E4XTwMzCGch4-N3mQFUsmbRt9iSD3Jb2HZVmWC2srwVFfnQADM/s320/4.jpg" style="border: 0px; height: auto; max-width: 100%;" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
Langsung aja disedot :</div>
<br /><div style="text-align: center;">
Apk Cracked - </div>
</div>
<div style="background-color: rgba(255, 255, 255, 0.8); color: #3c4042; font-family: 'Droid Sans', sans-serif; line-height: 20px; text-align: center;">
<div style="font-size: 15px;">
<a href="http://adf.ly/axH1G" style="-webkit-transition: color 0.4s; color: #1e598e; outline: none; text-decoration: none; transition: color 0.4s;" target="_blank">http://adf.ly/axH1G</a></div>
<div style="font-size: 15px;">
<a href="http://adf.ly/axH4J" style="-webkit-transition: color 0.4s; color: #1e598e; outline: none; text-decoration: none; transition: color 0.4s;" target="_blank">http://adf.ly/axH4J</a></div>
<div style="font-size: 15px;">
<br /></div>
<div style="font-size: 15px;">
OBB - </div>
<div style="font-size: 15px;">
<a href="http://adf.ly/axH7V" style="-webkit-transition: color 0.4s; color: #1e598e; outline: none; text-decoration: none; transition: color 0.4s;" target="_blank">http://adf.ly/axH7V</a></div>
<div style="font-size: 15px;">
<a href="http://adf.ly/axHBo" style="-webkit-transition: color 0.4s; color: #1e598e; outline: none; text-decoration: none; transition: color 0.4s;" target="_blank">http://adf.ly/axHBo</a></div>
<div style="font-size: 15px;">
<a href="http://adf.ly/axHa6" style="-webkit-transition: color 0.4s; color: #1e598e; outline: none; text-decoration: none; transition: color 0.4s;" target="_blank">http://adf.ly/axHa6</a></div>
<div style="font-size: 15px;">
<br /></div>
<div style="font-size: 15px;">
apk+obb/data</div>
<div style="font-size: 15px;">
<a href="http://adf.ly/axHEn" style="-webkit-transition: color 0.4s; color: #1e598e; outline: none; text-decoration: none; transition: color 0.4s;" target="_blank">http://adf.ly/axHEn</a></div>
<div style="font-size: 15px;">
<a href="http://adf.ly/axHR3" style="-webkit-transition: color 0.4s; color: #1e598e; outline: none; text-decoration: none; transition: color 0.4s;" target="_blank">http://adf.ly/axHR3</a><br /><br /><div style="text-align: left;">
Cara Instal :<br /><div>
Install APK</div>
<div>
Copy 'com.rockstargames.gtasa' folder ke 'sdcard/Android/obb/'</div>
<div>
<br /></div>
<div>
<b>Jalankan gamenya, happy playing</b></div>
<div>
<b><br /></b></div>
</div>
</div>
<div style="text-align: left;">
<b><span style="font-size: large;"><i>Semoga Bermanfaat</i></span></b></div>
</div>

M-S Blog || Free Download Grand Theft Auto Sanandreas Untuk Android, Masih berhubungan dengan Android, kali ini saya akan share Grand Theft Auto Sanan…

Dec 21, 2013 +

Menentukan Hari Berdasarkan Input Tanggal dengan C++

<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh81lRVeQ8jtzO6KL2SLUV9aRDYrhw-RszPczPoWQj43mvm5PylhZTDAwwTKR5naEVgn_WJJMqHWf5-aud0N-zfUN6_7QaIqxHrFiQxg5BZ26kE1fDXrt1FIMtHm71x05dJL2XJlxpem_G2/s1600/menentukan+hari.png" imageanchor="1" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #8ca6b4; margin-left: 1em; margin-right: 1em; text-decoration: none; transition: all 0.4s ease-in-out;"><img alt="C++ | Menentukan Hari Berdasarkan Input Tanggal" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh81lRVeQ8jtzO6KL2SLUV9aRDYrhw-RszPczPoWQj43mvm5PylhZTDAwwTKR5naEVgn_WJJMqHWf5-aud0N-zfUN6_7QaIqxHrFiQxg5BZ26kE1fDXrt1FIMtHm71x05dJL2XJlxpem_G2/s320/menentukan+hari.png" style="-webkit-transition: all 0.4s ease-in-out; border-width: 0px; box-sizing: border-box; height: auto; max-width: 100%; transition: all 0.4s ease-in-out;" title="C++ | Menentukan Hari Berdasarkan Input Tanggal" width="320" /></a></div>
<span style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, sans-serif; font-size: 14px;"><span style="box-sizing: border-box; font-size: medium;"><span style="box-sizing: border-box; color: red; font-weight: bold;"><br style="box-sizing: border-box;" /></span></span></span><span style="background-color: white; box-sizing: border-box; color: red; font-family: Verdana, sans-serif; font-size: medium;"><b>M-S Blog</b></span><span style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, sans-serif; font-size: 14px;"> | Menentukan Hari Berdasarkan Input Tanggal dengan C++</span><br />
<br />
<div class="alert" style="background-color: lightcyan; border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px 1px 1px 15px; box-sizing: border-box; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; line-height: 1.6em; margin: 10px; padding: 10px 15px;">
#include <iostream.h> main() { int tgl,bln,thn,k,f,h,sisa; cout<<"==============================================="<<endl; cout<<" -- ** -- Program Pencarian Hari Lahir -- ** --"<<endl; cout<<"==============================================="<<endl; cout<<endl; cout<<"Masukkan Tanggal Lahir Anda      --> ";cin>>tgl; cout<<"Masukkan Bulan Lahir Anda (1-12) --> ";cin>>bln; cout<<"Masukkan Tahun Lahir Anda        --> ";cin>>thn; cout<<endl; { if (bln == 1) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" Januari "<<thn<<" '"<<endl; else if (bln == 2) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" Februari "<<thn<<" '"<<endl; else if (bln == 3) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" Maret "<<thn<<" '"<<endl; else if (bln == 4) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" April "<<thn<<" '"<<endl; else if (bln == 5) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" Mei "<<thn<<" '"<<endl; else if (bln == 6) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" Juni "<<thn<<" '"<<endl; else if (bln == 7) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" Juli "<<thn<<" '"<<endl; else if (bln == 8) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" Agustus "<<thn<<" '"<<endl; else if (bln == 9) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" September "<<thn<<" '"<<endl; else if (bln == 10) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" Oktober "<<thn<<" '"<<endl; else if (bln == 11) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" November "<<thn<<" '"<<endl; else if (bln == 12) cout<<"Anda Lahir Pada Tanggal ' "<<tgl<<" Desember "<<thn<<" '"<<endl; cout<<endl; } if(thn%4!=0) f=28; else if ((thn%100==0)&&(thn%400!=0)) f=28; else f=29; {cout<<"Tahun "<<thn<<" adalah "; if(thn%4!=0) cout<<"Bukan Tahun Kabisat"<<endl; if ((thn%100==0)&&(thn%400!=0)) cout<<"Bukan Tahun Kabisat"<<endl; else if((thn%4!=0) && ((thn%100==0)&&(thn%400!=0))) cout<<"Tahun Kabisat"<<endl;} cout<<"Maka, Bulan Februari pada tahun "<<thn<<" ada "<<f<<" hari"<<endl<<endl; { int h; cout<<"-- ** -- Cara Menentukan Hari Kelahiran -- ** --"<<endl; cout<<endl; cout<<"--> Langkah Pertama"<<endl; cout<<"01 Januari "<<thn<<" sampai dengan "<<tgl<<" "<<bln<<" "<<thn<<endl; if (bln == 1) cout<<tgl<<" Januari adalah hari ke- "<<tgl<<endl; else if (bln == 2) {h=31+tgl; cout<<tgl<<" Februari adalah hari ke- "<<h<<endl; } if (bln == 3) { h=31+f+tgl; cout<<tgl<<" Maret adalah hari ke- "<<h<<endl; } else if (bln == 4) { h=31+f+31+tgl; cout<<tgl<<" April adalah hari ke- "<<h<<endl;< } else if (bln == 5) { h=31+f+31+30+tgl; cout<<tgl<<" Mei adalah hari ke- "<<h<<endl; } else if (bln == 6) { h=31+f+31+30+31+tgl; cout<<tgl<<" Juni adalah hari ke- "<<h<<endl; } else if (bln == 7) { h=31+f+31+30+31+30+tgl; cout<<tgl<<" Juli adalah hari ke- "<<h<<endl;< } else if (bln == 8) { h=31+f+31+30+31+30+31+tgl; cout<<tgl<<" Agustus adalah hari ke- "<<h<<endl; } else if (bln == 9) { h=31+f+31+30+31+30+31+30+tgl; cout<<tgl<<" September adalah hari ke- "<<h<<endl; } else if (bln == 10) { h=31+f+31+30+31+30+31+30+31+tgl; cout<<tgl<<" Oktober adalah hari ke- "<<h<<endl; } else if (bln == 11) { h=31+f+31+30+31+30+31+30+31+30+tgl; cout<<tgl<<" November adalah hari ke- "<<h<<endl; } else if (bln == 12) { h=31+f+31+30+31+30+31+30+31+30+31+tgl; cout<<tgl<<" Desember adalah hari ke- "<<h<<endl; } cout<<endl; k=(thn-1)/4; cout<<"--> Langkah Kedua "<<endl; cout<<thn<<" - 1 = "<<(thn-1)<<endl; cout<<"lalu "<<(thn-1)<<" dibagi 4 = "<<(thn-1)/4<<endl; cout<<endl; sisa=((thn+h)+k)%7; cout<<"--> Langkah Ketiga"<<endl; cout<<thn<<" + "<<h<<" = "<<(thn+h)<<endl; cout<<"lalu ("<<(thn+h)<<" + "<<k<<") mod 7 sisanya "<<sisa<<endl; cout<<endl; cout<<"--> Hasil Akhirnya"<<endl; cout<<"Jadi Hari Lahir Anda Adalah Hari ' "; if (sisa==1) cout<<"Sabtu '";else if (sisa==2) cout<<"Minggu '";else if (sisa==3) cout<<"Senin '";else if (sisa==4) cout<<"Selasa '";else if (sisa==5) cout<<"Rabu '";else if (sisa==6) cout<<"Kamis '";else if (sisa==7) cout<<"Maka Sebaiknya Anda Belajar Berhitung Lagi Deh ^.^";else if (sisa==0) cout<<"Jum'at '"; } }</div>
<br style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px;" />
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<span style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: medium;"><b style="box-sizing: border-box;">Screnshoot </b></span></div>
<span style="background-color: white; box-sizing: border-box; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><b style="box-sizing: border-box;"><br style="box-sizing: border-box;" /></b></span><span style="background-color: white; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px;"></span>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Ga_xlEtZk3zBHLoHXQEbn4jAwti_3tW4oxZwB5g_h-QCLgeokwP2JwMiyJ_mlfl6aUAy7deSiUEQ0q-1nNzFWrbTgOl0V7yll0IJGbfFQK4TsDiVZzTq-fpLOn1nCw7T0DOelw5o22ky/s1600/2.png" imageanchor="1" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #8ca6b4; margin-left: 1em; margin-right: 1em; text-decoration: none; transition: all 0.4s ease-in-out;"><img alt="C++ | Menentukan Hari Berdasarkan Input Tanggal" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Ga_xlEtZk3zBHLoHXQEbn4jAwti_3tW4oxZwB5g_h-QCLgeokwP2JwMiyJ_mlfl6aUAy7deSiUEQ0q-1nNzFWrbTgOl0V7yll0IJGbfFQK4TsDiVZzTq-fpLOn1nCw7T0DOelw5o22ky/s400/2.png" style="-webkit-transition: all 0.4s ease-in-out; border-width: 0px; box-sizing: border-box; height: auto; max-width: 100%; transition: all 0.4s ease-in-out;" title="C++ | Menentukan Hari Berdasarkan Input Tanggal" width="400" /></a></div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<br style="box-sizing: border-box;" /></div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPdI-zdX2GQmUKJYYgUXx4KY36ja1whSfp9cGCY3CUfTXj0-bum_1jQV2OPsxWut-XBJ-TW_LUuiO6e09SG-Zv-_QvA1ZhfAGZ6cheEeEigbIYCZZ7STWl6AoaeansE1P7HZR23gyAAJs/s1600/1.png" imageanchor="1" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #8ca6b4; margin-left: 1em; margin-right: 1em; text-decoration: none; transition: all 0.4s ease-in-out;"><img alt="C++ | Menentukan Hari Berdasarkan Input Tanggal" border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPdI-zdX2GQmUKJYYgUXx4KY36ja1whSfp9cGCY3CUfTXj0-bum_1jQV2OPsxWut-XBJ-TW_LUuiO6e09SG-Zv-_QvA1ZhfAGZ6cheEeEigbIYCZZ7STWl6AoaeansE1P7HZR23gyAAJs/s400/1.png" style="-webkit-transition: all 0.4s ease-in-out; border-width: 0px; box-sizing: border-box; height: auto; max-width: 100%; transition: all 0.4s ease-in-out;" title="C++ | Menentukan Hari Berdasarkan Input Tanggal" width="400" /></a></div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px; text-align: center;">
<br style="box-sizing: border-box;" /></div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px;">
<span style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif;">Download File : <a href="http://www.mediafire.com/download/rgutefr19rc7j6c/menentukan%20hari%20lahir.rar" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #8ca6b4; text-decoration: none; transition: all 0.4s ease-in-out;"><b style="box-sizing: border-box;">Menentukan Hari Berdasarkan Input Tanggal</b></a></span></div>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 14px;">
<span style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif;">Password : <span style="background-color: #999999; box-sizing: border-box; color: white;">codenesia</span></span></div>
<blockquote class="tr_bq" style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 12px; font-style: italic; line-height: 1.6em; margin: 1em 20px; padding: 0.25em 40px; position: relative;">
Jika ada pertanyaan mengenai "Menentukan Hari Berdasarkan Input Tanggal" silahkan tinggalkan komentar !</blockquote>

M-S Blog | Menentukan Hari Berdasarkan Input Tanggal dengan C++ #include main() { int tgl,bln,thn,k,f,h,sisa; cout ";cin>>tgl; cout ";cin>>bln; cout…

Dec 21, 2013 +

Cara Membuat Tombol Demo dan Download di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<b><span style="font-size: large;"> </span></b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7qclzt6U-iFJpzhSSUGWYCsg6e8ZWHPyKtENjagjExqhyphenhyphenwHaj9FGu9wZPRSpXH1DYHCJw9lPiawUMewP05WA7yv36BsIo5BQq7zX8eL3eBZYaeIaNPVRSw2E7OFEZv6-gnrmLd8TJzP4/s1600/demo_download_button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><b><span style="font-size: large;">M-S Blog</span> || Cara Membuat Tombol Demo dan Download di Blogger </b>- Banyak tutorial 
bagaimana cara membuat tombol demo dan download, nah kali ini saya share
 CSS tombol Demo dan Download ala kangismet, dgn warna dan efek gulir 
hover yg halus membuat tombol demo dan download lebih enak dipandang :).
  mau tau gimana tampilannya ? berikut SSnya</div>
<div style="text-align: center;">
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7qclzt6U-iFJpzhSSUGWYCsg6e8ZWHPyKtENjagjExqhyphenhyphenwHaj9FGu9wZPRSpXH1DYHCJw9lPiawUMewP05WA7yv36BsIo5BQq7zX8eL3eBZYaeIaNPVRSw2E7OFEZv6-gnrmLd8TJzP4/s1600/demo_download_button.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Tombol Demo dan Download di Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7qclzt6U-iFJpzhSSUGWYCsg6e8ZWHPyKtENjagjExqhyphenhyphenwHaj9FGu9wZPRSpXH1DYHCJw9lPiawUMewP05WA7yv36BsIo5BQq7zX8eL3eBZYaeIaNPVRSw2E7OFEZv6-gnrmLd8TJzP4/s1600/demo_download_button.png" title="Cara Membuat Tombol Demo dan Download di Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<u style="font-weight: bold;">Cara Membuat Tombol Demo dan Download di Blog :</u><br />
<div style="text-align: left;">
1. Buka Blogger<br />
<br />
2. Klik Template -> Edit HTML<br />
<br />
3. Copy kode dibawah ini dan paste diatas kode ]]></b:skin></div>
<blockquote class="tr_bq">
/* -- M-S Button --*/<br />
.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}<br />
.button ul {margin:0;padding:0}<br />
.button li{display:inline;margin:0;padding:0}<br />
.demo {border: none; 
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:
 8px 80px !important; background: #E55E48; color: #fff 
!important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); 
-webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 
1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); 
transition: background-color 1s ease-out 0s; 
-moz-transition:background-color 1s ease-out 0s; 
-webkit-transition:background-color 1s ease-out 0s; 
-o-transition:background-color 1s ease-out 0s;letter-spacing:1px; }<br />
.download {border: none; 
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:
 8px 80px !important; background: #5FAAE3; color: #fff 
!important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); 
-webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 
1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); 
transition: background-color 1s ease-out 0s; 
-moz-transition:background-color 1s ease-out 0s; 
-webkit-transition:background-color 1s ease-out 0s; 
-o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}<br />
.demo:hover { background: #454242; text-shadow: 0 0 1px #222; 
-moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; 
-ms-text-shadow: 0 0 1px #222 }<br />
.download:hover { background: #454242; text-shadow: 0 0 1px #222; 
-moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; 
-ms-text-shadow: 0 0 1px #222 }</blockquote>
<div style="text-align: left;">
<br />
4. Simpan template<br />
<br />
5.  Untuk penggunaannya, buat kode seperti ini ketika membuat postingan (gunakan mode HTML)</div>
<blockquote class="tr_bq">
<div style="text-align: center;"><br />
<ul class="button"><br />
<li><a class="demo" href="<span style="color: red;">http://muhammad-sholeh.info/</span>" target="_blank">Demo</a></li><br />
<li><a class="download" href="<span style="color: lime;">http://muhammad-sholeh.info/</span>" target="_blank">Download</a></li><br />
</ul><br />
</div><br />
<div class="clear"></div></blockquote>
5. Kemudian publikasikan dan lihat hasilnya<br />
<div style="text-align: left;">
<br />
Keterangan :<br />
Ganti Link yang berwarna <span style="color: red;">merah</span> dengan link <b>demo</b> anda !<br />
Ganti Link yang berwarna <span style="color: lime;">hijau</span> dengan link <b>download</b> anda !<b></b></div>
</div>
</div>

M-S Blog || Cara Membuat Tombol Demo dan Download di Blogger - Banyak tutorial bagaimana cara membuat tombol demo dan download, nah kali ini saya s…

Nov 21, 2013 +

Cara Membuat Search Box Blog Seperti Search Box Google di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Verdana,sans-serif;"><b><span style="font-size: large;">M-S Blog</span> || Membuat Search Box Blog Seperti Search Box Google </b>- Membuat search box blog seperti 
search box kepunyaan Google ini cukup sederhana dengan sedikit kode CSS 
agar tampilannya mirip, seperti yang bisa Anda lihat di atas postingan 
ini (<i>jika belum saya ganti lagi hehehe...</i>). Jika ada yang tertarik untuk
 mencobanya juga silahkan copy kode-kodenya di bawah ini.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPxVBqBjTRZooScQ8H0DqP-8n04R8bs0WB2e-PIQDSMGTxV1F6OYdn1GMCgY6fbbHHrEJBgUBjPfPSFccLqgrlMjrBR-1Zf5l76xs_hopSwiEaxjW_xqC01jVfrr40zc-c_Tn_Z4tHEq0/s1600/Search+Box+Google.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Search Box Blog Seperti Search Box Google di Blogger" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPxVBqBjTRZooScQ8H0DqP-8n04R8bs0WB2e-PIQDSMGTxV1F6OYdn1GMCgY6fbbHHrEJBgUBjPfPSFccLqgrlMjrBR-1Zf5l76xs_hopSwiEaxjW_xqC01jVfrr40zc-c_Tn_Z4tHEq0/s320/Search+Box+Google.png" title="Cara Membuat Search Box Blog Seperti Search Box Google di Blogger" width="320" /></a></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div>
<span style="font-family: Verdana,sans-serif;"></span></div>
<div>
<span style="font-family: Verdana,sans-serif;"></span></div>
<div>
<span style="font-family: Verdana,sans-serif;"></span></div>
<div>
<span style="font-family: Verdana,sans-serif;"><br /><u style="font-weight: bold;">Membuat Search Box Blog Seperti Search Box Google :</u><br /><br />1. Buka blogger<br /><br />2. Simpan kode CSS di bawah ini di atas kode <span style="background-color: yellow;">]]></b:skin></span></span></div>
<span style="font-family: Verdana,sans-serif;">

</span><br />
<div>
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"></span></span><br />
<blockquote class="tr_bq">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;">#search {background: #fff;border-radius: 2px;}</span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;">#search-form 
{color:gray;width:50%;padding:6px 70px 6px 10px;font:14px 
Arial;transition: all 0.2s linear 0s;margin:-10px 0 10px;border:1px 
solid #ccc;border-radius:2px;}</span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;">.search-button,.search-button:hover{background-color:#4D90FE;width:60px;padding:2px
 5px;margin:5px 0 0 -63px;top:4px;border-radius:0 2px 2px 
0;font-size:13px;cursor:pointer;border:none;position:relative;}</span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;">#search-form:hover{border:1px solid #aaa}</span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;">#search-form:focus{border:1px solid #4D90FE;outline:none;color:black;}</span></span></blockquote>
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;">
<span style="background-color: #999999;"><span style="color: #eeeeee;"><i><span style="font-size: x-small;">*Agar menjadi responsive maka saya gunakan persentase untuk lebarnya 
(width) pada search-form-nya, silahkan atur-atur agar sesuai dengan blog
 Anda.</span></i></span></span></span></span></div>
<div>
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
<span style="font-family: Verdana,sans-serif;">
</span>
<div>
<span style="font-family: Verdana,sans-serif;">
3. Kemudian silahkan copy kode HTML-nya di bawah ini dan silahkan simpan di mana Anda ingin menampilkannya.</span></div>
<span style="font-family: Verdana,sans-serif;">
</span>
<blockquote class="tr_bq">
<span style="font-family: Verdana,sans-serif;">
<div id='search'><br /><form id='searchform' action='/search' method='get' target='_blank'><br /><input
 id='search-form' name='q' 
onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;'
 
onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;'
 type='text' value='Search here ...'/><br /><button type='submit' 
class='search-button' title='Search'><img alt='search button' 
height='21' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF3_yyPQcworgfMs6R7Y9VpEekNG9aVpTbu3w6g6-h1uTw58Rmd61NZmUmM42XDQ_eYBfbkXWV-o9VOUGjh-NXKQfxCSC6vE_bC7O5v9YQqbgFfO0VUlThaI9jZY8qRO9Gxp1EhSaJml8H/s1600/search.png'
 title='Search' width='21'/><br /></button><br /></form><br /></div></span></blockquote>
<span style="font-family: Verdana,sans-serif;">

bisa di simpan pada gadget -> <span style="background-color: yellow;">HTML/Javascript</span>, ataupun di dalam template html<br /><br />5. simpan template :D</span></div>

Cara Membuat Search Box Blog Seperti Search Box Google di Blogger

M-S Blog || Membuat Search Box Blog Seperti Search Box Google - Membuat search box blog seperti search box kepunyaan Google ini cukup sederhana deng…

Nov 19, 2013 +

Free Download Smadav Pro 9.4.2 2013 + Keygen

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: x-small;"><span style="font-family: Verdana,sans-serif;"><b><span style="font-size: small;">M-S Blog</span> || Free Download Smadav Pro 9.4.2 2013 + Keygen</b>, Siapa orang Indonesia yang tidak tau Smadav 2013? Smadav adalah 
software dan anti virus nomor 1 di Indonesia dan ampuh dalam mengatasi 
berbagai macam virus di Indonesia. Kali ini Smadav update dengan versi <b>Smadav 9.4.2</b> . Di versi <b>Smadav 9.4.2 2013</b>, Smadav telah melakukan penyempurnaan pembersihan virus VBS dan registry, dsb.</span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuIjQ_k3zTRI8sxkkvmdIABssR4k1jan6RugbWnJJkJYfTxYu4ads5N1yx_2cvbgZCs5rP9anWzIxcXD5oY-_JeTvq0oZ4-n9nCWzbf5Rmgz_s0pWA0laWR2MFWfdMEKZZiZtRSobdj1A/s1600/Smadav+Pro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Free Download Smadav Pro 9.4.2 2013 + Keygen" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuIjQ_k3zTRI8sxkkvmdIABssR4k1jan6RugbWnJJkJYfTxYu4ads5N1yx_2cvbgZCs5rP9anWzIxcXD5oY-_JeTvq0oZ4-n9nCWzbf5Rmgz_s0pWA0laWR2MFWfdMEKZZiZtRSobdj1A/s1600/Smadav+Pro.jpg" title="Free Download Smadav Pro 9.4.2 2013 + Keygen" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<b>Cara Aktivasi Smadav Pro :</b></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ol>
<li>Install Smadav Pro</li>
<li>Jangan Di jalankan dulu smadav</li>
<li><span style="color: red;"><b>Matikan Antivirus dan internet</b></span></li>
<li>Jalankan Keygen untuk mendapatkan Serial Numbernya , Dan masukan serial numbernya ke Smadav<br />Pro</li>
<li>Selesai <span style="font-size: x-large;"><i><b>:)</b></i></span></li>
</ol>
<span style="font-size: large;"><b>Download :</b><b> <a href="http://www.sharebeast.com/oephwx69ezhn">Smadav Pro 9.4.2 2013 + Keygen</a></b></span>
<div class="separator" style="clear: both; text-align: left;">
</div>
</div>

M-S Blog || Free Download Smadav Pro 9.4.2 2013 + Keygen, Siapa orang Indonesia yang tidak tau Smadav 2013? Smadav adalah software dan anti virus no…

Nov 18, 2013 +

Membuat Menu Horizontal CSS3 Dengan Efect Hover pada Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7CEFshDFmOGATX3eHwyrYnwOP_b_WH36oWe_bqUWHj2Ewjl46WLPIUZcVYGbBPi-4itDx48t3leYMJEQhbn_0QHMmOHK6j9C2JICLISYtLiJW2LFrO92IYU83gNo2XpAm6F8MvOHjXMo/s1600/CSS3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Menu Horizontal CSS3 Dengan Efect Hover pada Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7CEFshDFmOGATX3eHwyrYnwOP_b_WH36oWe_bqUWHj2Ewjl46WLPIUZcVYGbBPi-4itDx48t3leYMJEQhbn_0QHMmOHK6j9C2JICLISYtLiJW2LFrO92IYU83gNo2XpAm6F8MvOHjXMo/s1600/CSS3.jpg" title="Membuat Menu Horizontal CSS3 Dengan Efect Hover pada Blog" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="line-height: 25px; text-align: left;"><span style="color: #222222; font-family: Open Sans, Arial, Helvetica, Geneva, sans-serif;"><b><span style="font-size: large;">M-S Blog</span><span style="font-size: x-small;"> || Membuat Menu Horizontal CSS3 Dengan Efect Hover pada Blog</span></b></span></span><span style="background-color: white; color: #222222; font-family: 'Open Sans', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 25px;"><b>  </b> - Sudah beberapa hari ini diliputi dilema pada background .. susah nentuin yang pas , biarpun pada akhirnya sedikit merasa lega juga dengan yang sekarang ,memang belum puas tapi ya sudahlah . O..ya pada sedikit kesempatan ini saya akan coba share sebuah menu simple CSS3 dengan hover efect yang lumayan bisa diandalkan untuk merubah penampilan template . Untuk lengkapnya silahkan cek demonya .</span></div>
<span style="background-color: white; color: #222222; font-family: 'Open Sans', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 25px;"><br /></span>
<br />
<div style="color: #222222; font-family: 'Open Sans', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 25px; text-align: center;">
<a class="standard blue" href="http://jsfiddle.net/RulyNakula/jZPnM/show/" style="-webkit-box-shadow: rgba(255, 255, 255, 0.298039) 0px 1px 0px inset; background-color: white; background-image: -webkit-linear-gradient(top, rgb(22, 164, 200) 0%, rgb(16, 134, 182) 100%); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 0px solid rgba(0, 0, 0, 0.2); box-shadow: rgba(255, 255, 255, 0.298039) 0px 1px 0px inset; color: white; display: inline-block; outline: none; padding: 0.5em 0.8em; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 1px;" target="blank">See Demo</a></div>
<h3 style="border-bottom-color: rgb(210, 210, 210); border-bottom-width: 3px; color: #222222; font-family: Oswald, Arial, Helvetica, Geneva, sans-serif; font-size: 25px; font-weight: normal; line-height: 27.454544067382813px; margin: 5px 0px 10px; width: 620px;">
<span style="background-color: white;"><a href="http://www.blogger.com/blogger.g?blogID=6247387641494309963" name="more" style="color: #0d86cc;"></a></span></h3>
<h3 style="border-bottom-color: rgb(210, 210, 210); border-bottom-width: 3px; color: #222222; font-family: Oswald, Arial, Helvetica, Geneva, sans-serif; font-size: 25px; font-weight: normal; line-height: 27.454544067382813px; margin: 5px 0px 10px; width: 620px;">
<span style="background-color: white;">Komposisi  </span></h3>
<b style="background-color: white; color: #222222; font-family: 'Open Sans', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 25px;">CSS3 </b><br />
<blockquote class="tr_bq" style="background-color: #364146; background-position: 0% 0%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #d5c881; font-family: Consolas, 'Courier New', Monaco, Courier, monospace; font-size: 13px; line-height: 20px; padding: 10px 20px; position: relative;">
/.....---CSS3 BREWOK---.....\<br />
nav {<br />
  font:700 16px/60px 'Lato', sans-serif;<br />
  width:90%;<br />
  margin:30px auto 0 auto;<br />
  background:<b><span style="color: #134f5c;">#374D61</span></b>;<br />
  overflow:hidden;<br />
  -webkit-border-radius:8px;<br />
  -moz-border-radius:8px;<br />
  -o-border-radius:8px;<br />
  border-radius:8px;<br />
}<br />
nav ul {<br />
  height:60px;<br />
  overflow:hidden;<br />
}<br />
nav ul li {<br />
  width:25%;<br />
  float:left;<br />
  text-align:center;<br />
}<br />
.item-container {<br />
  position:relative;<br />
  height:120px;<br />
  cursor:pointer;<br />
  -webkit-transition: all 0.3s ease;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-transition:  <span class="Apple-tab-span" style="white-space: pre;"> </span>all 0.3s ease;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-o-transition:  <span class="Apple-tab-span" style="white-space: pre;"> </span>  all 0.3s ease;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>transition: <span class="Apple-tab-span" style="white-space: pre;">  </span>    all 0.3s ease;<br />
}<br />
.item-container:hover{<br />
  top:-60px;<br />
}<br />
.item-top,<br />
.item-bottom {<br />
  height:60px;<br />
  position:relative;<br />
}<br />
.item-top {<br />
  color:#ffffff;<br />
}<br />
.item-bottom {<br />
  background:#4D6377;<br />
  color:#ffffff;<br />
}</blockquote>
</div>
<div style="color: #222222; font-family: 'Open Sans', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 25px; text-align: justify;">
<b style="background-color: white;">HTML</b><br />
<blockquote class="tr_bq" style="background-color: #364146; background-position: 0% 0%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #d5c881; font-family: Consolas, 'Courier New', Monaco, Courier, monospace; line-height: 20px; padding: 10px 20px; position: relative;">
<nav><br />
  <ul><br />
    <li><br />
      <div class="item-container"><br />
        <div class="item-top"><b><span style="color: #134f5c;">Home</span></b></div><br />
        <div class="item-bottom">Home</div><br />
      </div><br />
    </li><br />
    <li><br />
      <div class="item-container"><br />
        <div class="item-top">Work</div><br />
        <div class="item-bottom">Work</div><br />
      </div><br />
    </li><br />
    <li><br />
      <div class="item-container"><br />
        <div class="item-top">About</div><br />
        <div class="item-bottom">About</div><br />
      </div><br />
    </li><br />
    <li><br />
      <div class="item-container"><br />
        <div class="item-top">Contact</div><br />
        <div class="item-bottom">Contact</div><br />
      </div><br />
    </li><br />
  </ul><br />
</nav></blockquote>
<h3 style="border-bottom-color: rgb(210, 210, 210); border-bottom-width: 3px; font-family: Oswald, Arial, Helvetica, Geneva, sans-serif; font-size: 25px; font-weight: normal; line-height: 27.454544067382813px; margin: 5px 0px 10px; width: 620px;">
<span style="background-color: white;">Kustomisasi </span></h3>
<div>
<ul style="margin: 0px 20px 20px 0px; padding-left: 40px;">
<li><span style="background-color: white;">Tempatkan CSS3 diatas kode <span style="font-family: 'Courier New', Courier, monospace;">]]></b:skin></span> atau <span style="font-family: 'Courier New', Courier, monospace;"></style></span> </span></li>
<li><span style="background-color: white;">HTML bisa ditempatkan dalam kerangka template atau pada Tata letak dan Add Gadget </span></li>
</ul>
<div>
<b style="background-color: white;">Catatan </b><br />
<blockquote class="tr_bq" style="background-color: #364146; background-position: 0% 0%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #d5c881; font-family: Consolas, 'Courier New', Monaco, Courier, monospace; line-height: 20px; padding: 10px 20px; position: relative;">
ul {<br />
  list-style: none;<br />
}</blockquote>
<span style="background-color: white;">Tempatkan kode diatas sebelum kode CSS3  apabila pada hasil terdapat list .  </span></div>
</div>
</div>
</div>

M-S Blog || Membuat Menu Horizontal CSS3 Dengan Efect Hover pada Blog - Sudah beberapa hari ini diliputi dilema pada background .. susah nentuin ya…

Nov 11, 2013 +

Load more posts

M-S Blog

M-S Blog

M-S Blog

Membuat Tampilan Scrollbar Blog dengan JQuery

Cara Mendeklarasikan Variabel Di CSS

Menghitung Selisih Hari dengan C++

Cara Boom Komentar Di Facebook

Free Download Game Farm Frenzy 2

Free Download Game Who Wants To Be A MILLIONARE

Free Download Game Grand Theft Auto Sanandreas (GTA) Untuk Android

Menentukan Hari Berdasarkan Input Tanggal dengan C++

Cara Membuat Tombol Demo dan Download di Blogger

Cara Membuat Search Box Blog Seperti Search Box Google di Blogger

Free Download Smadav Pro 9.4.2 2013 + Keygen

Membuat Menu Horizontal CSS3 Dengan Efect Hover pada Blog

Popular Posts

Blog Archive