Dimana Postingan Sebelumnya membahas tentang Pentingnya halaman About, Contact, Sitemap, Disclaimer, Privacy Policy, dan TOS untuk blog atau web daftar google adsense.
Pada hari ini kita akan berbagi artikel atau materi tentang cara membuat daftar menu halaman About, Privacy Policy, Contact, Disclaimer, Sitemap dan TOS (Terms Of Service).
Sebagai contoh seperti gambar ini
Baik kita lanjut aja langsung ke TKP..
1. Masuk blogger.com
2. Cari dan klik Tema kemudian klik Edit HTML
1. 3. Cari kode ]]></b:skin> menggunakan
tekan CTRL+F pada keyboard kemudian pasang
kode di bawah ini sebelum kode ]]></b:skin>
ul.topnav { list-style-type:
none; margin: 0; padding: 0; overflow: hidden; background-color: #333333;}
ul.topnav li { float:
left;}
ul.topnav li a {display:
inline-block; color: #f2f2f2; text-align: center; padding: 6px 10px;
text-decoration: none; transition: 0.3s; font-size: 12px;}
ul.topnav li a:hover {background-color:
#555;}
ul.topnav li.icon {display:
none; }
@media screen and (max-width:680px) {ul.topnav
li:not(:first-child)
{display:
none;}
ul.topnav
li.icon {float:
right; display: inline-block;}
}
@media screen and (max-width:680px) {
ul.topnav.responsive
{position:
relative;}
ul.topnav.responsive
li.icon {position:
absolute; right: 0; top: 0;}
ul.topnav.responsive
li {float:
none; display: inline;}
ul.topnav.responsive
li a { display: block; text-align: left;}
}
2.
4. Kemudian Pasang kode dibawah setelah kode
<body> menggunakan cara yang sama pada no .3
<!-- Nav atas (start) -->
<ul class='topnav' id='myTopnav'>
<li><a
href='/p/about.html'>About</a></li>
<li><a
href='/p/privacy-policy.html'>Privacy Policy</a></li>
<li><a
href='/p/disclaimer.html'>Disclaimer</a></li>
<li><a
href='/p/contact.html'>Contact</a></li>
<li><a
href='/p/sitemap.html'>Sitemap</a></li>
<li
class='icon'> <a href='javascript:void(0);' onclick='myFunction()'>☰</a></li>
</ul>
<!-- Nav atas (end) -->
3.
5. Yang terakhir pasang kode di bawah ini sebelum
kode </body>
<script>
function myFunction() {
var
x = document.getElementById("myTopnav"); if (x.className === "topnav")
{
x.className += " responsive"; } else {
x.className
= "topnav";
}
}
</script>
6. Simpan dan Selesai
Demikian ini artikel atau materi yang saya bagikan, semoga bermanfaat untuk kita semua, jika ada yang salah mohon minta maaf.
Tidak ada komentar:
Posting Komentar