Featured

How to Add Youtube Subscribe Button in Blogger

Youtube is the most famous video sharing website nowadays. If you have your Youtube Channel and you want to increase your subscribers then this tutorial will give the idea on how to Add Youtube Subscribe Button in your Blogger site.

How to Add Youtube Subscribe Button in Blogger

Demo: Click and Subscribe!


How to Add Youtube Subscribe Button in Blogger?

Let us begin with the tutorial, simply follow the steps below:

Step #1: Go to Youtube Developer's Page

The tool below lets you configure an embedded subscription button. You can set the button's display options, preview the button, and copy the code needed to insert that button on your page.You can see the preview of the button below the options.

How to Add Youtube Subscribe Button in Blogger
Step #2: After you fill the required data, scroll down and copy the generated code.

How to Add Youtube Subscribe Button in Blogger

Step #3: Log in to your Blogger Account and Go to your Blogger Dashboard.


Step #4: Click Layout --> Add gadget --> Choose HTML/Javascript.
Step #5: Copy and Paste Youtube generated subscribe button code into it.

Step #6: Click Save and your done.

You can arrange wherever you want to put your Subscribe button.

That's all for this tutorial. Feel free to comment below if you have any questions or suggestions.  If you like this post kindly share and even share us a beer! Thanks Happy Blogging!
Learn more »

Tutorial: How to Embed Facebook Video in Blogger 2019?

Facebook has been one of the most famous social networking site nowadays. Most people used Facebook for Business or personal interest. You can actually share Pictures, short videos and even full movies in that site.

Now this tutorial is intended to give you a background on how to Embed Facebook video in blogger post.

