Rendy Note

Pagi Sobat X-T ~
udh 2 hari amdin gk posting ya ? hehe krna bngung mau posting apa -_- kwkwkwkwkw Kemarin admin posting 10 Tips SEO Mudah hahah udh di pratekin blom ? XD kwwkwkwk klo blom praktekin aja kyk blog Admin Ini Blog Admin Ini Lumayan juga SEO nya (45% SEO Template) hahahaha Oke Lah Admin Mau Share Cara Buat Menu Drop Down Ala X-T Oke Simak Tutorial Nya Di bawah ini :D
Tutorial :
1 . Seperti Biasa Login Blogger sobat
2. Masuk Ke Rancangan
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan CTRL+F Lalu Cari Kode ]]></b:skin> Copy CSS ini Dan Paste Kan Di Atas Kode Tadi o iya Satu Lgi CSS Di bawah Ini Sudah Admin Compress Jdi nya Ringan Untuk Blog Sobat !

/* Dropdown Menu */
ul.menu{list-style-type:none;margin:0 0 20px 0;padding:0;float:left}ul.menu li{display:block;height:30px;float:left;position:relative;margin-right:15px;padding:0}ul.menu li a{display:block;float:left;text-decoration:none;font-size:14px;font-style:normal;font-weight:bold;padding:5px 0;line-height:18px}ul.menu li a span{font-weight:normal;padding-left:0}ul.menu li.drop a{padding-right:7px}ul.menu li a:hover{background:0}ul.menu li.drop:hover li{border:0}ul.menu li.drop span.toggle{display:block;float:left;width:18px;height:26px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhewBigzw-p3JYtykYfkNJMpII-BVaPLGuhrGEw1SiJx75uwde6kBJsIIkvBTcihVUMBdFjaKb4x33qbZB1DV7zlvy_rNwSy2CE03ksRyLUvkaluLTpUtOHhg8ReFIM24JDIxxEDlQrwWY/s0/toggle_bg.png) no-repeat 0 -18px;padding:0;margin:0}ul.menu li.drop:hover span.toggle,ul.menu li.drop.current span.toggle{background-position:0 5px}ul.menu li.drop:hover ul{display:block;z-index:1;padding:6px 0}ul.menu li ul{display:none;position:absolute;width:170px!important;top:30px;left:0;list-style-type:none;margin:0;padding:0;background:#0030ff;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}ul.menu li ul li{float:none;height:auto;margin:0;padding:0;border:0}ul.menu li ul li a{color:#0005cf;background:#3b3b3b;float:none;display:block;font-size:13px;height:auto;margin:0 5px 1px 5px;padding:5px 7px;font-weight:bold;text-transform:none}ul.menu li:hover ul{border:0}ul.menu li:hover ul *{color:#0005cf}ul.menu li ul li:hover *{color:#0005cf}ul.menu li ul li a:hover{background:#000;!important}

 6. Lalu Cari Kode <div id='header-wrapper'> lalu letakkan HTML ini Di bawah Kode Tadi

<li class='drop'>
         <a href='/'>Contact admin</a>
         <span class='toggle'/>
              <ul>
                 <li><a href='http://www.facebook.com/Green.Boyz.25'>ON FACEBOOK</a></li>
                 <li><a href='http://www.twitter.com/boyprayoga'>ON TWITTER</a></li>
              </ul>
      </li>
      <li class='drop'>
         <a href='/'>Label</a>
         <span class='toggle'/>
              <ul>
                 <li><a href='http://www.cheatermaninjau.net/search/label/Blogger'>Blogger</a></li>
                 <li><a href='http://www.cheatermaninjau.net/search/label/http://www.cheatermaninjau.net/search/label/Tips%20And%20Trick'>TIPS AND TRICK</a></li>
                 <li><a href='http://www.cheatermaninjau.net/search/label/Cheater'>Cheater</a></li>
                 <li><a href='http://www.cheatermaninjau.net/search/label/Hacker'>Hacking</a></li>
              </ul>
      </li>
   </ul>

7. Sebelum Di Simpan Klik Pertinjau Terlebih Dahulu Klo Berhasil Klik Simpan Template :D

-====== FINISH =====-

JANGAN LUPA BERI KOMETAR DAN LIKE NYA UNTUK POSTINGAN INI !