Cara Membaut Menu Navigasi Keren di Bawah Footer

Tutorial Kali ini adalah Cara Membaut Menu Navigasi Keren di Bawah Footer,
pada umumnya Menu Navigasi ini di Terapkan Untuk About, Contac, Prifacy Policy, Discaimer, Sitemaps,Tos dll.
yang Pada Tujuanya Si Pembaca dapat Mengetahui tentang Status Blog atau Website yang mereka Kunjungi.
jika Anda ingin Menrapkanya Pada Blog Anda, silahkan Ikuti Langkah Tutorial Cara Membaut Menu Navigasi Keren di Bawah Footer di Bawah ini:

1. Masuk Ke Blog Anda.
2. Klik Template / Tema.
3 Cari Kode ]]></b:skin> Tekan Ctrl + F  Lalu  Enter pada Keyboad Anda Untuk Lebih Mudah Pencarian.

4. Copy dan Pastekan Kode Script di Bawah ini dan Pastekan sebelum Kode ]]></b:skin>.

/* Css Navigasi Menu Diatas Footer  */.ferstyle-wrap { background:transparent; height:54px; width:98%; text-align:center; overflow:auto; margin-top:-10px; margin-bottom:-10px; margin-left:10px; }.ferstyle { font:normal 12px Arial; line-height:normal; text-transform:none; color:#f1f1f1; text-decoration:none; margin:0 auto; padding:0 auto; }.ferstyle ul { margin:0; padding:0; }.ferstyle li { list-style:none; color:#2c97de; float:left; width:20%; display:inline; position:relative; margin:0; text-align:center; }.ferstyle li a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFMPbxCYaD2SuSTaEKjegEzXg13JsWvbBsOoe4s6PNAY7KbLGpJSjTI-ywTziVcNWuURjILJNSDnuNUPtcK4lo1Fm8ewkN_IJ_wgSIq0dzI-hlRyl6rleYOfAh_kiWTcoQmJv4lgGBbQ/s1600/ferstyle.png) repeat-x top; display:block; text-decoration:none; font-weight:700; color:#ccc; text-shadow:1px 1px 2px #111; outline:0; margin:10px 4px 8px; padding:8px 16px; border:1px solid #111; }.ferstyle 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; }.ferstyle 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); }.ferstyle li ul a { margin:0; font:12px Arial; background:#2c2c2c; border-left:none; border:0; display:block; padding:7px 10px; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.6); }.ferstyle li ul a:hover { background:#1b1b1b; color:#fff; }.ferstyle li ul li { float:none; display:block; width:auto; }.ferstyle li ul ul { top:0; left:100%; }.ferstyle li a:hover,.ferstyle ul li a:hover { color:#fc0; }

silahkan cari kode <footer> atau <footer id='footer-wrapper'>, untuk lebih mudahnya tekan CTRL + F. Dan masukkan kode dibawah ini tepat dibawah kode <footer> atau <footer id='footer-wrapper'>

<div class='ferstyle-wrap'><div class='ferstyle'><ul><li><a
href='http://www.irinmedia.com/' target='_blank' title='Home'>Home <i class='fa fa-home'/></a></li><li><a
href='http://www.irinmedia.com/p/privacy-policy-jika-anda-memerlukan.html' target='_blank' title='Privacy Policy'>Privacy <i class='fa fa-balance-scale'/></a></li><li><a
href='http://www.irinmedia.com/p/sitemaps.html' target='_blank' title='Sitemaps'>Sitemaps <i class='fa fa-user'/></a></li><li><a
href='http://www.irinmedia.com/p/blog-page_10.html' title='Disclaimer'>Disclaimer <i class='fa fa-bank'/></a></li><li><a
href='http://www.irinmedia.com/p/terms-of-service-for-irinmedia-if-you.html' target='_blank' title='Terms Of Servie'>TOS <i class='fa fa-credit-card-alt'/></a></li></ul></div></div>



Keterangan ;

Ganti Tulisan Yang Berwarna Merah dengan Url Anda.

demikianlah Tutorial Cara Membuat Menu Navigasi Keren di bawah Footer Blog.
Semoga Artikel ini menjadi jawaban Untuk Pencarian Anda.

Bila ada yang di tanyakan, Silahkan tulis di komentar.

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://irinmedia.blogspot.com/. Terima kasih.