Cara Membuat Tab Menu Di Blog Dengan Mudah Tanpa Edit HTML

<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 ...

Read more »