Cara Membuat Menu Label di Blogspot|| 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://gooblogi.blogspot.com/">Home</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
</ul>
</div>
</div>
Keterangan :
1. Tulisan warna Merah anda ganti dengan URL anda
<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://gooblogi.blogspot.com/">Home</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Trik Blogger" >Trik Blogger</a></li>
</ul>
</div>
</div>
Keterangan :
1. Tulisan warna Merah anda ganti dengan URL anda
Bagiamana ... 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://gooblogi.blogspot.com/search/label/Pendidikan'>Pendidikan</a>
4. Tambahkan kode sehingga menjadi seperti di bawah ini
5. <a href='http://gooblogi.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://gooblogi.blogspot.com/">Home</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Info Siswa?max-results=5" >Info Siswa</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Pendidikan?max-results=5" >Pendidikan</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Sejarah?max-results=5" >Sejarah</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Tutorial Blog?max-results=5" >Tutorial Blog</a></li>
<li><a href="http://gooblogi.blogspot.com/search/label/Peristiwa?max-results=5" >Peristiwa</a></li>
</ul>
</div>
</div>
0 comments:
Post a Comment