Handika Blog's: blog

Membuat Website Sederhana

Unknown 0 blog, jaringan, web Tuesday, September 20, 2016

<br />
<br />
<header class="entry-header" style="background-color: white; box-sizing: border-box; color: #383838; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px;"><figure class="entry-thumb" style="box-sizing: border-box; float: none; margin-bottom: 20px !important; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br /></figure></header><br />
<div class="entry-content" style="background-color: white; box-sizing: border-box; font-family: "open sans", helvetica, arial, sans-serif; font-size: 17px; line-height: 1.5;">
<div class="separator" style="clear: both; color: #383838; text-align: center;">
</div>
<div style="color: #383838; margin-left: 1em; margin-right: 1em;">
<img alt="Image result for website" height="237" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRk7QcwGTbSKUGhEG_Ebwi0yUM7E4nURMyRoNIjx5MhAMPqavAW" width="400" /></div>
<div style="color: #383838;">
</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Cara membuat halaman web sederhana sangatlah mudah, dikarenakan <strong style="box-sizing: border-box;"><a href="http://www.nyekrip.com/nyekrip/perlengkapan-membuat-web/" style="box-sizing: border-box; color: #1b98e0; outline: 0px; text-decoration: none; transition-duration: 0.12s; transition-timing-function: ease-out;">perangkat membuat web</a></strong> sangat mudah ditemui di internet dan rata-rata program tersebut gratis. Dalam tutorial kali ini perangkat yang dibutuhkan antara lain:</div>
<ul style="box-sizing: border-box; color: #383838; margin: 0px 0px 24px 48px; padding: 0px;">
<li style="box-sizing: border-box; margin-bottom: 12px; padding-left: 6px;">Notepad, atau anda bisa mencoba <strong style="box-sizing: border-box;"><a href="http://notepad-plus-plus.org/download/v6.6.9.html" rel="nofollow" style="box-sizing: border-box; color: #1b98e0; outline: 0px; text-decoration: none; transition-duration: 0.12s; transition-timing-function: ease-out;">notepad ++</a></strong> yang mana dalam program ini tersedia fitur yang lebih baik ketimbang notepad bawaan windows.</li>
<li style="box-sizing: border-box; margin-bottom: 12px; padding-left: 6px;">Browser sebagai program penampil halaman web. Jika anda pengguna windows, biasanya browser IE(Internet Explorer) akan terinstall otomatis. Anda juga bisa menggunakan browser dari <a href="http://www.google.com/" rel="nofollow" style="box-sizing: border-box; color: #1b98e0; outline: 0px; text-decoration: none; transition-duration: 0.12s; transition-timing-function: ease-out;">google</a>, yaitu<strong style="box-sizing: border-box;"><a href="https://www.google.com/intl/en/chrome/browser/" rel="nofollow" style="box-sizing: border-box; color: #1b98e0; outline: 0px; text-decoration: none; transition-duration: 0.12s; transition-timing-function: ease-out;">Chrome</a></strong>.</li>
</ul>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
yang pertama, buka program notepad dari komputer anda dengan cara:</div>
<ul style="box-sizing: border-box; color: #383838; margin: 0px 0px 24px 48px; padding: 0px;">
<li style="box-sizing: border-box; margin-bottom: 12px; padding-left: 6px;">Mengeklik tombol windows</li>
<li style="box-sizing: border-box; margin-bottom: 12px; padding-left: 6px;">Setelah itu klik tulisan All Program</li>
<li style="box-sizing: border-box; margin-bottom: 12px; padding-left: 6px;">Maka akan muncul berbagai folder dan pilih folder yang bernama Accessories</li>
<li style="box-sizing: border-box; margin-bottom: 12px; padding-left: 6px;">Klik folder Accessories, setelah muncul berbagai program dalam folder tersebut, klik program notepad.</li>
</ul>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Untuk lebih jelasnya silahkan perhatikan gambar dibawah ini.</div>
<div class="wp-caption aligncenter" id="attachment_324" style="box-sizing: border-box; color: #383838; margin-left: auto; margin-right: auto; max-width: 100%; padding: 10px 0px 20px; width: 426px;">
<a href="http://i2.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-membuka-halaman-notepad-nyekrip.png" rel="lightbox[323]" style="box-sizing: border-box; color: #1b98e0; outline: 0px; text-decoration: none; transition-duration: 0.12s; transition-timing-function: ease-out;"><img alt="cara membuka halaman notepad- nyekrip" class="size-full wp-image-324" data-recalc-dims="1" sizes="(max-width: 416px) 100vw, 416px" src="https://i2.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-membuka-halaman-notepad-nyekrip.png?resize=416,628" srcset="http://i2.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-membuka-halaman-notepad-nyekrip.png?w=416 416w, http://i0.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-membuka-halaman-notepad-nyekrip.png?resize=198%2C300 198w, http://i1.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-membuka-halaman-notepad-nyekrip.png?resize=132%2C200 132w" style="background: rgb(239, 239, 239); border-radius: 5px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; padding: 10px;" /></a><br />
<div class="wp-caption-text" style="background: rgb(245, 245, 245); border-radius: 99px; box-sizing: border-box; color: #595959; display: table; font-size: 12px; margin-left: auto; margin-right: auto; margin-top: 5px; padding: 5px 20px; text-align: center;">
cara membuka halaman notepad- Handika</div>
</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Pada gambar diatas terdapat dua blok, blok pertama yang bewarna hijau adalah tempat tombol Windows, dan yang kedua blok yang bewarna merah muda adalah tempat program Notepad.</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Setelah program Notepad terbuka, silahkan ketikkan skrip dibawah ini atau jika ingin cepat anda bisa langsung mengkopi dan mempaste di notepad anda.</div>
<div class="crayon-syntax crayon-theme-new-idea crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" no-popup minimize scroll-always disable-anim" id="crayon-57e087d95a180184229743" style="background: rgb(108, 122, 137); border-color: rgb(153, 153, 153); border-width: 1px; box-sizing: border-box; color: #383838; direction: ltr; font-family: monaco, monacoregular, "courier new", monospace; font-size: 14px; height: auto; line-height: 16px; margin: 12px 0px; overflow: hidden; padding: 0px; position: relative; text-shadow: none; width: 859px;">
<div class="crayon-toolbar" data-settings=" show" style="background: rgb(83, 189, 132) !important; border-bottom-color: rgb(187, 187, 187) !important; border-bottom-style: initial; border-bottom-width: 1px !important; border-image: initial; border-left: 0px; border-right: 0px; border-top: 0px; box-sizing: border-box; font-size: 1.5em !important; height: 35px !important; margin: 0px; overflow: hidden; padding: 0px; position: relative; text-indent: 15px !important; width: 859px; z-index: 4;">
<span class="crayon-title" style="box-sizing: border-box; color: rgb(255 , 255 , 255); float: left; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit; margin-top: 10px; padding: 0px 4px;">Skrip HTML</span><br />
<div class="crayon-tools" style="background: 0px center; border: 0px; box-sizing: border-box; float: right !important; font-family: inherit; font-size: 14px !important; font-weight: inherit !important; height: 21px !important; line-height: 21px !important; margin: 0px; padding: 0px; position: absolute; right: 0px;">
</div>
</div>
<div class="crayon-plain-wrap" style="background: 0px center; border: 0px; box-sizing: border-box; height: auto !important; margin: 0px !important; padding: 0px !important;">
</div>
<div class="crayon-main" style="background: 0px center; border: 0px; box-sizing: border-box; margin: 0px; overflow: auto; padding: 0px; position: relative; width: 859px; z-index: 1;">
<table class="crayon-table" style="background: none !important; border-collapse: collapse !important; border-spacing: 0px !important; border: none !important; box-sizing: border-box; font-size: 12px; line-height: 2; margin-bottom: 0px !important; margin-left: -28px; margin-right: 0px !important; margin-top: 0px !important; padding: 0px !important; table-layout: auto !important; width: auto !important;"><tbody style="box-sizing: border-box;">
<tr class="crayon-row" style="background: 0px center; border: none !important; box-sizing: border-box; margin: 0px !important; padding: 0px !important; vertical-align: top !important;"><td class="crayon-nums " data-settings="hide" style="background: rgb(223, 239, 255) !important; border-bottom: 0px; border-image: initial; border-left: none; border-right: 0px; border-top: 0px; box-sizing: border-box; color: rgb(84, 153, 222) !important; line-height: 1.42; margin: 0px !important; padding: 0px !important; vertical-align: top !important;"><div class="crayon-nums-content" style="background: 0px center; border: 0px; box-sizing: border-box; font-size: 14px !important; line-height: 16px !important; margin: 0px; padding: 0px; white-space: nowrap;">
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-1" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
1</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-2" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
2</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-3" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
3</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-4" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
4</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-5" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
5</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-6" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
6</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-7" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
7</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-8" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
8</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-9" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
9</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-10" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
10</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-11" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
11</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-12" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
12</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-13" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
13</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-14" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
14</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-15" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
15</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-16" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
16</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-17" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
17</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-18" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
18</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-19" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
19</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-20" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
20</div>
<div class="crayon-num" data-line="crayon-57e087d95a180184229743-21" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
21</div>
</div>
</td><td class="crayon-code" style="background: 0px center; border: 0px; box-sizing: border-box; line-height: 1.42; margin: 0px !important; padding: 0px !important; vertical-align: top !important; width: 860px;"><div class="crayon-pre" style="background: none !important; border: none !important; box-sizing: border-box; color: rgb(255, 255, 255) !important; font-size: 14px !important; line-height: 16px !important; margin: 0px; overflow: visible; padding: 0px; tab-size: 4; white-space: pre;">
<div class="crayon-line" id="crayon-57e087d95a180184229743-1" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><html></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-2" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"> </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><head></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-3" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">  </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><title></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-4" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">   Ini Adalah Title</span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-5" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">  </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"></title></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-6" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"> </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"></head></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-7" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">  </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><body></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-8" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">    </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><h1></span><span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">Ini adalah Main Heading</span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"></h1></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-9" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">     </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><p></span><span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">Isi dari Main Heading, bisa berupa kata pembuka atau </span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-10" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">        penjelas dari Main Heading, jika penjelasan terlalu panjang maka</span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-11" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">        akan di bagi menjadi beberapa Sub-Heading.</span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><p></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-12" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">    </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><h2></span><span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">Ini Adalah Sub-Heading</span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"></h2></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-13" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">     </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><p></span><span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">Kebanyakan artikel yang panjang memiliki sub-headings untuk </span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-14" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">        membantu Anda mengikuti struktur apa yang sedang ditulis. </span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-15" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">        Bahkan mungkin sub-sub-headings </span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-16" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">        (atau tingkat yang lebih rendah Dari headings).</span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-17" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">     </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"></p></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-18" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">    </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><h2></span><span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"> Sub-Heading Tambahan</span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"></h2></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-19" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">     </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"><p></span><span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">Disini anda dapat melihat sub-heading tambahan.</span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"></p></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-20" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-i " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;">  </span><span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"></body></span></div>
<div class="crayon-line" id="crayon-57e087d95a180184229743-21" style="background: 0px center; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit !important; font-weight: inherit !important; height: inherit; line-height: inherit !important; margin: 0px; padding: 0px 20px;">
<span class="crayon-r " style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; height: inherit; line-height: inherit;"></html></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
</div>
<div class="ph-float" style="box-sizing: border-box; color: #383838; padding-bottom: 15px;">
<a class="ph-button ph-btn-blue" href="http://www.nyekrip.com/nyekrip-yuk/index.php?fdata=penggunaan-tag-head-dan-body" style="background-color: #53bd84; border-color: rgb(186, 186, 186); border-radius: 6px; border-style: solid; border-width: 0px 0px 3px; box-shadow: rgba(255, 255, 255, 0.0980392) 0px -1px 0px inset; box-sizing: border-box; color: #1b98e0; cursor: pointer; display: inline-block; font-size: 18px; font-weight: 700; outline: 0px; overflow: hidden; padding: 10px; text-align: center; text-decoration: none; text-overflow: ellipsis; transition: all 200ms ease-in-out 0s; white-space: nowrap;" target="_blank">Run Skrip</a></div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Setelah anda mengetik skrip diatas silahkan anda save dengan cara klik file dan save, ketika muncul halaman save ketikkan nama file ” <strong style="box-sizing: border-box;">index.html</strong> ” atau terserah anda, yang terpenting adalah nama file diakhiri <code style="background: rgb(238, 238, 238); border-radius: 4px; box-sizing: border-box; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 15.3px; line-height: 22px; margin: 0px 0px 24px; padding: 0px 5px 2px; position: relative; top: -1px; word-break: break-all; word-wrap: break-word;">.html</code>.</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Setelah itu lihat kolom dibawah file name, disitu terdapat kolom Save as Type dan pilih All Files. Langkah selanjutnya tinggal klik tombol Save. Untuk lebih jelas silahkan lihat gambar dibawah ini.</div>
<div class="wp-caption aligncenter" id="attachment_325" style="box-sizing: border-box; color: #383838; margin-left: auto; margin-right: auto; max-width: 100%; padding: 10px 0px 20px; width: 812px;">
<a href="http://i1.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-nyekrip.png" rel="lightbox[323]" style="box-sizing: border-box; color: #1b98e0; outline: 0px; text-decoration: none; transition-duration: 0.12s; transition-timing-function: ease-out;"><img alt="cara save file di notepad - nyekrip" class="size-full wp-image-325" data-recalc-dims="1" sizes="(max-width: 802px) 100vw, 802px" src="https://i1.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-nyekrip.png?resize=802,590" srcset="http://i0.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-nyekrip.png?w=802 802w, http://i2.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-nyekrip.png?resize=300%2C220 300w, http://i0.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-nyekrip.png?resize=600%2C441 600w, http://i0.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-nyekrip.png?resize=271%2C200 271w" style="background: rgb(239, 239, 239); border-radius: 5px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; padding: 10px;" /></a><br />
<div class="wp-caption-text" style="background: rgb(245, 245, 245); border-radius: 99px; box-sizing: border-box; color: #595959; display: table; font-size: 12px; margin-left: auto; margin-right: auto; margin-top: 5px; padding: 5px 20px; text-align: center;">
cara save file di notepad – Handika</div>
</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Pada gambar diatas terdapat area yang diblok dengan warna hijau, diarea tersebut terdapat tulisan save, dengan mengeklik tulisan ini maka akan muncul halaman Save seperti gambar dibawah ini:</div>
<div class="wp-caption aligncenter" id="attachment_326" style="box-sizing: border-box; color: #383838; margin-left: auto; margin-right: auto; max-width: 100%; padding: 10px 0px 20px; width: 816px;">
<a href="http://i0.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-2-nyekrip.png" rel="lightbox[323]" style="box-sizing: border-box; color: #1b98e0; outline: 0px; text-decoration: none; transition-duration: 0.12s; transition-timing-function: ease-out;"><img alt="cara save file di notepad 2 - nyekrip" class="size-full wp-image-326" data-recalc-dims="1" sizes="(max-width: 806px) 100vw, 806px" src="https://i2.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-2-nyekrip.png?resize=806,589" srcset="http://i2.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-2-nyekrip.png?w=806 806w, http://i1.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-2-nyekrip.png?resize=300%2C219 300w, http://i0.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-2-nyekrip.png?resize=600%2C438 600w, http://i2.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/cara-save-file-di-notepad-2-nyekrip.png?resize=273%2C200 273w" style="background: rgb(239, 239, 239); border-radius: 5px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; padding: 10px;" /></a><br />
<div class="wp-caption-text" style="background: rgb(245, 245, 245); border-radius: 99px; box-sizing: border-box; color: #595959; display: table; font-size: 12px; margin-left: auto; margin-right: auto; margin-top: 5px; padding: 5px 20px; text-align: center;">
cara save file di notepad 2 – Handika</div>
</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Perhatikan gambar diatas, terdapat dua area yang diblok. Pada area yang diblok dengan warna hijau adalah tempat untuk memberi nama file dan pastikan nama file berakhiran <code style="background: rgb(238, 238, 238); border-radius: 4px; box-sizing: border-box; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 15.3px; line-height: 22px; margin: 0px 0px 24px; padding: 0px 5px 2px; position: relative; top: -1px; word-break: break-all; word-wrap: break-word;">.html</code>. sedangkan area yang diblok bewarna merah muda adalah dropdown untuk memilih jenis file yang akan disimpan, pastikan pilihan berisi All files.</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Setelah file html terbentuk dan tersimpan (dalam tutorial ini file disimpan dalam folder yang bernama ” new folder “) maka buka file tersebut dengan cara mengeklik dua kali, setelah itu akan ada browser yang menampilkan halaman web yang telah kita buat. Halaman web tersebut akan terlihat seperti gambar dibawah ini:</div>
<div class="wp-caption aligncenter" id="attachment_313" style="box-sizing: border-box; color: #383838; margin-left: auto; margin-right: auto; max-width: 100%; padding: 10px 0px 20px; width: 730px;">
<a href="http://i0.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/ELEMEN-DALAM-LAYOUT-HALAMAN-WEB-head-body-Nyekrip.png" rel="lightbox[323]" style="box-sizing: border-box; color: #1b98e0; outline: 0px; text-decoration: none; transition-duration: 0.12s; transition-timing-function: ease-out;"><img alt="ELEMEN DALAM LAYOUT HALAMAN WEB head body Nyekrip" class="size-full wp-image-313" data-recalc-dims="1" sizes="(max-width: 720px) 100vw, 720px" src="https://i1.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/ELEMEN-DALAM-LAYOUT-HALAMAN-WEB-head-body-Nyekrip.png?resize=720,489" srcset="http://i1.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/ELEMEN-DALAM-LAYOUT-HALAMAN-WEB-head-body-Nyekrip.png?w=720 720w, http://i0.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/ELEMEN-DALAM-LAYOUT-HALAMAN-WEB-head-body-Nyekrip.png?resize=300%2C203 300w, http://i0.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/ELEMEN-DALAM-LAYOUT-HALAMAN-WEB-head-body-Nyekrip.png?resize=600%2C407 600w, http://i1.wp.com/www.nyekrip.com/wp-content/uploads/2014/12/ELEMEN-DALAM-LAYOUT-HALAMAN-WEB-head-body-Nyekrip.png?resize=294%2C200 294w" style="background: rgb(239, 239, 239); border-radius: 5px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; padding: 10px;" /></a><br />
<div class="wp-caption-text" style="background: rgb(245, 245, 245); border-radius: 99px; box-sizing: border-box; color: #595959; display: table; font-size: 12px; margin-left: auto; margin-right: auto; margin-top: 5px; padding: 5px 20px; text-align: center;">
ELEMEN DALAM LAYOUT HALAMAN WEB head body Handika</div>
</div>
<div style="box-sizing: border-box; color: #383838; margin-bottom: 24px;">
Pada gambar diatas terdapat dua area yang diblok, yang diblok dengan warna hijau adalah letak tulisan yang di ketik dalam <strong style="box-sizing: border-box;">Tag Title</strong> sedangkan yang bewarna merah muda adalah letak tulisan yang diketik didalam <strong style="box-sizing: border-box;">Tag Body</strong>.</div>
<div style="box-sizing: border-box; margin-bottom: 24px;">
<div style="color: #383838;">
Tutorial diatas adalah cara bagaimana membuat halaman web yang sederhana, belum menyentuh kearah pengaturan layout. Pengaturan layout akan melibatkan banyak elemen dan tentunya skrip CSS akan berperan penuh, untuk pembahasan lebih lanjut tentang layout akan dibahas dalam kategori belajar CSS pada kesempatan berikutnya.</div>
<span style="color: red;"><br /></span>
<span style="color: red;">Thanks for Read....... Bang Dika</span></div>
</div>

Membuat Website Sederhana

Cara membuat halaman web sederhana sangatlah mudah, dikarenakan perangkat membuat web sangat mudah ditemui di internet dan ra...

Membuat Tab Menu Bar dan Sub Menu Pada Blog

Unknown 0 blog, jaringan, web Monday, September 19, 2016

<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="data:image/jpeg;base64,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t6Tu7XqwqWqWTd8Y3RT24VcbumdCw2pgZMyt01a4G69h7WOGIOXuWdSnGaukc1kttayyxUnr1rWmvdHNZyamaKN0naqDK8Y3u+1xbUrXkZLVNnY+0qMnfKzwv9r0uCZPR6f0paOCL5VclLffImcKHpo8ZdR0en9KWjgi+VMlLffIZwoemjxl1NLStkNmZrJ9MzMb62xVPqa0Nq4+oLCccCvlUfI6bNVVplgpWSLf/wBc3fcvmcrQdpntNpdALVbYwItY18jYQXNvXcWXasrWoqcQtVNynLDia8fA7bZSoWagquSpyd+FpYtDuv136bvHYz0XR6f0paOCL5V0ZGW++R5OcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh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" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Image result for gambar membuat menu pada blog" border="0" height="211" src="data:image/jpeg;base64,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t6Tu7XqwqWqWTd8Y3RT24VcbumdCw2pgZMyt01a4G69h7WOGIOXuWdSnGaukc1kttayyxUnr1rWmvdHNZyamaKN0naqDK8Y3u+1xbUrXkZLVNnY+0qMnfKzwv9r0uCZPR6f0paOCL5VclLffImcKHpo8ZdR0en9KWjgi+VMlLffIZwoemjxl1NLStkNmZrJ9MzMb62xVPqa0Nq4+oLCccCvlUfI6bNVVplgpWSLf/wBc3fcvmcrQdpntNpdALVbYwItY18jYQXNvXcWXasrWoqcQtVNynLDia8fA7bZSoWagquSpyd+FpYtDuv136bvHYz0XR6f0paOCL5V0ZGW++R5OcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh6aPGXUdHp/Slo4IvlTIy33yGcKHpo8ZdR0en9KWjgi+VMjLffIZwoemjxl1HR6f0paOCL5UyMt98hnCh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" width="640" /></a></div>
<span style="background-color: white; font-family: "verdana" , sans-serif;"></span><br />
<span style="background-color: white; font-family: "verdana" , sans-serif;"><br /></span>
<br />
<span style="background-color: white; font-family: "verdana" , sans-serif;">Jika anda berminat untuk membuat Menu di blog, artinya anda orang yang berfikir sistimatis dan menyukai keteraturan.Selamat mencoba.</span></div>
<h4 style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; margin: 0px; position: relative; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">Langkah Pemasangan</span></h4>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">- Klik  <b>Desain </b></span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">- Pilih  <b>Template</b> lalu pilih  <b>Edit HTML </b></span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">- Pilih/klik  <b>Lanjutkan</b></span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">- Pilih/klik  <b>Expand Template Widget</b></span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">Cari <i>scrift</i> berikut :</span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white;"><span style="font-family: "verdana" , sans-serif;"><b><span style="line-height: 20px; margin: 0px; padding: 0px;"><div class='main-outer'> </span><span style="line-height: 20px; margin: 0px; padding: 0px;"> atau</span><span style="line-height: 20px; margin: 0px; padding: 0px;"><br style="margin: 0px; padding: 0px;" /><span style="margin: 0px; padding: 0px;"><div id='main-wrapper'> atau </span></span></b></span><br /><span style="line-height: 20px; margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px;"><span style="font-family: "verdana" , sans-serif;"><b><div id='main'></b></span></span></span></span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">Agar lebih mudah, klik saja <b>F3</b> pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :</span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<b><span style="background-color: white; font-family: "verdana" , sans-serif;">div class='main-outer'></span></b></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">Bisa jadi beda dengan template yang lain…</span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">Setelah dapat, <b>copas</b> scrift berikut tepat <b>diatas</b> scrift yang dicari tadi : </span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><style></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">/* -- Menu Horizontal + Sub Menu-- */</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#cat-nav a:hover { color:#fff; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#cat-nav li:hover { background:#000; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="background-color: white; font-family: "verdana" , sans-serif;"><span style="margin: 0px; padding: 0px;">#cat-nav a span { font-family:Verdana, </span><span style="margin: 0px; padding: 0px;">Geneva</span><span style="margin: 0px; padding: 0px;">, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#cat-nav .nav-description { display:block; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#cat-nav a:hover span { color:#fff; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav li { float:left; width: auto; height:35px;}</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav li ul<span style="margin: 0px; padding: 0px;">  </span>{ position: absolute; left: -999em; width: 200px; top:35px}</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav li ul li<span style="margin: 0px; padding: 0px;">  </span>{ height:30px; border-top:1px solid #fff; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav li ul li a<span style="margin: 0px; padding: 0px;">  </span>{ font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav li ul ul<span style="margin: 0px; padding: 0px;">  </span>{ margin: -30px 0 0 180px; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#secnav li:hover,#secnav li.hover<span style="margin: 0px; padding: 0px;">  </span>{ position:static; }</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;">#cat-nav #secnav {width:100%;margin:0 auto;}</span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"></style></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><div id='cat-nav'></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><ul class='fl' id='secnav'></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Beranda</span></a></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Menu 1</span></a></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Menu 2</span></a></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><ul id='sub-custom-nav'></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Sub Menu2 a</span></a></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Sub Menu2 b</span></a></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"></ul></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Menu3</span></a></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><ul id='sub-custom-nav'></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Sub Menu3a</span></a></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Sub Menu3b</span> </a></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"></ul></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Menu4</span></a></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><ul id='sub-custom-nav'></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Sub Menu4a</span></a></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Sub Menu4b</span> </a></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"></ul></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"><li><a href='<span style="margin: 0px; padding: 0px;">#</span>'><span style="margin: 0px; padding: 0px;">Menu5</span></a></li></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"></ul></span></span></div>
<div class="MsoNormal" style="line-height: 20px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: "verdana" , sans-serif;"></div></span></span></div>
</div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;"><br /></span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;"><b><u>PENJELASAN </u>:</b></span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white;"><b><span style="font-family: "verdana" , sans-serif;">1. Cara memasukkan alamat URL:</span></b><br /><span style="font-family: "verdana" , sans-serif;">Ganti tanda <b># </b>(warna biru) dengan <b>link/url </b>yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.</span><br /><span style="font-family: "verdana" , sans-serif;">2. <b>Cara menuliskan judul menu atau judul postingan: </b></span></span><br />
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">Ganti Tulisan<b> warna biru</b> dengan nama <b>menu</b> dan nama <b>sub menu </b>yang anda inginkan.</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">3. <b>Cara merubah lebar menu</b>: silakan  cari kode:</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;} ---> baris ke-3. Kemudian tambahkan kode (width:900px) di antara { dan }, sehingga menjadi :</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">#cat-nav {background:#156994;width:900px;margin:015px;padding:0;height:35px;} </span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">Angka <b>900px </b>hanya sebagai contoh saja, silakan rubah angka 900  dengan ukuran lebar yang kamu inginkan, bisa juga mengganti kode 900px dengan kode 100%.</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">4. <b>Untuk mengatur tinggi menu </b>silakan ganti angka 35 pada kode 35px di atas dengan tinggi yang kamu mau. </span></div>
<div>
<span style="background-color: white;"><span style="font-family: "verdana" , sans-serif;">5. <b>U</b><b>ntuk tambah atau kurangi jumlah menu</b>, silakan copas atau hapus Skrip dengan blok <b>warna hijau</b> (1 porsi menu) , jumlah sub-menunya bisa ditambah sesuai selera, misalnya submenu ..c, d, e, f, dst.</span><br /><span style="font-family: "verdana" , sans-serif;">6. <b>Untuk mengganti warna, background dan huruf</b>, perhatikan skrip di bawah ini.</span><br /><span style="font-family: "verdana" , sans-serif;">[1]. <style>   </span><br /><span style="font-family: "verdana" , sans-serif;">[2]. /* -- Menu Horizontal + Sub Menu-- */</span><br /><span style="font-family: "verdana" , sans-serif;">[3]. #cat-nav {background:#<b>156994</b>;margin:0 15px;padding:0;height:35px;}</span></span><br />
<div style="text-align: left;">
<div style="text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">[4]. #cat-nav a { color:<b>#eee</b>; text-decoration:none; text-shadow: #033148 0px 1px ..........    </span></div>
</div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;"><u>A. Mengganti <b>warna background</b> menu</u>: Silakan ganti warna pada baris ketiga yang saya beri<b>warna merah,</b> dengan warna yang anda sukai, silakan klik<a href="http://www.jadipintar.com/2013/12/Cara-Mengganti-Warna-Background-Gambar-Tulisan-dan-Garis-Di-Blog.html" style="text-decoration: none;"> daftar kode warna.</a></span></div>
<div style="text-align: left;">
<span style="background-color: white;"><span style="font-family: "verdana" , sans-serif; text-align: justify;">B. <u>Mengganti <b>warna tulisan</b>/huruf</u>, silakan ganti warina pada baris ke-4 yang saya beri <b>warna hijau</b>dengan warna yang anda sukai (ganti kodenya saja).</span><br /><span style="font-family: "verdana" , sans-serif; text-align: justify;">C. <u>Mengganti <b>model huruf</b> (font)</u>, perhatikan skrip urutan ke-14; gantilah tulisan berwarna <b>ungu</b>dengan jenis font kesukaan anda,</span><br /><span style="font-family: "verdana" , sans-serif; line-height: 20px; text-align: justify;">[14]. </span><span style="font-family: "verdana" , sans-serif; line-height: 20px; text-align: justify;">#secnav a { font-family:Georgia, "<b>Times New Roman</b>", Times, serif; font-</span></span></div>
</div>
</div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">- Setelah itu klik <b>Pratinjau</b> dulu untuk memastikan <i>scrift</i> sudah benar . </span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">- Lalu simpanlah/<b>save</b>. </span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<i><span style="background-color: white; font-family: "verdana" , sans-serif;"><u>Saran</u> </span></i></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">* <b>back up</b> dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas. </span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">*  Untuk menghilangkan tampilan tampilan dobel dengan Laman Utama, </span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">- Maka ikutilah saran berikut :</span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">- Masuk ke Menu <b>Laman</b> </span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">- Lalu pilih <b>tampilan halaman</b> dengan memilih "<b>jangan tampilkan</b>"</span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;"><b>- Simpan </b>setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.</span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">Blog sudah bisa dipublikasikan...</span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<span style="background-color: white;"><span style="font-family: "verdana" , sans-serif;">Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi  melalui komentar di bagian bawah ini. </span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span></span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 15.456px; text-align: justify;">
<h4 style="margin: 0px; position: relative;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">Tips Memasang Sub Menu Di Tata Letak/Side Bar Blog</span></h4>
<span style="background-color: white;"><span style="font-family: "verdana" , sans-serif;">Setelah tutorial di atas memasang menu dan sub menu pada halaman artikel, kali ini masih tetap memasang menu dan subnya, tapi di sisi luar halaman postingan (side bar), caranya:</span><br /><span style="font-family: "verdana" , sans-serif;">1. Masuk ke <b>dasbor blogger</b> anda</span><br /><span style="font-family: "verdana" , sans-serif;">2. Pilih <b>Tata Letak</b> atau Lay Out</span><br /><span style="font-family: "verdana" , sans-serif;">3. Klik <b>Add Gadget</b>/ Tambah Gadget</span><br /><span style="font-family: "verdana" , sans-serif;">4. Pilih <b>HTML/JAVASCRIPT</b>. </span><br /><span style="font-family: "verdana" , sans-serif;">(Biarkan kolom judul nama gadget kosong, lalu copy paste kode di bawah ini ke </span><span style="font-family: "verdana" , sans-serif;"> kolom HTML yang tersedia)</span></span><br />
<div>
<span style="background-color: white;"><br /></span></div>
<span style="background-color: white;"><span style="font-family: "verdana" , sans-serif;"><div id="RickyMenu"></span><br /><span style="font-family: "verdana" , sans-serif;">       <div id="Rickybox"></span><br /><span style="font-family: "verdana" , sans-serif;">      <ul id="punch"></span><br /><span style="font-family: "verdana" , sans-serif;">        <li><a href="#">Home</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">        <li></span><br /><span style="font-family: "verdana" , sans-serif;">          <a href="#">Sample Page</a></span><br /><span style="font-family: "verdana" , sans-serif;">          <ul></span><br /><span style="font-family: "verdana" , sans-serif;">            <li></span><br /><span style="font-family: "verdana" , sans-serif;">              <a href="#">Sub Page #1</a></span><br /><span style="font-family: "verdana" , sans-serif;">              <ul></span><br /><span style="font-family: "verdana" , sans-serif;">                <li><a href="#">Sub Sub Page #1</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">                <li><a href="#">Sub Sub Page #2</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">                <li><a href="#">Sub Sub Page #3</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">              </ul></span><br /><span style="font-family: "verdana" , sans-serif;">            </li></span><br /><span style="font-family: "verdana" , sans-serif;">            <li><a href="#">Sub Page #2</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">            <li><a href="#">Sub Page #3</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">            <li><a href="#">Sub Page #4</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">            <li><a href="#">Sub Page #5</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">          </ul></span><br /><span style="font-family: "verdana" , sans-serif;">        </li></span><br /><span style="font-family: "verdana" , sans-serif;">        <li><a href="#">Sample Post</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">        <li><a href="#">Blog Page</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">      </ul></span><br /><span style="font-family: "verdana" , sans-serif;">    </div></span><br /><span style="font-family: "verdana" , sans-serif;">  </div></span><br /><span style="font-family: "verdana" , sans-serif;">Edit semua nama menu sesuai keinginan anda. Jangan lupa mengganti tanda # dengan alamat URL yang anda inginkan</span><br /><span style="font-family: "verdana" , sans-serif;">5. Klik <b>Save/Simpan</b></span><br /><span style="font-family: "verdana" , sans-serif;">Atur posisi gadget drop down menu horizontal ini di tempat yang anda inginkan, lalu klik tombol SIMPAN SETELAN di bagian kanan atas layar.</span><br /><span style="font-family: "verdana" , sans-serif;">Jika anda melakukan langkah-langkah di atas dengan benar, anda akan melihat sebuah horizontal drop down menu di tempat yang anda inginkan. </span><br /><span style="font-family: "verdana" , sans-serif;">Untuk Menambah Item di dalam drop down menu horizontal ini sangatlah mudah:</span><br /><span style="font-family: "verdana" , sans-serif;">Silahkan cari pada bagian akhir ada kode seperti ini:</span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="#">Blog Page</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">      </ul></span><br /><span style="font-family: "verdana" , sans-serif;">Tepat di bagian atas </ul> bisa disisipkan menu baru, dan akan terlihat seperti di bawah ini:</span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="#">Blog Page</a></li></span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="LINK BARU">TEKS BARU</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">      </ul></span><br /><span style="font-family: "verdana" , sans-serif;">Jika menu tambahan lebih dari satu akan terlihat seperti di bawah ini</span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="#">Blog Page</a></li></span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="LINK BARU 1">TEKS BARU 1</a></li></span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="LINK BARU 2">TEKS BARU 2</a></li></span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="LINK BARU n">TEKS BARU n</a></li></span><br /><span style="font-family: "verdana" , sans-serif;"></ul></span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">Jika salah satu menu tambahan mempunyai sub menu, maka perhatikan kode </li> menu tersebut yang diturunkan untuk membuka ruang baru bagi sub menu di dalam menu tersebut</span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="#">Blog Page</a></li></span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="LINK BARU 1">TEKS BARU 1</a></li></span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="LINK BARU 2">TEKS BARU 2</a> </span><br /><span style="font-family: "verdana" , sans-serif;">        <li><a href="LINK BARU SUB MENU 1">SUB MENU 1</a></li></span><br /><span style="font-family: "verdana" , sans-serif;">        <li><a href="LINK BARU SUB MENU 2">SUB MENU 2</a></li></span><br /><span style="font-family: "verdana" , sans-serif;"></li></span><br /><span style="font-family: "verdana" , sans-serif;"><li><a href="LINK BARU n">TEKS BARU n</a></li>  </span></span><br />
<h4 style="margin: 0px; position: relative;">
<span style="background-color: white; font-family: "verdana" , sans-serif;"><br /></span></h4>
<h4 style="margin: 0px; position: relative;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">Model ke-2.<span style="font-weight: normal;"> </span></span></h4>
<span style="background-color: white;"><span style="font-family: "verdana" , sans-serif;">(terpasang di jadipintar.com saat ini)</span></span><br />
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">Ini adalah model drop down bertingkat yang bisa mengakomodir anatara menu dan submenu kemudian sub submenu dst. terserah kebutuhan; juga bisa saja hanya memasang menu saja (label) untuk lebih simpelnya. Untuk contoh silakan lihat di bagian atas blog ini.</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">Skripnya adalah:</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;"><br /></span></div>
<div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><style></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">width: 100%;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">margin: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">padding: 10px 0 0 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">list-style: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: #000000;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -moz-linear-gradient(#444, #000000);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -webkit-gradient(linear,left bottom,left top,color-stop(1, #111),color-stop(1, #444));</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -webkit-linear-gradient(#444, #111);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -o-linear-gradient(#444, #111);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -ms-linear-gradient(#444, #111);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: linear-gradient(#444, #111);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-moz-border-radius: 50px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-radius: 50px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-moz-box-shadow: 0 2px 0px #9c9c9c;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-webkit-box-shadow: 0 2px 0px #9c9c9c;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">box-shadow: 0 2px 0px #9c9c9c;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu li</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">float: left;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">padding: 0 0 10px 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">position: relative;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">line-height: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu a</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">float: left;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">height: 25px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">padding: 0 25px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">color: #999;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">text-transform: uppercase;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">font: bold 12px/25px Arial, Helvetica;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">text-decoration: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">text-shadow: 0 1px 0 #000;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu li:hover > a</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">color: #fafafa;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">*html #menu li a:hover /* IE6 */</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">color: #fafafa;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu li:hover > ul</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">display: block;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">/* Sub-menu */</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">list-style: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">margin: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">padding: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">display: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">position: absolute;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">top: 35px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">left: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">z-index: 99999;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: #444;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -moz-linear-gradient(#444, #111);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -webkit-linear-gradient(#444, #111);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -o-linear-gradient(#444, #111);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -ms-linear-gradient(#444, #111);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: linear-gradient(#444, #111);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">box-shadow: 0 0 2px rgba(255,255,255,.5);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-moz-border-radius: 5px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-radius: 2px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul ul</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">top: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">left: 150px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul li</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">float: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">margin: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">padding: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">display: block;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul li:last-child</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-moz-box-shadow: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-webkit-box-shadow: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">box-shadow: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul a</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">padding: 10px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">height: 10px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">width: 130px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">height: auto;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">line-height: 1;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">display: block;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">white-space: nowrap;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">float: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">text-transform: none;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">*html #menu ul a /* IE6 */</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">height: 10px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">*:first-child+html #menu ul a /* IE7 */</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">height: 10px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul a:hover</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: #0186ba;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -moz-linear-gradient(#04acec, #0186ba);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -webkit-linear-gradient(#04acec, #0186ba);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -o-linear-gradient(#04acec, #0186ba);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: -ms-linear-gradient(#04acec, #0186ba);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">background: linear-gradient(#04acec, #0186ba);</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul li:first-child > a</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-moz-border-radius: 5px 5px 0 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-radius: 5px 5px 0 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul li:first-child > a:after</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">content: '';</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">position: absolute;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">left: 30px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">top: -8px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">width: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">height: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-left: 5px solid transparent;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-right: 5px solid transparent;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-bottom: 8px solid #444;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul ul li:first-child a:after</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">left: -8px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">top: 12px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">width: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">height: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-left: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-bottom: 5px solid transparent;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-top: 5px solid transparent;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-right: 8px solid #444;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul li:first-child a:hover:after</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-bottom-color: #04acec;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul ul li:first-child a:hover:after</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-right-color: #04acec;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-bottom-color: transparent;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span style="background-color: white;"><br /></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu ul li:last-child > a</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">-moz-border-radius: 0 0 5px 5px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">border-radius: 0 0 5px 5px;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">/* Clear floated elements */</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">#menu:after</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">{</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">visibility: hidden;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">display: block;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">font-size: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">content: " ";</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">clear: both;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">height: 0;</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">}</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">* html #menu { zoom: 1; } /* IE6 */</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;">*:first-child+html #menu { zoom: 1; } /* IE7 */</span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"></style></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><ul id="menu"></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='/'>Home</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='nofollow' target='_blank'>Drop menu</a></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><ul></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 1</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 2</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 3</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 4</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 5</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"></ul></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='nofollow' target='_blank'>Drop menu 2</a></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><ul></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 1</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 2</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 3</a></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><ul></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.1</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.2</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com' rel='dofollow' target='_blank'>Menu 3.3</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.4</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"></ul></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 4</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 5</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"></ul></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='nofollow' target='_blank'>Drop menu 3</a></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><ul></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 1</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 2</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 3</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 4</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"><li><a href='http://namablog.blogspot.com/' rel='dofollow' target='_blank'>Menu 5</a></li></span></div>
<div class="MsoNormal">
<span lang="IN" style="background-color: white;"></ul></li></ul></span></div>
</div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;"><br /></span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;"><u>Keterangan:</u></span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">1. Silakan ganti tulisan berwarna merah namablog.blogspot.com dengan URL alamat blog anda.</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">2. Skrip ini bisa dipasang di side bar (luar artikel) atau pun di dalam artikel.</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">   - Untuk di sede bar, seperti bisa anda ke edit blogger- Tata letak - Tambah Gadget, dst.</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;">   - Untuk di dalam artikel, anda mesti ke Template-Edit HTML dst., dan agar bisa terpasang di bagian paling atas blog, silakan copas skrip ini di atas kode <b></head></b>.</span></div>
<div>
<span style="background-color: white; font-family: "verdana" , sans-serif;"><br /></span></div>
<h4 style="margin: 0px; position: relative;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">7 Pertanyaan Terbanyak Untuk Materi Ini</span></h4>
<span style="background-color: white;"><span style="font-family: "verdana" , sans-serif;"><b>1. Ganti Warna background</b></span><br /><span style="font-family: "verdana" , sans-serif;">Aldy Madani28 Februari 2014 18.33</span><br /><span style="font-family: "verdana" , sans-serif;"><i>Tanya:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Gimana Cara Ganti Warna Background Barnya ?</span><br /><span style="font-family: "verdana" , sans-serif;"><i>Jawab:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Gampang, pada skrip baris ke-3 ada tulisan ......#156994</span><br /><span style="font-family: "verdana" , sans-serif;">gantilah kode warna background tersebut dengan kode warna sesuai selera anda. Daftar kode warnanya silakan klik <a href="http://www.jadipintar.com/2013/12/Cara-Mengganti-Warna-Background-Gambar-Tulisan-dan-Garis-Di-Blog.html" style="text-decoration: none;">di sini</a>.</span><br /><span style="font-family: "verdana" , sans-serif;">Selamat berkreasi.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><b>2. Memasukkan Artikel ke Sub menu</b></span><br /><span style="font-family: "verdana" , sans-serif;">Boby.12AB2 Maret 2014 20.37</span><br /><span style="font-family: "verdana" , sans-serif;"><i>Tanya:</i></span><br /><span style="font-family: "verdana" , sans-serif;">gan cara agar postingan kita ada di submenu gimana caranya</span><br /><span style="font-family: "verdana" , sans-serif;"><i>Jawab:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Cara mengisi url, masuklah dari BLOGGER, lalu pilih POS, klik DITERBITKAN, lalu pada judul artikel yang akan kita masukkan klik LIHAT. Copy alamat url yang tampak di atas, lalu pastekan ke kolom submenu</span><br /><span style="font-family: "verdana" , sans-serif;">Semoga bisa dipahami.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><b>3. Cara Memasang Sub menu</b></span><br /><span style="font-family: "verdana" , sans-serif;">Iwhante Evendi15 Maret 2014 13.27</span><br /><span style="font-family: "verdana" , sans-serif;"><i>Tanya:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Maksih ilmunya Gan!</span><br /><span style="font-family: "verdana" , sans-serif;">Gan ane dah buat menunya, tp gk bsa buat submnunya. Trus cara biar submnu tadi mngrah ke postingan trntu gmna ya?</span><br /><span style="font-family: "verdana" , sans-serif;"><i>Jawab:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Pada skript yang memuat "Menu 1, Menu 2 dll, rubahlah kode '#' dengan alamat URL postingan yang akan dipasang, kata "Menu 1" rubah dengan judul yang ingin ditampilkan di layar.</span><br /><span style="font-family: "verdana" , sans-serif;">'#' = Alamat URL postingan yang akan ditampilkan (sub menu)</span><br /><span style="font-family: "verdana" , sans-serif;">"Menu 1, Menu 2 ......= Judul postingan yang akan ditampilkan di layar.</span><br /><span style="font-family: "verdana" , sans-serif;">1. Cara memasang "'#'" (URLs)</span><br /><span style="font-family: "verdana" , sans-serif;">- Masuk dari dasbor (jangan copy-paste alamat URL dari homepage)</span><br /><span style="font-family: "verdana" , sans-serif;">- Pada judul postingan yang ingin kita pasang klik "lihat"</span><br /><span style="font-family: "verdana" , sans-serif;">- Akan tampil alamat URl-nya di kotak pencarian atas, lalu "copy"</span><br /><span style="font-family: "verdana" , sans-serif;">- Paste-kan pada posisi '#' di skript </span><br /><span style="font-family: "verdana" , sans-serif;">2.Cara memasang "Menu 1, Menu 2..... ", anda tinggal tulis judul yang ingin ditampilkan dari postingan tersebut, terserah apa yang sesuai dengan judul saja. Misalnya "cara membuat blog keren", "Pengertian Blog Dofollow", atau apa saja terserah.</span><br /><span style="font-family: "verdana" , sans-serif;">Gampang kan ?</span><br /><span style="font-family: "verdana" , sans-serif;">SELAMAT MENCOBA.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><b>4. Cara Back Up Template</b></span><br /><span style="font-family: "verdana" , sans-serif;"><i>Tanya:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Marsudijono21 Mei 2014 18.19</span><br /><span style="font-family: "verdana" , sans-serif;">Gan, back up templete itu gimana caranya?....Tx</span><br /><span style="font-family: "verdana" , sans-serif;"><i>Jawab:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Maksudnya membuat salinan skrip HTML untuk berjaga-jaga jika proses mengalami kegagalan dan tidak bisa kembali ke tampilan semula. </span><br /><span style="font-family: "verdana" , sans-serif;">Caranya:</span><br /><span style="font-family: "verdana" , sans-serif;">- Masuk BLOGGER</span><br /><span style="font-family: "verdana" , sans-serif;">- Klik TEMPLATE</span><br /><span style="font-family: "verdana" , sans-serif;">- Pilih HTML (akan muncul kotak HTML, centang kotak di kiri atas atau tanda panah hitam di seluruh sisi kiri kotak, untuk membuka semua kode yang tersembunyi).</span><br /><span style="font-family: "verdana" , sans-serif;">- Copy seluruh isi skrip, paste-kan ke Noteped</span><br /><span style="font-family: "verdana" , sans-serif;">Jika proses anda mengalami gangguan, anda akan bisa kembali ke tampilan semula dengan copas skrip yang di simpan di notepad tadi.</span><br /><span style="font-family: "verdana" , sans-serif;">Semoga menjadi paham.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><b>5. Mengatur Lebar Background Menu dan judulnya</b></span><br /><span style="font-family: "verdana" , sans-serif;"><i>Tanya:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Akah 20LEgend23 September 2014 11.17</span><br /><span style="font-family: "verdana" , sans-serif;">Nyang masih blon berhasil, coba terus dan jangan takut salah asal kita inget "Pratinjau" dulu!</span><br /><span style="font-family: "verdana" , sans-serif;">Semangaaaat.....!!</span><br /><span style="font-family: "verdana" , sans-serif;">oh iye gan ane udah hampir berhasil tinggal dikit lagi, ane punya 2 pertanyaan:</span><br /><span style="font-family: "verdana" , sans-serif;">1. Script yang mana nyang buat ngatur lebar Back ground menu Bar? </span><br /><span style="font-family: "verdana" , sans-serif;">itu lho block warna biru klo dr contoh yg agan kasih diatas! ane udah coba ganti beberapa script </span><br /><span style="font-family: "verdana" , sans-serif;">yang menurut ane mengatur soal ukuran tapi masih gagal.</span><br /><span style="font-family: "verdana" , sans-serif;">makasih banyak gan, ane doain tambah ganteng.... :))</span><br /><span style="font-family: "verdana" , sans-serif;">2. Apakah kita bisa mengatur Panjang pendeknya text "nama" Menu atau Sub Menu?</span><br /><span style="font-family: "verdana" , sans-serif;">Soalnye Sub menu nyang mo ane buat lumayan panjang, udah ane coba tp begitu ane </span><br /><span style="font-family: "verdana" , sans-serif;">Pratinjau Textnya kepotong gan.... </span><br /><span style="font-family: "verdana" , sans-serif;"><i>Jawab:</i></span><br /><span style="font-family: "verdana" , sans-serif;">1. Sudah saya tambahkan di artikel atas, silakan lihat "Penjelasan" poin 3.</span><br /><span style="font-family: "verdana" , sans-serif;">2. Bisa dicoba, skrip baris ke-18, "width" nya ditambah jadi 300 px atau lebih terserah ente, kasih tahu kalau berhasil ya ?</span><br /><span style="font-family: "verdana" , sans-serif;">Lain kali jangan pakai memuji, anda orang ke 2.000 yang ndoain begitu.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><b>6. Cara Mengklasifikasi Sub Menu</b></span><br /><span style="font-family: "verdana" , sans-serif;"><i>Tanya:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Ade Rahmat26 November 2014 19.10</span><br /><span style="font-family: "verdana" , sans-serif;">Gan gmna caranya nulis di menu atau submenu? tp bukan link ya, kalau link saya tau. contohnya di blog punya agan ada menu salat, puasa dll. nah kan pas di klik langsung ke halaman tuliasan blog agan. Tks</span><br /><span style="font-family: "verdana" , sans-serif;"><i>Jawab:</i></span><br /><span style="font-family: "verdana" , sans-serif;">Klasifikasikan artikel anda berdasrkan label, nama pada menu hakikatnya adalah nama label, sehingga ketika anda klik menu "X", maka akan ditampilkan semua artikel dari label "X" tersebut, dicoba lagi ya, anda pasti bisa.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><b>7. Cara Memasukkan URL</b></span><br /><span style="font-family: "verdana" , sans-serif;"><i>Tanya:</i></span><br /><span style="font-family: "verdana" , sans-serif;">surya adi saputra7 September 2014 19.28</span><br /><span style="font-family: "verdana" , sans-serif;">trima kasih mas berhasil,,, oya mas kalo yang tanda # kan di ganti Url menu atau sub menu, itu caranya gimana ya mas saya kurang paham, trima kasih,,</span><br /><span style="font-family: "verdana" , sans-serif;"><i>Jawab:</i></span><br /><span style="font-family: "verdana" , sans-serif;">- Buka "Dasbor blogger"</span><br /><span style="font-family: "verdana" , sans-serif;">- klik "Pos" lalu klik "diterbitkan"</span><br /><span style="font-family: "verdana" , sans-serif;">- Pilih artikel yang mau di masukkan URlsnya, klik "lihat", nanti di kotak pencarian bagian atas (search bar) alamat URL nya akan tampil. Blok laku copy.</span><br /><span style="font-family: "verdana" , sans-serif;">- Hapus tanda # ganti dengan alamat URL tadi (paste).</span></span></div>

Membuat Tab Menu Bar dan Sub Menu Pada Blog

Jika anda berminat untuk membuat Menu di blog, artinya anda orang yang berfikir sistimatis dan menyukai keteraturan.Selamat mencoba. ...