Posted by Materi Teknik Informatika • Informasi Teknologi Informasi • Digital Marketing on 2/14/2015
Cara Menambahkan Top Nav SEO Responsive - Menambahkan Top Nav yang kemungkinan bisa menambahkan rank website/blog kita.
Sebenarnya ini pengalaman yang saya lihat dari template-template SEO Responsive yang biasanya menggukanan Top Nav ini sebagai template bawaan Blogger pasti bila di pakai tidak akan maksimal.
Berikut ini gambaran Top Nav yang akan saya berikan, sebenarnya saya terapkan juga di blog, kurang lebih seperti di bawah ini.
Copy paste code di bawah ini dengan mencari </head>.
/* Top navigation */
#top-nav {
background:#333;
margin:0 auto;
height:32px;
width:970px;
overflow:hidden;
}
#top-nav ul {
list-style-type:none;
margin:0 auto;
width:970px
}
#top-nav ul li {
float:left;
margin:0 0 0 0;
}
#top-nav ul li a {
line-height:32px;
padding:0 15px;
color:#ccc;
font-size:13px;
display:block;
text-decoration:none
}
#top-nav ul li a:hover {
color:#fff
}
Tempatkan kode di atas sebelum </head>, jangan lupa menambahkan <style> ... </style> di antara CSS di atas.
Setelah itu lanjut dengan menambahkan URL Top-Nav untuk menggunakan CSS yang kita pasang sebelumnya.
Ganti Alamat URL yang di inginkan dan Ubah nama Sample nya sesuai keinginan, menaruh code di atas setelah </head> dan di bawah <body> paling atas.
