Automatically add latest YouTube video in Blogger

Add latest YouTube video in Blogger:

You must be knowing how to embed a YouTube channel playlist or video into a website or blog.

Because YouTube still doesn't have a way to easily embed your latest YouTube video on your site so that it automatically updates on your web site every time you upload a new video. WordPress users get this done by downloading a plugin that allows this, but Blogger users have a choice of two gadgets (listed below), although neither has many options for customization. This tutorial will show you how to embed your latest video from YouTube in Blogger so that it automatically updates.

1. Using Blogger's Gadgets:

Add videos as a text list:

Go to Layout > Add new gadget > Feed and enter your channel URL – http://youtube.com/user/YOUR-USERNAME. Select from the options and save.

Add videos as an image list:

Go to Layout > Add new gadget > Video Bar and enter your username next to channel. Remove text from the other fields and save.

2. Using code script:

This method embeds your latest video, just like if you embedded one particular video but it will update each time you upload a new video.

Open Blogger in a new tab, decide if you want to put this on a page, post or as a gadget. If adding to a post or a page make sure “Interpret typed HTML” is on under options on the right in the post/page editor. 

If using a gadget go to Layout > Add new Gadget > HTML/Javascript Gadget. Add the following code wherever you want the video to appear

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <iframe allowfullscreen="" frameborder="0" height="340" id="youtube_video" width="600"></iframe> <script> var channelID = "UC................."; $.getJSON('https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Fwww.youtube.com%2Ffeeds%2Fvideos.xml%3Fchannel_id%3D'+channelID, function(data) { var link = data.items[0].link; var id = link.substr(link.indexOf("=")+1); $("#youtube_video").attr("src","https://youtube.com/embed/"+id + "?controls=0&showinfo=0&rel=0"); }); </script>

Alter the width and height to suit your design. Change USERNAME to your YouTube channel ID and save. When you go onto your blog, your latest YouTube video should be showing.

Thanks for reading: Automatically add latest YouTube video in Blogger, Please, share this article. If this article helped you, then you must write your feedback in the comment box.