Membuat Glossy Red Menu pada Blogspot

10.59  , ,  

Membuat Glossy Red Menu pada Blogspot adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Membuat Glossy Red Menu pada Blogspot ini.
Banyak kalangan webmaster-webmaster membagikan tips tentang pembuatan menu horisontal yang bisa menarik perhatian para pengunjung blog. ini bertujuan untuk membuat para pengunjung betah diblog kita. Karena semakin bagus dan menarik tampilan blog kita akan semakin membuat pengunjung betah diblog kita. Ada pepatah, jika ingin orang dipandang orang lain haruslah memperindah diri kita terlebih dahulu sebelum mempercatik isinya.

Lah, kali ini saya akan membagikan tips tetang pembuatan Menu Glossy Red pada blogspot.


Glossy Red Menu pada Blogspot
Pingin lebih jelasnya silakan kunjungi http://testpio.blogspot.com


Live Demo


Langsung ikuti langkahnya :
  • Login akun blog anda;
  • Pilih Rancangan;
  • Klik tab Tambahkan Gadget;
  • Pilih HTML/JavaScript;
  • Copy paste kode dibawah kedalamnya;
<style>
.piored-menu{
border:5px solid #cd0000;
padding:0;
clear:both;
}
.piored-menu{
margin:0px;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAgvqB0HWy8YkxrKLy2_t4_e67UaamMUf7CHDVo-LYR1_fI1l8shUIju-X7_4iELJH9O7_qrvGe7WoytbJdvReDuFBPcRwvTZfTDdptrZXMP_iziwpqyIs0o9Mqt1YCBhlBdmaC9CBdoA/s400/blockdefault.gif) center center repeat-x;
}
.piored-menu li{
display: inline;
}
.piored-menu li a{
float: left;
color: #fff;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.piored-menu li a:visited{
color: #fff;
}
.piored-menu li a:hover, .piored-menu li a.selected{
color: #fff;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKA7I61cD95LU1HDOvzhY3Jiq0o1ez8FJF5ADWls8t3xBAnJcwg5unsRjL2GbYSRAV5hc6vo-QexMFGjXnDOffsAxbT5huaKrI-l8hlIf6xL18H3cAKR1CIzuR9LMqiSNsgNc-pCYXjY/s400/blockactive.gif) center center repeat-x;
}
</style>

<ul  class="piored-menu">
<li><a href="#">Beranda</a></li>
<li><a href="#" >Tutorial Blogger</a></li>
<li><a href="#">Guest Book</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
  • Lalu Simpan, selesai.
Mudah bukan, anda tinggal mengganti hurup yang bercetak BESAR (#) dengan URL tujuan anda.
Swelamat Mencoba... Happy Blogging...!!! SELENGKAPNYA atau SEPENUHNYA

Sistem Komputer

Sitemap 1 2 3 4 5