Show YouTube Activity Feed on Your Blogspot Blog


Apple iPhone 7 Plus (256 GB): for Best Commentators
Winner will be announced on 30 January 2017.


YouTube Activity Feed Blogspot Blog
Bloggers who also run a YouTube channel might find today’s featured gadget tutorial very useful. If you are getting a good traffic on your blog, its a tricky method to get more visitors on your YouTube channel too by adding this feed on your blog. Also the readers can find your YouTube activities within your blog itself. You can add it any where and its easy to add on your blogspot blog. So read the following.



free live demo icon png

You can see the demo YouTube activity feed below, which is taken from the labnol's (Digital Inspiration) official YouTube channel.




Loading...

question mark icon png How to Show this YouTube Activity Feed in your blog
Its a simple method. Which means its that much easy to do. Just follow below steps carefully.

  • Go to Blogger Dashboard >Layout
  • Click on Add a Gadget
  • Copy and paste the below ▼ code in it

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
    <style type="text/css">
    div.ytc {clear:both;padding:5px;font-size:11px;}
    div.ytc.odd {background-color: #eee;}
    div.ytc_thumb {position:relative;float:right;margin-left:4px;line-height:1;}
    div.ytc_thumb img {width:69px;height:52px;border:1px solid #888;}
    div.ytc_title {font-weight:bold;}
    </style>
    <script type='text/javascript'>
    var ytfUserName = "YouTube Username";
    var ytfMaxResults = 8;
    var ytfAllow = "";
    var ytfDisallow = "";
    var ytfEmpty = "No entries";

    $(document).ready(function() {
      $.getJSON("http://pipes.yahoo.com/pipes/pipe.run?_id=58c841d14337ba4fbf693abd9701dc49&_render=json&max-results="+ytfMaxResults+"&allow="+ytfAllow+"&disallow="+ytfDisallow+"&user="+ytfUserName+"&_callback=?", function(response) {
        var htm = "";
        for(var i=0;i<response.count;i++) {
          var item = response.value.items[i];
          htm += '<div class="ytc';
          if(i%2 == 1) htm += ' odd';
          htm += '"><div class="ytc_thumb"><a target="_blank" href="' + item.link + '"><img title="' + item.title + '" src="' + item.thumb + '"/></a></div>';
          htm += '<div class="ytc_title"><a target="_blank" href="' + item.link + '">' + item.title + '</a></div>';
          htm += '<div class="ytc_description">' + item.description + '</div><div style="clear:both;"></div></div>';
        }
        if(htm == "") htm = ytfEmpty;
        $("#ytfeed").html(htm);
      });
    });
    </script>
    <div id="ytfeed">Loading...</div>


You may please replace YouTube Username with your YouTube username. Also change the maximum results as much you want to show and save your gadget (YouTube Activity Feed). You're done! Please leave a comment if you have any doubt to clarify. Happy blogging:)