Cara membuat Menu Tab Sesuai
Label pada Blog ???
Pada awalnya saya pikir sulit juga belajar html,,
Ternyata tak sesulit yang saya pikirkan lho,,
kali ini saya mau ngeShare cara buat menu tab sesuai label pada Tab Blogger,,
Yuk mari menuju TKP ...
Caranya cukup mudah :
Pada awalnya saya pikir sulit juga belajar html,,
Ternyata tak sesulit yang saya pikirkan lho,,
kali ini saya mau ngeShare cara buat menu tab sesuai label pada Tab Blogger,,
Yuk mari menuju TKP ...
Caranya cukup mudah :
- Pertama buka design tata letak dan klik tambah widget dibawah widget Header berupa HTML/JavaScript (perlu diingat sebelum melakukan langkah ini postingan sobat sudah berlabel) untuk membuatnya silakan baca/pelajari Cara membuat Label diblog kita.
- Lalu masukkan script berikut :
<div style="text-align:
center;">
<div
id="navigation">
<ul>
<li class="selected">
<a href="http://awanputih43.blogspot.com/">Home</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Info Siswa" >Info Siswa</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Pendidikan" >Pendidikan</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Sejarah" >Sejarah</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Tutorial Blog" >Tutorial Blog</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Peristiwa" >Peristiwa</a></li>
</ul>
</div>
</div>
<ul>
<li class="selected">
<a href="http://awanputih43.blogspot.com/">Home</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Info Siswa" >Info Siswa</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Pendidikan" >Pendidikan</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Sejarah" >Sejarah</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Tutorial Blog" >Tutorial Blog</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Peristiwa" >Peristiwa</a></li>
</ul>
</div>
</div>
Keterangan
:
1. Tulisan warna biru anda ganti
dengan URL anda
2. Tulisan warna merah anda ganti dengan nama Label anda
Gimana ... mudah kan??
Cara Mengatur jumlah postingan pada label
Label digunakan untuk mengkategorikan atau mengelompokkan artikel yang akan diterbitkan, biasanya artikel dengan pokok bahasan yang sama akan dikategorikan dalam satu label. Selain untuk mengorganisasikan artikel, label juga menghasilkan link, yang biasanya akan tampil di bawah judul posting atau di bagian bawah artikel.
2. Tulisan warna merah anda ganti dengan nama Label anda
Gimana ... mudah kan??
Cara Mengatur jumlah postingan pada label
Label digunakan untuk mengkategorikan atau mengelompokkan artikel yang akan diterbitkan, biasanya artikel dengan pokok bahasan yang sama akan dikategorikan dalam satu label. Selain untuk mengorganisasikan artikel, label juga menghasilkan link, yang biasanya akan tampil di bawah judul posting atau di bagian bawah artikel.
Link Label dapat ditampilkan dalam Widget, baik berupa Daftar Label
maupun berupa Tags Cloud. Link Label juga dapat dijadikan dasar untuk
membuat Menu Blog. Jika link label di klik oleh pengunjung, maka
akan ditampilkan seluruh artikel dalam label yang sama. Secara
default, halaman label akan menampilkan 25 postingan untuk setiap kategori atau
label tertentu, jika artikel yang ditampilkan memuat tulisan yang panjang atau
menggunakan banyak gambar tentunya waktu loading akan menjadi lebih
lama.
Anda dapat mengatur jumlah postingan
yang akan ditampilkan dalam satu halaman untuk setiap kategori atau label
artikel, sesuaikan dengan pengaturan jumlah posting yang ditampikan pada
homepage blog. Berikut ini adalah trik untuk mengatur jumlah artikel
yang ditampilkan dalam satu halaman berdasarkan kategori atau label tertentu.
Langsung Saja Caranya ...
Dengan Menambahkan : ?max-results=5'>
1.
Angka 5
pada kode di atas menunjukkan jumlah artikel dengan kategori tertentu yang akan
ditampilkan dalam satu halaman, silahkan ganti dengan angka yang anda inginkan.
2.
Jika anda menggunakan link label
sebagai Menu Blog seperti di bawah ini
3.
<a
href='http://awanputih43.blogspot.com/search/label/Pendidikan'>Pendidikan</a>
4.
Tambahkan kode sehingga menjadi
seperti di bawah ini
5.
<a
href='http://awanputih43.blogspot.com/search/label/Pendidikan?max-results=5'>Pendidikan</a>
Atau dalam kasus label diatas tadi cara menambahkan ?max-results=5'> setelah nama
label yang pertama contoh :
<div style="text-align:
center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://awanputih43.blogspot.com/">Home</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Info Siswa?max-results=5" >Info Siswa</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Pendidikan?max-results=5" >Pendidikan</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Sejarah?max-results=5" >Sejarah</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Tutorial Blog?max-results=5" >Tutorial Blog</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Peristiwa?max-results=5" >Peristiwa</a></li>
</ul>
</div>
</div>
<div id="navigation">
<ul>
<li class="selected">
<a href="http://awanputih43.blogspot.com/">Home</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Info Siswa?max-results=5" >Info Siswa</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Pendidikan?max-results=5" >Pendidikan</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Sejarah?max-results=5" >Sejarah</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Tutorial Blog?max-results=5" >Tutorial Blog</a></li>
<li><a href="http://awanputih43.blogspot.com/search/label/Peristiwa?max-results=5" >Peristiwa</a></li>
</ul>
</div>
</div>
Demikian silahkan anda
bereksperimen, Kalau belum jelas silakan bertanya pada kolom komentar pada
bagian bawah artikel ini.
Artikel Terkait :
Cara Membuat Link Label dan Pengaturan Jumlah Posting Pada Tab Blog
Cara Membuat Read More dengan Tombol pakai Fasilitas Jump Break
Cara Memasang Tombol Share Facebook dan Twitter di Blog (di Bawah Judul Posting)
Cara Memasang Widget Hit Counter di Blog
Cara Membuat Blog Secara Mudah
Cara Membuat Menu dan Sub Menu Bar
Cara Mengetahui Kode Warna
Cara Membuat Scroll di Arsip Blog dan Populer Post
Cara Membuat Tombol Social Media Keren Di Blog
Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog
Cara Membuat Widget Scroll Box di Blog
Cara membuat tabel di Blog tanpa Coding
Cara Membuat Password pada Postingan
Cara Agar Artikel Blog Tidak Bisa Di Copy Paste
14 komentar:
thanks sob, bener2 berhasil
Huaaaa akhirnya berhasil juga setelah hampir seharian ngubek2 mbah google. Makasih ya infonya ^^
wow thank you so much! akhirnya bisa juga ngedit html nya.
blogwalking to mine http://yuliabungaartwork.blogspot.com/
mantap infonya gan..
mau lihat kumpulan foto jkt48 ?
kunjungi gan www.nabilaholic.info
maksih kak...ini yng ane cari..
mantap bro
akhirnya nemu juga yang ane maksud. makasih ya gann.
boleh juga nih blogwalking http://olgaaprilia.blogspot.com/
good job :D
wah kerenn,, tapi kalau mau buat sub tabnya gimana??
thanks tutorialnya
http://pusat-gretongan.blogspot.sg/
Nellia.gan ko say udah nyoba,tapi setelah di save saya buka kosong semua artikelnya ga ada satupun,sarannya dong.
gak working gan.. jadi kacau.. saya pake template global responsive
Keren banget tutorial. sangat membantu pengembangan Web kami.
Kalau ada yang Butuh info Lowongan Kerja, jangan lupa klik https://expocpnsbumn.blogspot.co.id/ yaaaa
Makasih bgt bro info nya, sangat bermanfaat buat saya. hehe
Yang lagi nyari kerjaan, Jangan Lupa mampir ke blog EXPO Lowongan Kerja Terbaru : http://expocpnsbumn.blogspot.co.id/
Posting Komentar