Bikin navigasi menu drop down super keren

Share artikel ke:
Facebook Twitter Google+
Bikin navigasi menu drop down super keren - Blog dofollow blog informasi tentang blogging, backlink, blackhat dan informasi lainnya, Pada sharing artikel tips and trick kali ini yang berjudul Bikin navigasi menu drop down super keren, blog ini telah menyediakan artikel lengkap untuk Kamu, mudah-mudahan isi postingan yang saya tulis ini dapat anda pahami. Simak baik-baik tips and trick di bawah ini.

Judul artikel : Bikin navigasi menu drop down super keren Info Penting : KLIK DI SINI

lihat juga


Bikin navigasi menu drop down super keren

Rate this posting:
{[['']]}
Setelah diterbitkan dan dirancang lebih dari 100 + Navigation Menu untuk Blogger , baik dengan daftar horisontal dan vertikal pandangan , hari ini kami ingin berbagi menu yang indah yang tetap pilihan favorit semua klien backlinkpr1 sejauh ini. Menu ini berubah warna untuk setiap tab pada mouse hover . Menggunakan fungsi JavaScript yang sederhana untuk menghasilkan efek transisi rapi dan bersih . Alih-alih menampilkan item menu sub di vertikal drop down tradisional , kita selaras mereka dengan satu sama lain untuk masuk ke dalam satu baris . Tidak seperti menu lainnya , widget ini akan dengan mudah masuk template BlogSpot tanpa konflik desain . Hal ini diposisikan di bagian paling atas dari blog Anda untuk menarik pembaca paling . Langkah-langkah instalasi yang menyenangkan untuk mencoba dan sangat mudah . Menu bekerja dengan baik pada semua browser utama yaitu : IE7 + , Safari , Chrome , Mozilla dan Opera . Mari menambahkannya ke blog Anda dan menyingkirkan setiap menu besar ada yang terbukti tidak kurang dari sebuah masalah.
Saya
Menambahkannya ke blogger

Pergi Untuk Blogger > Template
Backup template Anda
Klik Edit HTML > Lanjutkan
Cari Untuk <head > dan tepat di bawah itu sisipkan script ini :

<script src='http://downloads.mybloggertricks.com/jquery-pack-colourful.js' type='text/javascript'></script> 
<script src='http://downloads.mybloggertricks.com/jcarousel-colourful.js' type='text/javascript'></script> 
<script src='http://downloads.mybloggertricks.com/files/mt-colourful.js' type='text/javascript'></script>

Sekarang mencari body class. yaitu : Tampak seperti ini dengan beberapa kode di dalamnya

body {
----
---
)

sisipkan nilai-nilai berikut :

