Langkah Pertama..
1. Kamu Login ke blogger anda masing masing2. 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkuIFUEXureGJ0MpI2tDj1gNLiJrf6YOIHgYwAFwrykfBSYqA2kzEXCGaeQCXnUDF-4vU2X38Kx39yai2ifI2IC3BLYhiTYBpjaNsjCYcaSnO6v-607GfAAo9Gfv4Xa7FZd93PJ2ofWJo/s1600/seocips-menuku.png) repeat-x top; height:54px; width:100%;overflow:auto; }4. Langkah berikutnya kamu carai lagi kode </footer> dan ambil kode di bawah letakan pada di atas kode </footer> ini.
.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjInyZDKu_2M_l7xilXrFQtmiS_Rmblw0gHmb1Or_1ywLz8JUpV9l_EQv2dzL-y25UCh_L-Bllia7Ld5KpBiGvFdYobV0lOCGMENSw0Fq26LTpx0meqrm4omp1_LWU4keJS4nIlT-TlUuI/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; }
<div class='clr'/>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.
<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>
0 Komentar untuk "Cara Membuat Menu di Bawah Footer Di Blogger"
~ Peraturan Fcips ~
=> Bebas Link Hidup Hapus , Kalau mau pakai , pakai link mati Gunakan Dgn ,[ [dot] dll
=> Spam Komentar Komentar Akan dihapus permanen
=> Gunakan Kata Sopan
=> Harigailah Kami Punya Blog Ini
~ Terimahkasih ~