MASIGNCLEAN101

Menampilkan Feed Dengan Thumbnail Dari Blog Lain Pada Blogger

Kali ini akan saya berikan tutorial sederhada untuk membuat feed yang bisa menampilkan feed / artikel dari blog lain dengan menggunakan thumbnail. 

Menampilkan artikel blog lain biasanya digunakan untuk mempromosikan suatu blog atau memberikan referensi bacaan dari blog yang berbeda. Terkadang cara ini digunakan untuk memberikan backlink pada seseorang atau bahkan promosi secara langsung pada sidebar.

Perbedaan dengan feed default blogger

Lalu pada bedanya membuat custom feed dengan feed biasa yang disediakan oleh blogger widget ? Bedanya adalah pada tampilan yang dihasilkan. Feed yang dihasilkan dari blogger widget tidak menyertakan thumbnails. Sedangkan jika kalian ingin menampilkan feed yang disertai thumbnails kalian harus membuat custom feed.

Ada dua cara untuk membuat feed yang akan saya bagikan kali ini, yaitu untuk membuat feed tanpa thumbnail, dan yang kedua adalah feed dengan menyertakan thumbnail.

- Membuat feed tanpa gambar (default blogger)

Feed tanpa thumbnails.

1. Masuk blogger dashboard blogger

2. Buka bagian Layout atau Tata Letak.

3. Pilih dimana kalian ingin menampilkan feed tersebut. Lalu klik tambahkan widget (sekarang gadget).

4. Tambahkan Feed.

5.  Masukkan URL feed dari website atau blog kalian. Jika kalian bingung untuk menemukan url feed kalian, gunakan ini "https://alamatwebsitekalian/feeds/posts/default?alt=rss". Lalu simpan.

- Membuat custom feed dengan thumbnails.

Feed dengan Thumbnails

1. Masuk dashboard blogger.

2. Buka bagian Layout atau Tata Letak.

3. Pilih dimana kalian ingin menampilkan feed tersebut. Lalu klik tambahkan widget (sekarang gadget).


4. Pilih widget HTML/JavaScript.

5. Kalian bebas untuk memberikan judul apapun yang kalian inginkan. Lalu masukkan kode dibawah ini.
<script type='text/javascript'>
var numposts = 1;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = false;
var showcommentnum = true;
var showpostdate = true;
var numchars = 40;
</script>
<script type="text/javascript" src="https://www.findnlearnthings.site/feeds/posts/default?max-results=2&alt=json-in-script&callback=labelthumbs">
</script>
 6. Simpan dan periksa hasilnya.

Buat kalian yang punya pertanyaan tentang tutorial diatas, terutama tentang scriptnya bisa kalian tulis di kolom komentar.

Share This :

Ads