Kali ini kita akan coba membahas tentang bagaimana membuat "tombol navigasi" agas penampilan blog kita akan lebih menarik dan kelihatan lebih cantik, apasih yang saya maksud dengan tombol navigasi? (lihat gambar)Jika teman-teman semua sudah mengerti, sekarang kita akan mulai membahas cara/proses pembuatannya!
Ada dua langkah untuk membuat tombol ini untuk blog Kita:
1. Menambahkan beberapa kode styling ke blog dari template
2. Buat baru HTML / Javascript widget, dan membuat link
Teman-teman semua dapat menggunakan/menempatkan nya dimana saja kita mau (yang pasti dalam blog) seperti sidebar, kepala bagian, atau di atas posting blog.
Terserah Teman-teman semua mau menggunakan Langkah yang mana: (Kedua-duanya juga boleh)
Langkah Pertama:
Menambahkan beberapa kode ke dalam template blog Kita
Cari kode </b:skin> (Gunakan Ctrl+F untuk mencari kode tadi)
kemudian copy paste kode di bawah ini setelah kode di atas
a.navigation {
background: #000000;
color: #ffffff;
margin: 1px;
padding: 5px 35px 5px 5px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #5d5d54;
text-decoration: none;
}
Simpan ya!!
Jika sudah sekarang kita masuki langkah yang kedua
Membuat tombol navbar dengan menggunakan HTML/Javascript
Pergi ke menu layout (tata letak) ----> page element (elemen halaman) kemudian new HTML/Javascript
Copy dan paste kode dibawah ini:
<a class="navigation" href="http://namablogteman.blogspot.com">nama link (HOME)</a>
<a class="navigation" href="http://namablogteman.blogspot.com">nama link berikutnya (ABOUT)</a>
<a class="navigation" href="http://namablogteman.blogspot.com">Link berikutnya lagi (CONTACT)</a>
Perhatian
Ganti yang berwarna merah dengan link yang akan di tuju.
Ganti yang berwarna biru dengan nama link nya.
3 komentar:
Pergi ke menu layout (tata letak) ----> page element (elemen halaman) kemudian new HTML/Javascript
Copy dan paste kode dibawah ini:
new HTML javascriptnya tambah gadget ??
iya bang bima, itu sama saja tambah gadget, setelah kita klik tambah gadget akan muncul beberapa pilihan, nah kita pilih aja pilihan new HTML javascrip.
trims infonya tapi ada sedikit masalah neh mohon pencerahannya, jade begini ceritanya......
setelah ane ikuti semua yang suhu paparkan semua berjalan normal kecuali di bagian paling atas jadi ada teks yang pertama di tambahkan untuk lebih jelasnay sudi kiranya mengunjungi http:www.pucukcantigi.blogspot.com
ditunggu yah di endinaku@gmail.com trims
BERIKAN KOMENTAR ANDA