Layaknya sebuah blog yang ingin terlihat profesional, harus juga
menampilkan yang sederhana tetapi bisa memudahkan penelusuran. Menu
navigasi yang mudah bisa membuat pembaca blog merasa nyaman. Untuk itu
blog juga menampilkan recent post atau link tulisan-tulisan terbaru kita di blog.
Blog yang bagus adalah tulisan atau postingan dikategorikan dengan rapi. Jika di blogspot kita menggunakan fitur label untuk mengaktegorikan jenis tulisan yang memiliki kesamaan. Misalnya saja kalau di blog ini ada, tutorial blog, tips ngeblog, widget dan sebagainya.
Untuk menyajikan lebih banyak menu dan pilihan, kita bisa membuat atau memasang widget recent post yang di tampilkan berdasarkan kategori atau recent post per label. Dengan pilihan menu bisa jadi pembaca akan banyak mengklik postingan-postingan terbaru yang tertata rapi sesuai dengan labelnya.
Cara Membuat Recent Post Per Label
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>
img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}
ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}
.label_with_thumbs a{}
.label_with_thumbs strong{}
5. Lalu cari kode </head> dan letakkan kode di bawah ini tepat di atas:
6. Simpan Template jika sudah selesai.
Langkah-langkah di atas adalah untuk mengkostumisasi template. Jika sudah selesai kita ke langkah berikutnya untuk menambahkan recent post per label, yaitu:
7. Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
8. Kemudian masukan kode berikut ini:
9. Kita dapat menkostumisasi tampilan dengan mengubah kode yang berwarna merah. Dan ganti teks yang berwarna hijau dengan nama lebel yang akan ditampilkan. Simpan jika sudah selesai.
Terima kasih atas kungjungan nya...
Blog yang bagus adalah tulisan atau postingan dikategorikan dengan rapi. Jika di blogspot kita menggunakan fitur label untuk mengaktegorikan jenis tulisan yang memiliki kesamaan. Misalnya saja kalau di blog ini ada, tutorial blog, tips ngeblog, widget dan sebagainya.
Untuk menyajikan lebih banyak menu dan pilihan, kita bisa membuat atau memasang widget recent post yang di tampilkan berdasarkan kategori atau recent post per label. Dengan pilihan menu bisa jadi pembaca akan banyak mengklik postingan-postingan terbaru yang tertata rapi sesuai dengan labelnya.
Cara Membuat Recent Post Per Label
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>
img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}
ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}
.label_with_thumbs a{}
.label_with_thumbs strong{}
5. Lalu cari kode </head> dan letakkan kode di bawah ini tepat di atas:
<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>
6. Simpan Template jika sudah selesai.
Langkah-langkah di atas adalah untuk mengkostumisasi template. Jika sudah selesai kita ke langkah berikutnya untuk menambahkan recent post per label, yaitu:
7. Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
8. Kemudian masukan kode berikut ini:
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/ NAMALABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script type="text/javascript" src="/feeds/posts/default/-/ NAMALABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
9. Kita dapat menkostumisasi tampilan dengan mengubah kode yang berwarna merah. Dan ganti teks yang berwarna hijau dengan nama lebel yang akan ditampilkan. Simpan jika sudah selesai.
Terima kasih atas kungjungan nya...
Senin, 20 Agustus 2012
//
Label:
Tips Blog
//
0
komentar
//
0 komentar to "Membuat Recent Post Per Label"
Blog Archive
-
▼
2012
(286)
-
▼
Agustus
(50)
-
▼
Agu 20
(16)
- Membuat Recent Comment Avatar
- Membuat Recent Post Per Label
- Membuat Huruf Besar pada Awal Teks Postingan
- Menambahkan Lencana Google+ dan Button +1
- Mengatasi Lupa Alamat Email Untuk Masuk Blogger
- Membuat Hari dan Tanggal Otomatis di Blog
- Rahasia Membuat Blog yang Ramai Dikunjungi
- Cara Kembali ke Dasbor Lawas Blogger
- Membuat Efek Drop Shadow Pada Foto di Blog
- Menghilangkan Garis Bawah Pada Link di Blog
- Label di Blogger dan Cara Mengoptimalkannya
- Cara Setting Permalink di Blogspot Agar SEO
- Daftarkan Sitemap Blog ke Google Webmaster Tools
- Mengintegrasikan Blog dengan Halaman Google+
- Cara Membuat Kotak Permalink di Bawah Postingan
- Download Template Blogspot Bargaya Toko Online
-
▼
Agu 20
(16)
-
▼
Agustus
(50)