Tutorial Blog Unik: Tab Menu

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Membuat Tab Menu Di Blog Dengan Mudah Tanpa Edit HTML</b></span> - Hai sahabat blogger... Udah sangat lama saya tidak memposting artikel pada web ini. Mumpung ada tutorial baru, saya akan membagikannya. Tutorialnya adalah <a href="http://www.fahmifanirius.ga/2014/08/cara-membuat-tab-menu-dengan-mudah.html" target="_blank">Cara Membuat Tab Menu Horizontal Pada Blog Dengan Mudah Yang Keren</a> tutorial ini sangat mudah, gak perlu edit-edit HTML lagi. Cukup edit linknya doang kemudian pasang.</div>
<br />
Ingat, tutorial yang satu ini bukan untuk dropdown. Tapi untuk tab menu. Apa sih, bedanya drop down sama tab menu? Kalau tab menu, seperti animasi dibawah ini. Tapi kalau dropdown, ada menu lagi dibawahnya. Seperti dibedakan lagi. Untuk lebih jelasnya apa perbedaan tab menu dengan dropdown, Anda bisa lihat di <a href="http://www.fahmifanirius.ga/2014/04/cara-membuat-dropdown-menu-warna-warni-pada-blog.html">Cara Membuat DropDown Menu Warna Warni</a><br />
<br />
Oke, setelah jelasin, sekarang liat cara buatnya:  <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd9e0B28EBiysG48iCJbgWWIazNVOA50Ao2sK7d27QEgSZI3HiNj8o35S41JqYqY60il8cOQCZRotI5sIuRbMJluP3uJuQtUYbpVrHMQ7azjoXF3vPkJ0NCfyGuzoOINgJHqzTcpp5RSXt/s1600/l.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Tab Menu Di Blog Dengan Mudah Tanpa Edit HTML" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd9e0B28EBiysG48iCJbgWWIazNVOA50Ao2sK7d27QEgSZI3HiNj8o35S41JqYqY60il8cOQCZRotI5sIuRbMJluP3uJuQtUYbpVrHMQ7azjoXF3vPkJ0NCfyGuzoOINgJHqzTcpp5RSXt/s1600/l.gif" title="Cara Membuat Tab Menu Di Blog Dengan Mudah Tanpa Edit HTML" /></a></div>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
1. Login Blogger</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Tata letak/layout</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Add gadget</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. HTML/Javasripct</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Copy kode dibawah ini, kemudian paste pada kolom HTML/JavaScript</div>
<br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<div style="text-align: center;"><span style="padding: 10px 
30px; -moz-border-radius: 5px 5px 5px 5px; background-color: <b><span style="color: red;">#FF0000</span></b>;"><br />
<br />
<a href="<b><span style="color: blue;">http://www.blogger.com/home</span></b>"><b><span style="color: purple;">Home</span></b></a></span> <span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: <span style="color: red;"><b>#FFFF00</b></span>;"><br />
<br />
<a href="<b style="color: blue;">http://www.fahmifanirius.ga</b>"><span style="color: #073763;"><b>Tutorial</b></span></a></span> <span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: <span style="color: yellow;"><b>#FFFF00</b></span>;"><br />
<br />
<a href="<b style="color: blue;">http://</b><b style="color: blue;">www.fahmifanirius.ga</b>"><span style="color: #073763;"><b>Info</b></span></a></span><br />
<span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: <span style="color: lime;"><b>#00FF00</b></span>;"><br />
<br />
<a href="<span style="color: #0c343d;"><b>http://</b><b>www.fahmifanirius.ga</b></span>"><span style="color: #073763;"><b>Request</b></span></a></span> <span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: <span style="color: blue;"><b>#00FFFF</b></span>;"><br />
<br />
<a href="<b><span style="color: blue;">http://facebook.com/fahmifanirius</span></b>"><span style="color: #073763;"><b>Facebook</b></span></a></span><br />
<span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: <b style="color: red;"><span style="color: purple;">#C800FF</span></b>;"><br />
<br />
<a href="<b style="color: blue;"><b style="color: blue;">http://twitter.com</b>/fahmifanirius</b>"><span style="color: #073763;"><b>Twitter</b></span></a></span><br />
<span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: <span style="color: orange;"><b>#FF7300</b></span><span style="color: orange;"><b></b></span>;"></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
6. Simpan perubahan</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
*Letakkan gadget ini diatas (header). Karena, letak gadget berpengaruh pada tampilan Blog Anda setelah disimpan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Anda bisa merubah warna pada setiap tab sesuai dengan keinginan. Untuk melihat kode warnanya, klik di <a href="http://www.fahmifanirius.ga/p/blog-page_8.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;">KODE WARNA</span></a><br />
<br /></div>
<br />
<br />
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ<br />
<br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></div>
</div>