body {  
margin:0px
padding:0px;
---
---

Silahkan cari lagi kode <body>  atau  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Tepat di bawah itu paste kode terkompresi berikut

<!--START OF COLOURFUL TABS BY backlinkpr1.co.vu-->
<style>
/*------- Colourful Tabs Menu by www.MyBloggerTricks.com -------*/
.MBT-Nav-container {
border: 1px solid #cfcfcf; 
    background: url(http://1.bp.blogspot.com/-hQ4r1kqybdw/UEIRnGogqyI/AAAAAAAAHeI/tPZ2FXRUO98/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(http://1.bp.blogspot.com/-hQ4r1kqybdw/UEIRnGogqyI/AAAAAAAAHeI/tPZ2FXRUO98/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(http://3.bp.blogspot.com/-GhdMtMAzybA/UEIRnwbrOqI/AAAAAAAAHeU/fShdjYuWetk/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(http://2.bp.blogspot.com/-IuFcujZl650/UEIRm1ja0uI/AAAAAAAAHd8/g3llMl2_RA8/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(http://2.bp.blogspot.com/-IuFcujZl650/UEIRm1ja0uI/AAAAAAAAHd8/g3llMl2_RA8/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(http://4.bp.blogspot.com/-gRDfUUsFFvo/UEIRmB-rQHI/AAAAAAAAHdk/PnpJ42Y5ylk/s400/business-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-entertainment ul.sub-nav { background: #d46b8e url(http://4.bp.blogspot.com/-x-W--ENCpB4/UEIRmWbi1WI/AAAAAAAAHdw/VWjPx1M9Fow/s400/entertainment-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-news ul.sub-nav { background: #e28a67 url(http://1.bp.blogspot.com/-mow7_vOvv4Y/UEIRwMycevI/AAAAAAAAHeg/Cc6h-0Hv-7Y/s400/news-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-life ul.sub-nav { background: #aa8eac url(http://2.bp.blogspot.com/-UmuzlpeD1EM/UEISysxvDbI/AAAAAAAAHe4/N78T1ifkhug/s400/life-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-technology ul.sub-nav { background: #67d0e2 url(http://2.bp.blogspot.com/-ZrSwFUKdaJE/UEIRwVZsdKI/AAAAAAAAHes/M8UCU-GrSoI/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='#'>Home</a></li>
<li class='top-link' id='mbt'><a href='#'>TAB 1</a> 
                    <ul class='sub-nav'>
<li><a href='#'>SUB TAB 1.1</a></li>
<li><a href='#'>SUB TAB 1.2</a></li>
<li><a href='#'>SUB TAB 1.3</a></li>
<li><a href='#'>SUB TAB 1.4</a></li>
</ul>
</li>
<li class='top-link' id='link-entertainment'><a href='#'>TAB 2</a> 
                    <ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 2.1</a></li>
<li><a href='#'>SUB TAB 2.2</a></li>
<li><a href='#'>SUB TAB 2.3</a></li>
<li><a href='#'>SUB TAB 2.4</a></li>
<li><a href='#'>SUB TAB 2.5</a></li>
</ul>
</li>
<li class='top-link' id='link-news'><a href='#'>TAB 3</a> 
                    <ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 3.1</a></li>
<li><a href='#'>SUB TAB 3.2</a></li>
<li><a href='#'>SUB TAB 3.3</a></li>
<li><a href='#'>SUB TAB 3.4</a></li>
</ul>
</li>
<li class='top-link' id='link-life'><a href='#'>TAB 4</a> 
                    <ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 4.1</a></li>
<li><a href='#'>SUB TAB 4.2</a></li>
<li><a href='#'>SUB TAB 4.3</a></li>
<li><a href='#'>SUB TAB 4.4</a></li>
<li><a href='#'>SUB TAB 4.5</a></li>
<li><a href='#'>SUB TAB 4.6</a></li>
<li><a href='#'>SUB TAB 4.7</a></li>
</ul>
</li>
<li class='top-link' id='link-technology'><a href='#'>TAB 5</a> 
                    <ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 5.1</a></li>
<li><a href='#'>SUB TAB 5.2</a></li>
<li><a href='#'>SUB TAB 5.3</a></li>
<li><a href='#'>SUB TAB 5.4</a></li>
<li><a href='#'>SUB TAB 5.5</a></li>
</ul>
</li>
<li class='non-vertical-link top-link' id='link-top10'><a href='#'>TAB 6</a></li>
<!--
<li class='non-vertical-link top-link' id='links-1'><a href='#'>TAB 7</a></li>
--> 
<!--
<li class='non-vertical-link top-link' id='links-2'><a href='#'>TAB 8</a></li>
--> 
<!--
<li class='non-vertical-link top-link' id='links-3'><a href='#'>TAB 9</a></li>
-->
<!--
<li class='non-vertical-link top-link' id='links-4'><a href='#'>TAB 10</a></li>
-->
<li style='clear: both;'/> 
            </ul>
</div>
<!--END OF COLOURFUL TABS BY backlinkpr1.co.vu-->

Simpan.


Demikianlah Artikel Bikin navigasi menu drop down super keren

Sekian tips and trick Bikin navigasi menu drop down super keren, mudah-mudahan bisa memberi manfaat untuk anda semua.

Anda sedang membaca artikel Bikin navigasi menu drop down super keren dan artikel ini url permalinknya adalah http://www.backlinkpr1.co.vu/2015/06/bikin-navigasi-menu-drop-down-super.html Semoga artikel ini bisa bermanfaat.

19 komentar:

  1. Artiikel yang bagus,
    Ini sangat berguna
    Terima Kasih Atas Info yang anda berikan.

    KONTES SEO
    Agen Poker Online
    Poker uang Asli
    Agen Poker

    ReplyDelete
  2. Avoid delaying to get widely known right now. Buy Facebook Followers as a tactic to get popularity and acceptance on the internet in a shorter span.buy followers for facebook

    ReplyDelete
  3. Come join us and get the big prize that awaits you, do not miss the big bonus that awaits you just exist in palyer303.com
    Games Terbaik

    ReplyDelete
  4. Ayo gabung dengan kita dan dapatkan hadiah besar yang menanti anda, jangan sampai ketinggalan bonus besar yang menanti anda hanya ada di daftarbet303.com Games Terbaik

    ReplyDelete
  5. After playing 20 seasons in the NBA, Kobe Bryant called it quits at the end of last season. So does Nike Air Presto that mean that we won’t be seeing anymore Nike Kobe sneakers releasing? Nope.Kobe may have stepped away from the game, but his signature sneaker line is still Nike Shoes very much alive. Up above we see the Nike Kobe 11 Elite Low “Ghost Of Christmas Past” which features a vibrant volt finish that screams Kobe Bryant, Nike Basketball Shoes along with a new, mini-Swoosh design at the heel. Black accents throughout and an icy blue outsole complete the look. You can find this Kobe 11 at nike free 5.0 select Nike Basketball retailers now for $220.
    The Nike LeBron Soldier 10 is infamous as being the go-to sneaker for LeBron James during the 2016 NBA Finals, Nike Air Max 2016 and for today’s college football rivalry game, the standout silhouette has been reinterpreted in cleat form for the (#2) Ohio State Buckeyes, as they face off (#3) nike free trainer 5.0 University of Michigan.The game between Ohio State and Michigan has become one of the most heated rivalries in football. It has also become one of the key Cheap Nike Air Max battle grounds in the hunt for the National Championship.Select members of the Buckeye squad will don special versions of the LeBron Solider 10 “Red Toe” that has Curry Shoes been outfitted with a Nike speed plate, as it perfectly coordinates with the school’s signature colors. The silhouette looks great in cleat form. It has perfect ankle Nike Air Max Thea

    ReplyDelete
  6. Ajak keluarga anda liburan di gunung bromo dengan layanan paket wisata bromo agar perjalanan lebih nyaman tanpa perlu ribet mempersiapkan ini itu. Penyedia paket wisata bromo akan menyediakan semua fasilitas yang anda inginkan mulai dari transportasi, penginapan, konsumsi, tiket wisata hingga hal-hal kecil lainnya. Harga paket wisata bromo yang ditawarkan cukup murah dan cocok untuk kantong anda agar budget liburan anda bersama keluarga lebih hemat. paket tour gunung bromo . Rencana perjalanan paket wisata bromo untuk liburan keluarga lihat tautan lengkap.
    Wisata coban pelangi terletak di desa gubug klakah, poncokusumo, berdekatan dengan desa ngadas. Dinamakan coban pelangi karena bias air yang turun dari atas tersebut bisa menimbulkan pelangi yaitu pada saat siang hari sekitar jam 2 siang. Di wisata coban pelangi juga terdapat sebuah jembatan yang dinamakan jembatan cinta. Jalur turun dari parkiran menuju coban pelangi sangat licin, jadi anda harus hati-hati.
    Harga sewa mobil di malang full day dari jam 6 pagi hingga jam 11 malam sangatlah terjangkau. Untuk sewa mobil di malang jenis avanza, xenia, ertiga atau luxio hanya bertarif 475.000 rupiah (mobil sopir bbm). Sedangkan untuk sewa mobil di malang jenis innova full day hanya 600.000 rupiah dengan fasilitas yang sama. Kalau sewa mobil di malang elf short 900.000 . Cukup murah kan harga sewa mobil di malang. Untuk booking dan reservasi sewa mobil di malang lihat link ini.
    Objek wisata pantai 3 warna memberlakukan peraturan yang sangat ketat bagi para pengunjung, itu semua untuk menjaga kelestarian alam dan terumbu karang di pantai 3 warna. Wisatawan juga dibatasi berenang maksimal 2 jam. Letak pantai 3 warna ini berdekatan dengan pantaj gatra. Harga tiket masuk ke pantai tiga warna per orang 10 ribu rupiah saja. Tapi maksimal rombongan untuk mengunjungi pantai 3 warna ini dibatasi maksimal 10,orang saja.
    Banyak kalangan artis yang mengkonsumsi ramuan madura untuk kesehatan tubuh. Aktifitas san jadwal kerja yang padat membuat para artis membutuhkan stamina yang lebih. Nah, ramuan madura ini sangat bagus untuk kesehatan dan juga kecantikan. Bahkan, banyak kalangan bawah yang juga minum jamu ramuan madura ager terlihat lebih cantik. ramuan madura alami . Khasiat mengkonsumsi jamu ramuan madura untuk para wanita baca info disini.

    ReplyDelete
  7. BavetlineOke Dapat Credit 100K Dengan Membayar 70K Saja !!

    Prediksi Sunderland Vs Manchester United 09 April 2017

    Daftarkan Dengan Kode Referall “ BAVETJ 02 “ Anda Deposit 70K Dapat 100K Hanya Di

    ( BAVETLINEOKE.COM ) / http://bavetline88.com/

    ReplyDelete
  8. Supaya kamar tidur tidak berantakan dan barang berceceran maka sediakan rak untuk menyimpan barang-barang agar tersusun dan tertata dengan rapih. Salah satu yang membantu menjadi kamar jadi semakin menarik adalah rak untuk menyimpan tas. Dan jika mencari rak yang harganya murah maka pakailah rak tas gantung karakter resleting. Rak ini merupakan produk organizer yang saat ini lagi booming dan sedang naik daun. Harga ras tas gantung resleting di pasaran sekitar 70.000 rupiah saja. Bahan yang digunakan untuk membuat rak tas dari plastik mika ini sangatlah berkualitas sehingga menjadikannya kuat dan tidak gampang rusak. Rak tas gantung tertutup ini terdiri dari 5 susun dan semua sekatnya menggunakan triplek. Motif karakter kartun menjadi penghias agar rak ini semakin cantik dan menarik.

    ReplyDelete
  9. Bagi anda yang ingin membeli hanging shoes organizer murah meriah dan berkualitas maka bisa menghubungi bunda syaqiela. Ini adalah agen hanging shoes organizer murah yang terpercaya dan terlengkap. Semua produk hanging shoes organizer murah disana sangat bagus dan berkualitas. Harga eceran hanya 65.000 rupiah saja. Anda juga bisa membeli hanging shoes organizer murah secara grosir dan tentunya akan mendapatkan potongan harga. Hanging shoes organizer murah dan berkualitas lihat halaman produk.

    ReplyDelete
  10. Ada flek hitam bekas jerawat di wajah memang sangat mengganggu sekali. Kita sering merasa minder dan hilang percaya dari. Ada cara menghilangkan flek hitam bekas jerawat dengan mudah, yaitu memakai bahan alami dan tradisional. Tips menghilangkan bekas jerawat ini dijamin aman tanpa efek samping. Sudah banyak para wanita yang mencoba cara menghilangkan flek hitam bekas jerawat dengan cepat ini. Cara menghilangkan flek hitam bekas jerawat secara alami lihat info selengkapnya.
    Salah satu khasiat beras merah yang dirasakan adalah dapat menurunkan berat badan dengan efektif. Beras merah bisa dijadikan menu diet yang sehat dan aman dikonsumsi tanpa efek samping. Khasiat beras merah untuk diet ini dikarenakan kandungan serat yang tinggi dan juga sangat rendah kandungan kalorinya. Bagi anda yang sedang dalam masa diet, cobalah rasakan khasiat beras merah ini. Khasiat beras merah bagi pejuang diet lihat info berikut.
    Memiliki bibir yang merah merona tentu menjadi lambang sensualitas dan kebanggaan tersendiri. Jika anda merasa bibir anda berwarna hitam dan kusam, maka cobalah cara memerahkan bibir dengan alami memakai bahan tradisional. Ada banyak sekali bahan alami yang bisa digunakan untuk memerahkan bibir hitam. Dijamin cara memerahkan bibir ini sangat ampuh dan cepat. Cara memerahkan bibir secara alami dan permanen lihat tips disini.

    ReplyDelete
  11. Kamu mungkin bertanya-tanya, kenapa kitchen set murah berkualitas bandung yang dibeli di warung makan lebih enak ketimbang yang kamu masak sendiri? Selain karena perlengkapan kitchen set bandung Sebenarnya tidak masalah menempatkan suatu barang itu di toko furniture murah di bandung, tetapi biar dapur enak dilihat dan terlihat lega, harga sofa minimalis di bandung memberikan trik jitunya. Berikut trik furniture minimalis murah bandung Kamu harus tahu kalau sebenarnya kita cukup paham 3 bumbu dasar saja untuk menguasai seluruh masakan yang ada, terutama masakan Indonesia.

    Kalau kamu sudah menguasainya, toko furniture murah bandung apapun gampang! Cara membuat bumbu dasar ini sangat mudah klo sama ahli kitchen set bandung, tinggal dihaluskan, lalu ditumis sebentar, kemudian simpan di tempat jual sambal roa di manado. Komposisi tiap bahan bisa kamu sesuaikan tergantung seberapa banyak kamu ingin membuatnya ya! Kenyataan ini akan dihadapi oleh orang-orang yang merasa sudah berusaha keras untuk jual sambal ikan roa di jakarta, tapi entah kenapa selalu gagal dan nggak pernah puas dengan hasil masakannya. Jika kamu memang sudah cocok dengan masakanmu sendiri, cara cepat punya anak itu pengecualian.

    ReplyDelete
  12. http://www.vip-prime.com/2018/01/cara-menanam-hidroponik-sederhana.html

    ReplyDelete

Blog dofollow, BEBAS tanam link aktif untuk medapatkan backlink permanent dari blog ini