How to Embed Facebook Video in Blogger 2019?


    Now before going to the actual tutorial, let us first see the live Demo below on the sample video I Embed in this post.

    Demo: Embed Facebook Video in Blogger


    Method #1: Facebook Video Embed Code


    Follow the steps below:

    Step 1: Go to Facebook.com and open the video that you would like to Embed.
    Step 2: Look and click below the video, towards right for the three (3) dot,
    Step 3: Choose "Embed".

    How to Embed Facebook Video in Blogger 2019?

    Step 3: New Window will Pop Up, Select all "iframe Code"

    How to Embed Facebook Video in Blogger 2019

    Method #2: Embedded Video Player Configurator


    Follow the steps below:

    Step #1: Choose URL or Page
    Pick the URL of a Facebook video you want to embed.

    Step #2: Code Configurator
    Paste the URL to the Code Configurator and click the "Get Code" button to generate your embedded video player code.

    Step #3: Copy & Paste HTML snippet
    Copy and paste the snippet into the HTML of your post.

    How to Embed Facebook Video in Blogger 2019

    Embed Video in Blogger


    Go to Blogger >> Add a New Post >> HTML Tab >> Paste your code in the HTML Editor.

    That's it, Publish your post or preview your post to see the Facebook Video embedded on your site.

    Learn more »

    Ways to Embed Youtube Video in Blogger/Blogspot Posts

    Introduction:

    Adding pictures to your post will make your content more encouraging to visitors reading your blog. It actually add life to the content. However, adding videos to your content makes it more interesting for your visitors to read your blog. Readers today, they are having fun of reading but at the same they want to see it live. The idea there is when your writing a blog post as much as possible it is supported by proved and adding video is one of the best method to do it.
    Ways to Embed Youtube Video in Blogger Posts

    This blog (vblogger-templates.blogspot.com) provides you with free Video Blogger Templates that you can use to start video blogging. But in terms of adding Youtube videos in your post, this tutorial is the best way to guide you on how easily you can Embed Youtube video in Blogger Post.




      There are several ways of adding YouTube videos in blogger, but we will try to discuss all possible ways so you can decide which one suits you the most.


      Method #1: Add YouTube Videos using Embed Code



      One of the most used method to add YouTube videos in your blog posts is by using embed code.

      1. 1. Firstly go to YouTube.com and open any video that you would like to embed. 
      2. 2. Now, click on the SHARE icon
        Ways to Embed Youtube Video in Blogger Posts

      3. 3. New window options appear below, Since we want to get the embedded code of the video, select “Embed” from the tab menu and copy the entire code as you can see in the screenshot below: 
        Ways to Embed Youtube Video in Blogger Posts

      4. 4. After copying the YouTube video embed code, go to Blogger >> Add New Post >> Select HTML tab >> paste the embed code in the HTML Editor.

        Ways to embed Youtube video in Blogger Posts
      5. 5. You can change the width or height based on your needs. Once you are happy with your video, press the publish button.

      Method #2: Add YouTube Videos using Share Button

      YouTube allows you to directly share their videos on your Blogger blogs through their “Share to Blogger” feature that is provided to every video that is uploaded on blogger.

      1. 1. To directly share YouTube videos to your Blogger site, go to YouTube.com and open up any video that you like.
      2. 2. Now, click on the SHARE icon. 
      3. Ways to Embed Youtube video in Blogger Posts

        1. 3. You will now notice a bunch of social networking sites that you can choose to share the video. Since you want to share this video to your Blogger site, click on “Blogger icon” as you can see in the screenshot below:

        2. 4. After clicking on Blogger Icon, a new window will pop out. From the list of your blogs, select which blog you want to share this video and press the “Publish post” button.
        Ways to add Youtube video in Blogger Posts


        Method #3: Add YouTube Videos using “Insert a Video” option in Blogger



        Probably the easiest way to add YouTube videos in blogger is to use the built-in “Insert a Video” feature that is provided in blogger post editor.
        1. 1. Go to Blogger >> Add a New Post and Click on the “Insert a Video” icon.
          Ways to Embed youtube video in blogger posts

        2. 2. Since we want to add a video from YouTube, select “From YouTube” from the list of multiply options that you can use to insert videos into your blog posts.
          Ways to Embed youtube video in blogger posts

        3. 3. In the search box, type a title of the video or search for any video. Once searching is complete, click on the video thumbnail and press the “Select” button to add it in your blog post.
          Ways to Embed youtube video in blogger posts

        4. 4. Once you’re satisfied, press Publish button.

        That's it. We hope that this tutorial can guide you all the way in Embedding Youtube video in your blog. If you like this tutorial please share and like us on Facebook and Twitter.
        Learn more »

        How to Embed VIMEO videos in Blogger?

        Introduction:

        How to Embed VIMEO videos in Blogger?

        Since this blog focuses on video blogging, this tutorial will show how to embed VIMEO video in blogger. What is Vimeo? Vimeo is an ad-free open video platform that is headquartered in New York City. The company provides creators with tools and technology to host, distribute and monetize videos. (Wikipedia)



        Sample:


        Embedding Video:

        This is a straightforward process.

        1. You go into your Vimeo account or Vimeo Website and choose the video you want to embed. Then you will see a black rounded icon with a paper airplane: Click that button.

        How to Embed VIMEO videos in Blogger?

        2. A dialog box appears with share and embedding options. Since we want to embed the video, we are only interested in the Embed options. At the bottom right, click Show options:

        How to Embed VIMEO videos in Blogger?


        3. The panel enlarges after clicking on the link. Scroll down a little until you see the options just below your video:

        How to Embed VIMEO videos in Blogger?


        Setting Up VIMEO Video:

        You can test various options which show in realtime on your video.

        How to Embed VIMEO videos in Blogger?

        Size:
        Generally, you will want to set the Fixed Size according to the width of your page or You can select Responsive, wherein your video size will automatically adjust on your page. When you change a value in either the width or height, the related value changes in relation with the dimensions (aspect ratio) of your video.

        Color:
        You can change the Color as well. This influences the color of the Text on top of the video. This way, you can adapt the color to match your site. Select a predefined color (little boxes) or use the color selector to create a custom color

        Intro:
        The Intro has 3 options: Portrait (which is your Vimeo avatar), Title (of the video) and Byline (author name).

        Special Stuff:
        Special stuff determines the behavior of the video player. This is quite self-explanatory: For instance, if you want the video to start playing automatically upon page load, tick the Autoplay this video box.

        4. When you are done, you can select the embedding code:

        How to Embed VIMEO videos in Blogger?

        Vimeo again makes it easy for us, when you click in the box, the code is selected automatically.




        5. Now go to your site:
        • - Select the page or post where you want to embed the video 
        • - In the html mode of the page, place the cursor at the spot where you want to show the video 
        • - Press CTRL+V (paste for Windows) or Command+C(paste for MacOs) to paste the code into the page.

        That's it. You now successfully embed VIMEO video on your Blog. 

        Goodluck! and Happy Vlogging everyone. 
        Learn more »

        Embedding Youtube Videos in Video Blogger Templates with Auto Thumbnail Display


        Introduction

        What I shared here on my blog are mostly Video Blogger Templates. If your fun of vlogging, sharing your personal videos or doing some movie reviews then Video Blogger Templates is what you need.

        In using Video Blogger Templates, the most important thing to know is how to embed your videos on your post. One of the most famous video sharing site, of course, is Youtube.

        For Youtube, the most basic thing to embed videos in simply copy the embed code below of any Youtube videos you want.

        Example:

        Below is an example of Youtube embed code
        <iframe width="560" height="315" src="https://www.youtube.com/embed/ bAKyknYgQrw" frameborder="0" allowfullscreen></iframe>

        Explaining Auto Thumbnail

        Notice the embed code given above, it's a simple iframe when you use it on your blogger post, Yes it will definitely give your audience a playable video. But what was lacking is when using that code in your Video Blogger Templates, this will not provide you an AUTOMATIC THUMBNAIL giving you a "NO IMAGE OR NO PREVIEW" seeing on your homepage. Alternatively is you need to add an image in your post that will extract as a thumbnail.



        Youtube Thumbnail

        I had mentioned above that adding image in your blogger post will extract the thumbnail, that will show on your homepage instead of seeing "NO IMAGE".

        Now what we need to understand is how to extract Thumbnails from a Youtube video. There are actually four (4) thumbnails available through Youtube API for each video.

        This is the URL structure of Youtube Thumbnail.
        http://img.youtube.com/vi/VIDEO ID/IMAGE NUMBER.jpg
        Note that each Youtube video thumbnail has its unique ID represented by VIDEO ID and an IMAGE NUMBER.

        VIDEO ID   

        For Video ID: Video URL below found here: Youtube Channel
        https://www.youtube.com/watch?v=bAKyknYgQrw
        Where bAKyknYgQrw is the VIDEO ID.

        IMAGE NUMBER

        YouTube Data API stores around 4 thumbnails for each video. Three (3) small and one (1) large. The thumbnails stored for the above video are located at, see example below:

        First:
        http://img.youtube.com/vi/bAKyknYgQrw/0.jpg
        1st largest Full size Default thumbnail Image with zero (0) IMAGE NUMBER.

        Youtube Thumbnail

        Second:
        http://img.youtube.com/vi/bAKyknYgQrw/1.jpg
        2nd Small thumbnail Image with One (1) IMAGE NUMBER.

        Youtube Thumbnail


        Third:
        http://img.youtube.com/vi/bAKyknYgQrw/2.jpg
        3rd Small default thumbnail Image with Two (2) IMAGE NUMBER.

        Youtube Thumbnail


        Fourth:
        http://img.youtube.com/vi/bAKyknYgQrw/3.jpg
        4th Small thumbnail Image with Three (3) IMAGE NUMBER.

        Youtube Thumbnail

        Embedding Thumbnail on Blog Post

        In embedding Thumbnail on you Blogger Posts, supposed let say your question is, aside from the given 4 number of image thumbnails from Youtube API can I add a custom size for my Thumbnail?


        The answer is YES. Simply add the width of your liking.

        See example below:
        <img src=http://img.youtube.com/vi/VIDEO ID/0.jpg  width="300px"/>
        Again VIDEO ID is the ID of your YouTube video URL and change the width depends already on your own choice.

        Preview for custom 300px IMAGE size.


        So that's it. Using and understanding how to extract Youtube thumbnail will give you now an idea on how to embed Youtube videos that will extract an auto thumbnail for your Video Blogger Templates.

        Watch out for my next Tutorial. I will be writing about how to embed Youtube Videos responsively without anymore using the Standard "iframe" Youtube embed code.

        Have a nice day everyone!
        Learn more »