DropDown Tab Menu Tutorial Blogger Cara Membuat Tab Menu Di Blog Dengan Mudah Tanpa Edit HTML

Cara Membuat Tab Menu Di Blog Dengan Mudah Tanpa Edit HTML - Hai sahabat blogger... Udah sangat lama saya tidak memposting artikel pada ...

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Cara Membuat DropDown Menu Warna Warni Keren Di Blog</b> - Tutorial kali ini keren banget. Beruntung! Sobat bisa membaca tutorial kali ini. <b>Menu</b><b> dr</b><b>opd</b><b>own warna war</b><b>ni </b><b>pada blog</b> ini dibuat sekeren mungkin.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> <span style="font-size: small;">Buat sobat yang belum ngerti <b>apa itu Menu dropdown</b>. <b>Menu dropdown adalah</b> tempat alternatif link yang sudah dikategorikan kebawah. Menu dropdown ini akan keluar jika kita mengkategorikan kemudian mengkategorikan lagi kategori yang tadi.</span><span style="font-size: small;"> </span></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Ps57agKzOBY8f89s0xY04fcJv9upA-_S2MNczhqhWWhda0lVIeGzwZWmekH_14akYzgN16CjIPuARnLa-SE2qfw4Qiy0ulqxJ3zaAihePAxeoiFA_ls0O3TUI5ukI-zMenuo3Y2-FEjn/s1600/colourful-menu_thumb4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Ps57agKzOBY8f89s0xY04fcJv9upA-_S2MNczhqhWWhda0lVIeGzwZWmekH_14akYzgN16CjIPuARnLa-SE2qfw4Qiy0ulqxJ3zaAihePAxeoiFA_ls0O3TUI5ukI-zMenuo3Y2-FEjn/s1600/colourful-menu_thumb4.gif" /></a></span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Buat sobat yang benar-benar bingung penjelasan saya diatas, saya akan jelasakan lebih jelas lagi. Coba kita liat animasi diatas, terdapat kategori: BLOGGING, ENTERTAINMENT, dan lain-lain. Nah, didalam kategori BLOGGING di bagi menjadi kategori lagi seperti: SEO, MBT Tools, dan lain-lain. Itu yang disebut menu dropdown.</span></div><div style="text-align: left;"></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Tapi jangan salah,  <a href="http://www.fahmifanirius.gq/2014/04/cara-membuat-dropdown-menu-warna-warni-pada-blog.html" target="_blank" title="Cara Membuat Menu DropDown Keren Di Blog"><b>Cara Membuat Menu DropDown Keren Di Blog</b></a></span> ini dibuat sekeren mungkin. Ini sangat keren. Coba aja, liat blog orang lain yang hanya mempunyai <b>menu dropdown sederhana</b>. Disini <b>menu dropdown</b> nya keren dan responsive.</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">1. Sign in Blogger </span></span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">2. Template </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">3. Edit HTML </span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;">4. Cari kode </span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><span style="color: cyan;"></span></span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><span style="color: cyan;"><head></span></span></pre><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"> (agar mempermudah pencarian, klik kotak edit HTML lalu tekan Ctrl+F serentak pada keyboard) </span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Setelah ketemu kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"><head></span></span><span style="font-family: Arial, Helvetica, sans-serif;"> letakkan kode dibawah ini tepat DIBAWAH kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"><head></span></span><span style="font-family: Arial, Helvetica, sans-serif;"> yang sudah sobat cari</span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script src='http://mybloggertricks.googlecode.com/files/jquery-pack-colourful.js' type='text/javascript'></script>
<script src='http://mybloggertricks.googlecode.com/files/jcarousel-colourful.js'  type='text/javascript'> </script>
<script src='http://mybloggertricks.googlecode.com/files/mt-colourful.js' type='text/javascript'></script> </span></code></pre><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="white-space: pre-wrap;">6. Selanjutnya cari kode </span><span style="color: cyan;"></span></span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="color: cyan;"><body expr:class='&quot;loading </span></span></pre><span style="font-family: Arial, Helvetica, sans-serif;">7. Setelah ketemu kode </span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;">  </span><span style="background-color: #0b5394; color: cyan;"><body expr:class='&quot;loading</span></span><span style="font-family: Arial, Helvetica, sans-serif;"> letakkan kode dibawah ini tepat DIBAWAH kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;"><body expr:class='&quot;loading</span><br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;"><pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<style type="text/css">
<style>
.MBT-Nav-container {
border: 1px solid #cfcfcf;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXn7j0LcKciACBKWPJAo56KZzupyh8pvZWkAXSBAMqqusKgXXB7Cmphyphenhyphen3Kq2-ugeyf7qCtQkQNzMj6DZbbyMWnPVWkihfSBRg_mDt0d7EIdXKM3HEoXqOxByDfZf0aUUsEWk9nh-1ww7s/s400/menu-bgd.png) bottom left repeat-x;
position: relative;
margin: 0;  padding: 0;border: 1px solid #cfcfcf;
}
ul#nav {
border-left: 1px solid #cfcfcf;
border-right: 0px solid #cfcfcf;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXn7j0LcKciACBKWPJAo56KZzupyh8pvZWkAXSBAMqqusKgXXB7Cmphyphenhyphen3Kq2-ugeyf7qCtQkQNzMj6DZbbyMWnPVWkihfSBRg_mDt0d7EIdXKM3HEoXqOxByDfZf0aUUsEWk9nh-1ww7s/s400/menu-bgd.png) bottom left repeat-x;
    position: relative;
    font-size: 12px; font-family: helvetica, arial, sans-serif;
    list-style: none;  margin: 0 auto;  padding: 0;
    width: 960px;
}
#nav ul {
     margin: 0;
}
:focus {
    outline: 0;
}
*html ul#nav { clear: both; height: 1%; }
ul#nav li a {
    display: block;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 33px;
    padding: 0 13px 0 10px;
    color: #333;
    text-decoration: none;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcDAy9yx0I9WhxYVXm81-MVy_iBJES8CeW7y4Us-WS8agE2bTET2hUfBcRMbnyPFH7upfEkbAptw0IASMkE5TdKXcmU_IiYPJZTt7ZkgfCgtm4xzZ2rzr5Pi2P4W00Nzp-S5GtM1bsGkI/s400/menu-rule.png) right 2px no-repeat;
}
*html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
*:first-child+html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
ul#nav li a:hover, ul#nav li a.open { color: #fff; }
ul#nav li#mbt a:hover, ul#nav li#mbt a.open { background: #0f1f37; }
ul#nav li#link-entertainment a:hover, ul#nav li#link-entertainment a.open { background: #b70943; }
ul#nav li#link-news a:hover, ul#nav li#link-news a.open { background: #cf3c02; }
ul#nav li#link-life a:hover, ul#nav li#link-life a.open { background: #724375; }
ul#nav li#link-technology a:hover, ul#nav li#link-technology a.open { background: #02b0cf; }
ul#nav li#link-top10 a:hover, ul#nav li#link-top10 a.open { background: #353533; }
ul#nav li#links-1 a:hover, ul#nav li#links-1 a.open { background: #b70943; }
ul#nav li#links-2 a:hover, ul#nav li#links-2 a.open { background: #289728; }
ul#nav li#links-3 a:hover, ul#nav li#links-3 a.open { background: #666666; }
ul#nav li#links-4 a:hover, ul#nav li#links-4 a.open { background: #b70943; }
ul#nav li#link-home a {
    padding: 0 33px 0 10px;
    text-indent: -9999px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlRRdUT6yl2u4j1WHU2LP5lfo6kiYdnVia9RiyBeJNfisgFs9b1yrI9ZOMEp0uYBJGBhyJqTVrYtc6gK50ddVBmwJNxSv5AqeoKvnqskD5qKMNq2e-YT70iiC4lGRQH2b9dMqRTchLOM/s400/home-icon.png) right 0px no-repeat;
}
*html ul#nav li#link-home a { padding: 0; width: 43px; }
ul#nav li#link-home a:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlRRdUT6yl2u4j1WHU2LP5lfo6kiYdnVia9RiyBeJNfisgFs9b1yrI9ZOMEp0uYBJGBhyJqTVrYtc6gK50ddVBmwJNxSv5AqeoKvnqskD5qKMNq2e-YT70iiC4lGRQH2b9dMqRTchLOM/s400/home-icon.png) right -33px no-repeat; }
/* Sub-Vertical Navigation */
ul.sub-nav {
    position: absolute;
    top: 33px;
    left: -1px;
    overflow: hidden;
    width: 960px;
    display: none;
    z-index: 999;
list-style: none;
  padding-left:0px;
}
ul#nav li#mbt ul.sub-nav { background: #6f7987 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikGgEVuO3BkkVnFzEh4XKZeyEhdthatsfBgiVponrLmoBRK6k-v75owf2W8LvApxQPFEySX3lYJpMZkljUHDeFsNIOtbcbZMHhpIn__4RF8dfpRlkqSWnVJtxfxxoN5XjrH5wZkRhEPQ4/s400/business-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-entertainment ul.sub-nav { background: #d46b8e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSvwwN4LcEfRKXQ_Tueq52YCET9JTnHWXlw2Mmu6FcPpNLs78gYTNn2tDR6d4YU7I05A7e6pFgsmq7UZzDQNE1tg0PZsMKcReM6ZOp_IOGPo0xjGm8wlT5Aledz_O-cPhXnlm0Ovu1zio/s400/entertainment-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-news ul.sub-nav { background: #e28a67 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9UYnb9zmmUHSEFBAdnu7r-B044ijVcVN29mOQCYqYUQF9gqZ_5x-FuD30lEXOmeHCVR1vFiATUI08Bx_hqgKlTGVfpr_Y4pt6a32e-mwPwLPpUfKhlehmS8XDHt5XrXKak-JBrtwJkqI/s400/news-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-life ul.sub-nav { background: #aa8eac url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnH7_4PEYaQaIQVqR9Aeyq8ihgME3FiTnG_U4_dT7lV7vZ5X7BoOmyTqFfnuRExVNFePgZsA4eJRh4P2vvF1NCvHPMs67FMu1yMM52Paq_VHpauiXyVc94glVcGcR8X69Kp7UlTqLan-E/s400/life-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-technology ul.sub-nav { background: #67d0e2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBw9LGchW0vBeuQmH5I8OMNaxoLyUqXmFiJ-jsr3dmR1y03_lA5jLS70YPyKUUrDJ1-5k-TeM8oUSBoLDD1CklDa4Bgh2n58SzcGCqBRQ1yAkEb9l2-0FGbIngmpuhor7KbW8itxevERI/s400/technology-subnav-bgd.png) top left repeat-x; }
ul#nav li ul.sub-nav li { float: left;   }
ul#nav li ul.sub-nav li a {
    float: none;
    background: none;
    font-size: 11px;
    text-transform: none;
    color: #fff;
    line-height: 25px;
}

