Pages

Oktober 22, 2017

Tutorial: Cara Menampilkan Posting Terbaru dengan Label Tertentu di Sidebar Blog

Cara Menampilkan Posting Terbaru dengan Label Tertentu di Sidebar Blog

ADA dua cara memasang, memunculkan, atau menampilkan widget posting terbaru dengan Label atau Kategori Tertentu di Sidebar Blog. Pertama, menggunakan gadget Feed bawaan blogger. Kedua, menggunakan kode HTML/Javascript.

Posting Terbaru Label Tertentu di Sidebar

#1 - Cara Memasang Posting Terbaru dengan Feed
Feed adalah widget bawaan blogger yang memungkinkan kita memasang daftar posting dari blog kita sendiri maupun blog lain. 

Kita bisa manfaatkan widget Feed ini untuk memasang posting terbaru label tertentu, maupun semua label.

1. Tata Letal > Tambah Gadget > pilih Feed
2. Masukkan URL blog Anda:

- Untuk label tertentu: http://namablogAnda.blogspot.com/feeds/posts/default/-/nama label
- Untuk Semua Label: http://namablogAnda.blogspot.com/feeds/posts/default

3. Klik Continue
4. Ubah Judul Widget dengan Posting Terbaru
5. Save!


#2 - Cara Memasang Posting Terbaru dengan Kode Script
Jika cara di atas gagal, biasanya karena ada kode yang mengapit kode </body> di dalam template seperti ini: &lt;!--</body>--&gt;&lt;/body&gt; maka gunakan kode script. 

Bisa juga dengan menghapus kode &lt;!--</body>--&gt;&lt;/body&gt; tersebut dan ganti dengan kode </body> saja.

Ini cara memasang widget posting terbadu di sidebar blog dengan kode:

1. Pilih Tata Letak > Tambah Gadget > HTML/JavaScript
2. Isi Judul dengan Posting Terbaru
3. Copy Paste kode berikut ini ke kolom Content:

Kode Untuk Kategori Tertentu:
<script style="text/javascript">
var numposts = 5;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<ul><script src="/feeds/posts/default/-/nama label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script> </ul>

Kode untuk Posting Terbaru Semua Label:

<script style="text/javascript">
var numposts = 5;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<ul><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script> </ul>

Kredit : ContohBlog

0 comments:

Catat Ulasan

Segala komen adalah hak dan tanggungjawab anda sendiri!!!
All comments are your own right and responsibility.!!!