2/14/2015

Cara Menambahkan Top Nav SEO Responsive

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.

Cara Menambahkan Top Nav SEO Responsive

Berikut ini gambaran Top Nav yang akan saya berikan, sebenarnya saya terapkan juga di blog, kurang lebih seperti di bawah ini.

Cara Menambahkan Top Nav SEO Responsive

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.

Sekian artikel tentang Cara Menambahkan Top Nav SEO Responsive, semoga bermanfaat.

Tidak ada komentar:

Posting Komentar

Silahkan komentar jika ada yang ingin Anda tanyakan mengenai artikel Materi IT.

Jangan lupa melakukan Checklist "Notify me" untuk mendapatkan email balasan dari Admin.

Septian Maulana - 08997206535 (WhatsApp).

Computer Science:
Group CS - https://bit.ly/CSUtama
Group CS 2 - https://bit.ly/cs2group
Group CS 3 - https://bit.ly/cs3group
Group CS 4 - https://bit.ly/cs4group
Group CS 5 - https://bit.ly/cs5group
Group CS 6 - https://bit.ly/cs6group
Group CS Telegram - https://bit.ly/cstelgroup