ul#nav li#mbt ul.sub-nav li a:hover, ul#nav li#mbt ul.sub-nav li a.active-cat{ background: #0f1f37 !important; }
ul#nav li#link-entertainment ul.sub-nav li a:hover, ul#nav li#link-entertainment ul.sub-nav li a.active-cat { background: #b70943 !important; }
ul#nav li#link-news ul.sub-nav li a:hover, ul#nav li#link-news ul.sub-nav li a.active-cat { background: #cf3c02 !important; }
ul#nav li#link-life ul.sub-nav li a:hover, ul#nav li#link-life ul.sub-nav li a.active-cat { background: #724375 !important; }
ul#nav li#link-technology ul.sub-nav li a:hover, ul#nav li#link-technology ul.sub-nav li a.active-cat { background: #02b0cf !important; }
</style>
<div class='MBT-Nav-container'>
<ul id='nav'>
<li class='non-vertical-link top-link' id='link-home'><a class='open' href='http://blazerracing.blogspot.com/'>Home</a></li>

</ul>

</li>

</ul>

</li>

</span></code></pre></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">8. Ganti link <span style="line-height: 22px;"><span style="color: blue;"><b><a href="http://fahmifanirius.gq/">http://fahmifanirius.gq</a></b></span></span> dengan link yang sobat inginkan untuk dituju.</span><br />
<div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">9. Simpan perubahan</span></div></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: right;"><span style="font-size: small;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><strike><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank">Tutorial Blogger </a></strike></span></b></span><br />
<span style="font-size: small;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br />
</span></b></span></div><div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat DropDown Menu Warna Warni Keren Di Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><div style="text-align: justify;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat dropdown menu warna warni keren di blog membuat kemudahan pengunjung Anda untuk melihat semua laman blog Anda. Menu dropdown disertai CSS warna-warni yang super keren.</span></div></div></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">87%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2314 votes</span></div></div></td></tr>
</tbody></table></div></div></div>

CSS DropDown JavaScript Tab Menu Tutorial Blogger Warna Warni Cara Membuat DropDown Menu Warna Warni Keren Di Blog

Cara Membuat DropDown Menu Warna Warni Keren Di Blog - Tutorial kali ini keren banget. Beruntung! Sobat bisa membaca tutorial kali ini. Men...

Cara Membuat Tab Menu Di Blog Dengan Mudah Tanpa Edit HTML

Cara Membuat DropDown Menu Warna Warni Keren Di Blog

Terpopuler

Kategori

Arsip Blog