Cara membuat navigasi untuk blog

06:31:00 Seoke.com

Kalian mungkin Lagi cari bagaiman cara membuat Navigasi untuk review blog ??, pas banget Kalian MASUK Ke blognya seoke.com soalnya seoke.com Kali Penyanyi mau postingan TENTANG cara membuat Navigasi di blog seperti gambar di Bawah Penyanyi.
untuk review para Pemula mungkin sangatlah susah Dan Sangat membingungkan seperti seoke.com Pertama membuat blog Sendiri, Dan Yang Pertama Kalian Harus MASUK dulu Ke akun blog Kalian Terus MASUK Ke Pilih DASHBOARD> Pilih TEMPLATE> Edit HTML JIKA Kalian Sudah berada Kode Kode HTML Kalian cari Kode <body> Dan masukan Kode di Bawah Penyanyi Tepat di bawa Kode <body>

Penghasilan kena Pajak ITU Kalian cari Kode <header> Dan masukan Kode Di Bawah Penyanyi Tepat di Bawah Kode <header>

Penghasilan kena Pajak Kalian memiliki Selesai DENGAN Kode di Perbedaan Kalian cari Kode </ style> Dan patekan Kode Di Bawah Penyanyi Tepat di Perbedaan Kode </ style>

@import "http://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css";
body {
  font: 13px/20px "Lucida Grande", Tahoma, Verdana, sans-serif;
  color: #404040;
  background: #ecedef;
}

.container {
  margin: 80px auto 120px;
  width: 640px;
}

nav {
  height: 26px;
  text-align: center;
}
nav ul {
  border-width: 1px;
  border-style: solid;
  border-color: #d5d5d5 #d2d2d2 #cdcdcd;
  border-radius: 3px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.container {
  margin: 80px auto 120px;
  width: 640px;
}
 
nav {
  height: 26px;
  text-align: center;
}
nav ul {
  border-width: 1px;
  border-style: solid;
  border-color: #d5d5d5 #d2d2d2 #cdcdcd;
  border-radius: 3px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
nav li {
  float: left;
  border-left: 1px solid #d2d2d2;
}
 
nav li:first-child {
  border-left: 0;
}
 
nav li:first-child a {
  border-radius: 3px 0 0 3px;
}
 
nav li:last-child a {
  border-radius: 0 3px 3px  0;
}
nav a {
  display: block;
  position: relative;
  padding: 0 14px;
  height: 26px;
  line-height: 26px;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-decoration: none;
  text-shadow: 0 1px white;

background: #fafafa;
  background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
  -webkit-box-shadow: inset 0 0 0 1px #fafafa;
  box-shadow: inset 0 0 0 1px #fafafa;
}

nav a:hover {
  color: #333;
  z-index: 2;
  -webkit-box-shadow: inset 0 0 0 1px #fafafa, 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 1px #fafafa, 0 0 3px rgba(0, 0, 0, 0.3);
}
nav a:hover {
  color: #333;
  z-index: 2;
  -webkit-box-shadow: inset 0 0 0 1px #fafafa, 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 1px #fafafa, 0 0 3px rgba(0, 0, 0, 0.3);
}

nav li.active a, nav a:active {
  color: #333;
  background: white;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}
nav li.active a, nav a:active {
  color: #333;
  background: white;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}

nav .badge {
  display: block;
  position: absolute;
  top: -12px;
  right: 3px;
  line-height: 16px;
  height: 16px;
  padding: 0 5px;
  font-family: Arial, sans-serif;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  border: 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
}
nav .badge {
  display: block;
  position: absolute;
  top: -12px;
  right: 3px;
  line-height: 16px;
  height: 16px;
  padding: 0 5px;
  font-family: Arial, sans-serif;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  border: 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
}
nav .badge {
  background: #67c1ef;
  border-color: #30aae9;
  background-image: -webkit-linear-gradient(top, #acddf6, #67c1ef);
  background-image: -moz-linear-gradient(top, #acddf6, #67c1ef);
  background-image: -o-linear-gradient(top, #acddf6, #67c1ef);
  background-image: linear-gradient(to bottom, #acddf6, #67c1ef);
}

Bila Sudah mempastekan Kode di perbedaan Kalian Tinggal PERATINJAU PADA templatenya Dan lihat hasilnya.

Dan hasilnya akan seperti gambar di Bawah Penyanyi:

foto BY ewebdesign.com

Hanya segitu seoke.com can berbaginya apabila Kalian TIDAK mengerti DENGAN Yang Saya Sampaikan Dan JIKA Klian Punya Kritik dan Saran Kalian bisa Tinggal kan komentarnya di Bawah Penyanyi.

terima kasih memiliki berkinjung di blognya seoke.com

Ditulis Oleh : Seoke.com Blogger

Terima kasih telah berkunjung di Cara membuat navigasi untuk blog.Silahkan kalian masukan mail kalian untuk berlangganan lewat mail tentang artikel terbaru dari SEOKE.COM.

Cara membuat navigasi untuk blog

Ditulis Oleh : Seoke.com Blogger

Subscribe To Email!

0 komentar:

Post a Comment

central

central

Archive

Labels

Contact

Popular