Cara Menampilkan (Embed) RSS Feed iTunes di Blog - Copydev

Menampilkan (Embed) RSS Feed iTunes di Blog

RSS Feed iTunes
RSS Feed iTunes


Pada artikel kali ini, admin akan sedikit memberikan tutorial bagaimana cara menampilkan Top Chart, New Song Releases, Music Video, Hot Track iTunes di website/blog.

Sebelumnya kita mulai, silakan sediakan text editor. Terserah kalian, mau itu Notepad, Sublime text, Visual Studio Code (VSC) atau text editor apapun yang biasa kalian pakai.

Tanpa berlama-lama, mari kita mulai tutorial kali ini.

Ambil Link RSS Feed iTunes

Link RSS iTunes bisa kalian ambil di RSS Generator iTunes. Pengambilan link tersebut gratis dan tanpa login. Kemudian tentukan apa yang ingin kalian embed atau tampilkan. Misal kalian ingin menampilkan Hot Track, tinggal pilih sesuka hati kalian.

Bingung? Lihat gambar dibawah ini sebagai contoh.

RSS Link Generator iTunes
RSS Link Generator iTunes

Step by Step:
  1. "Country" Pilih Negara yang nantinya ingin kalian tampilkan. Misal Indonesia, cari dan pilih pada kolom "Country".
  2. "Media Type" pilih sesuai kebutuhan. Disana tertera antara lain; Apple Music, iTunes Music, iOS Apps, Audio Books, Books, TV Show, Movie, iTunes U, Posdcasts dan Music Video.
  3. "Feed Type". Ini merupakan golongan atau rincian dari pilihan "Media Type". Disana anda akan melihat; Hot Track, New Music, Recent Realeases, Top Album dan Top Song.
  4. "Genre" Skip saja.
  5. "Result Limit" Pilih sesuai kebutuhan. Jika nantinya ingin menambah atau mengurangi tinggal ganti jumlah limit pada link yang tersedia.
  6. "Format" Disana kalian akan menjumpai format JSON, XML (Atom), XML (RSS). Untuk contoh pada tutorial kali ini saya menggunakan XML (Atom).
  7. Terakhir. Pilih Non-Explicit atau tidak.
  8. Done!

Setting UP

Pertama-tama, buat perintah atau bisa dibilang sebuah variable untuk memanggil konten. Copy Paste Kode PHP di bawah ini:

<?php
$rss='PASTE LINK HASIL GENERATE DISINI';
$xml = simplexml_load_file($rss);
$count=0;
echo '<ul>';
foreach ($xml->entry as $nomor => $entry){
$count++;
$namespaces = $entry->getDocNamespaces(true);

$items = $entry->children($namespaces['im']);
$judul = $items->name;
$artis = $items->artist;

$name=''.$artis.' - '.$judul.'';
$link=''.$artis.'-'.$judul.'';
$nomor=$nomor+1;
$image = $items->image;
$tanggal=$items->releaseDate;
$tgly=timeAgo($tanggal);
$image=str_replace('200x200bb', '80x80bb', $image);


Taruh link yang sudah kalian dapatkan pada perintah $rss.
Tidakperlu saya jelaskan kegunaan masih-masing perintah, karena sudah saya permudah dengan kata yang mudah dimengerti.

Lanjut ke kode berikutnya...

Seperti tadi. Copy kode dibawah ini dan paste dibawah kode sebelumnya. 


echo '
<li>
<a class="news-image" href="/download/'.t2link($link).'/"><img src="'.$image.'"></a>
<div class="news-title"><a href="/download/'.t2link($link).'/">'.$name.'</a></div>
<div class="news-info"><time datetime="'.$artis.'">'.$items.'</time> </div>
</li>';

Bagaimana? Mudah di mengerti kan?

Kode ini html diatas bersifat menampilkan konten yang anda perintahkan. Seperti Poster Album, Judul Lagu dan Nama Artis.

Next...


}
echo '</ul>';
function t2link($link) {
$link=str_replace(' ', '-', $link);
$link=str_replace('--', '-', $link);
$link=str_replace('(', '', $link);
$link=str_replace(')', '', $link);
$link=str_replace('[', '', $link);
$link=str_replace(']', '', $link);
$link=str_replace('.', '', $link);
$link=str_replace(',', '', $link);
$link=str_replace('&', '', $link);
$link=str_replace('/', '', $link);
$link=str_replace('!', '', $link);
$link=str_replace('#', '', $link);
$link=str_replace("'", "", $link);
$link=str_replace('?', '', $link);
$link=str_replace('"', '', $link);
$link=strtolower($link);
return $link;
}
?>


Kode ini merupakan kode perubah symbol atau abjad yang tidak support dengan url generate. (seperti itulah)..
Basicly, ini adalah perintah atau function untuk men-generate judul yang berupa (spasi atau tanda lain) menjadi (- atau dll) menjadi sebuah link atau url yang bisa dikenali Google "misal".

Sebagai contoh,

Jika judul sebuah lagu adalah : "Billie Eilish - Idontwannabeyouanymore"
maka link atau url yang dihasilkan akan seperti ini:

"http://domain.com/billie-eilish-idontwannabeyouanymore"

Admin biasa menyebutnya STR Repalce. Iya seperti namanya, biar mudah menghafalnya. wkwk...

Selesai..

Sampai disini sebenarnya kalian sudah bisa menampilkan konten iTunes menggunakan fitur RSS Feed yang disediakan gratis oleh Apple.

Sayangnya, cara diatas belum bisa dilakukan di blogspot (Blogger) karena menggunakan PHP. Jikaa kalian bisa menerapkannya menggunakan Javascript maka dapat diterapkan ke blogspot.

Catatan:

Untuk syntax atau mark-up html "<div>" itu selaraskan dengan CSS template atau themes blog kalian agar tampilan menjadi tertata rapi... Mungkin cukup sekian artikel tentang RSS Feed iTunes. Semoga bermanfaat bagi kalian...

SHARE...!!!


Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel