Cara Membuat Menu di Bawah Footer Di Blogger

Pada kesmpatn kali ini saya akn kasih anda Cara Membuat Menu di Bawah Footer Di Blog saya kasih dan akan shree yang ya pakai oleh blog saya anda bisa lihat pada menu di bawah itu contoh sebagai menu Demo nya ,jika anda belum mempuyai menu di bawah footer tersbut maka anda bisa pasang menu ini di bawah footer yang pososi di bawah blog anda ,jika anda mau saya akan kasih saja secara geratis buat anda ,jika anda mua lihat hasilnyaa anda bisa lihat pada gambar berikut ini.

DEMO

Jika anda tertarik sama menu yang saya kasih ini anda bisa langsung saja pasang di blog anda dengan langkah mudah dan gambar pada berikut tutorial di bawah ini.

Langkah Pertama..

1. Kamu Login ke blogger anda masing masing
2. Dan kamu pilih menu Tema dan tekan menu Edit Html
3. Kemudian kamu tekan Kibot Pc CTRL+F kemudian kamu cari kode yang bernama ]]></b:skin> jika sudah ketemu kamu ambil kode di bawah dan copykan di atas kode ]]></b:skin> ini.

.menuku-wrap { background:#fff url(http://1.bp.blogspot.com/-iW0Lu6uyKpQ/VgOTzMrNKCI/AAAAAAAAFS8/Z1D_CidSEiE/s1600/seocips-menuku.png) repeat-x top; height:54px; width:100%;overflow:auto; }
.menuku { font:normal 12px Arial; line-height:normal; text-transform:none; color:#f1f1f1; text-decoration:none; margin:0 auto; padding:0 auto;  }
.menuku ul { margin:0; padding:0;  }
.menuku li { list-style:none; color:#b69786;float:left;width:20%; display:inline; position:relative; margin:0; text-align:center;}
.menuku li a { background:url(http://3.bp.blogspot.com/-qUn6XWzzCSU/VgOTzlbaFnI/AAAAAAAAFTA/O7dLyxlDEy4/s1600/seocips-mnubg.png) repeat-x top; display:block; text-decoration:none; font-weight:700; color:#ccc; text-shadow:1px 1px 2px #111; outline:none; margin:10px 4px 8px; padding:8px 16px; border:1px solid #111; }
.menuku li a:hover { background:#333; -moz-box-shadow:inset 2px 2px 2px #151515; -webkit-box-shadow:inset 2px 2px 2px #151515; box-shadow:inset 2px 2px 2px #151515; }
.menuku li ul { position:absolute; z-index:10; left:0; top:100%; height:30px; width:170px; display:none; margin:0; padding:0; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6); }
.menuku li ul a { margin:0; font:12px Arial; background:#2c2c2c; border-left:none; border:none; display:block; padding:7px 10px; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.6); }
.menuku li ul a:hover { background:#1b1b1b; color:#fff; }
.menuku li ul li { float:none; display:block; width:auto; }
.menuku li ul ul { top:0; left:100%; }
.menuku li a:hover,.menuku ul li a:hover { color:#2CF2DB; }

4. Langkah berikutnya kamu carai lagi kode </footer> dan ambil kode di bawah letakan pada di atas kode  </footer> ini.

<div class='clr'/>
<div class='content-wrapper'>
<div id='footer'>
<div class='menuku-wrap'>
<div class='menuku'>
<ul>
<li><a href='http://tutorialcid.blogspot.co.id/p/cara-download-di-blog-tutorialcid.html' target='_blank' title='Cara Download Aplikasi'>Cara Download <i class='fa fa-download'/></a></li>
<li><a href='http://tutorialcid.blogspot.co.id/search/label/Sound%20Effect' target='_blank' title='Sound Effect Video'>Sound Effect <i class='fa fa-soundcloud'/></a></li>
<li><a href='https://www.facebook.com/tutorialcid' target='_blank' title='Facebook Ku'>Facebook <i class='fa fa-facebook-square'/></a></li>
<li><a href='https://plus.google.com/u/0/100880000378960825695' target='_blank' title='Google Plus ku'>Google+ <i class='fa fa-google-plus-square'/></a></li>
<li><a href='https://www.youtube.com/channel/UCA8_nTTScwfKoqLil8Qfz0w' title='youtube'>Youtube <i class='fa fa-youtube-square'/></a></li>
</ul>
</div></div></div></div>

5.Kemudian kamu simpan dan lihat teb baru jika menu ini ga tampil anda salah menuru possisi yang di mana meletakan kode tersbut maka kamu ubah agar menu tersbut bisa tampil pada blog anda .Munkin cukup samapai di sini saja yang saya bisa samoaikan ke pada anda mohon maap kurang lebih nya dari saya wasalam.