How To Embed A Youtube Playlist On Your Blogger Blog
In this tutorial you lot volition meet how to practise a YouTube video gallery using jQuery together with add together the Youtube playlist to your Blogger blog. Inside this gallery/playlist, you lot tin hand notice add together your favorite youtube videos or whatsoever video that you lot desire to part amongst your visitors. Because of its default dimensions (width of 765px), it is recommended to add together it simply below the weblog header, however, you lot tin hand notice edit CSS code to agree anywhere you lot desire to add together it.
To add together this video slider/youtube playlist to your blog, delight follow these steps below:
Step 1. From your blogger dashboard, become to Template > Edit HTML together with click anywhere within the code surface area to opened upwardly the Blogger search box yesteryear pressing the CTRL + F keys.
Step 2. Type or glue the tag within the search box together with striking Enter to notice it.
Just higher upwardly this tag, add together the next scripts:
Step 3. Now let's add together the CSS code. Just higher upwardly the same tag, add together this code:
To brand this youtube playlist piece of employment nosotros postulate to add together the HTML construction of it:
Step 5. Go to Layout or Pages or anywhere you lot desire to add together it together with add together the next code within the HTML surface area (if you lot desire to add together it equally a widget, glue the code within a HTML/Javascript gadget yesteryear clicking on Add a gadget link within the Layout/Page Elements section):
Add the IDs of your videos to where it says video_ID_..., titles (Video Name) together with a brief description (Description). To larn the ID of a video, opened upwardly the video on YouTube together with await at the address bar - you lot postulate solely the concluding characters after "v="
Note that each video ID should last added ii times, the ones inwards cherry are for the video together with the ones inwards orangish are for the tabs thumbnail.
To add together to a greater extent than videos, add together ii lines similar the ones inwards bold higher upwardly together with and then alter the video[] together with #vid... number. If you lot decided to add together it within a post service or page, delight brand certain that you lot don't switch dorsum to the Compose tab together with pose out your post service spell you're soundless on the HTML tab, otherwise the #vid location volition last replaced amongst another strange Blogger URLs.
To add together this video slider/youtube playlist to your blog, delight follow these steps below:
Step 1. From your blogger dashboard, become to Template > Edit HTML together with click anywhere within the code surface area to opened upwardly the Blogger search box yesteryear pressing the CTRL + F keys.
Step 2. Type or glue the tag within the search box together with striking Enter to notice it.
Just higher upwardly this tag, add together the next scripts:
Step 3. Now let's add together the CSS code. Just higher upwardly the same tag, add together this code:
Step 4. Click on the Save Template button
To brand this youtube playlist piece of employment nosotros postulate to add together the HTML construction of it:
Step 5. Go to Layout or Pages or anywhere you lot desire to add together it together with add together the next code within the HTML surface area (if you lot desire to add together it equally a widget, glue the code within a HTML/Javascript gadget yesteryear clicking on Add a gadget link within the Layout/Page Elements section):
- #vid1">
video_ID_1/default.jpg" class="thumb-vid" />Video NameVideo Description
- #vid2">
- #vid3">
- #vid4">
- #vid5">
video_ID_1/default.jpg" class="thumb-vid" />Add the IDs of your videos to where it says video_ID_..., titles (Video Name) together with a brief description (Description). To larn the ID of a video, opened upwardly the video on YouTube together with await at the address bar - you lot postulate solely the concluding characters after "v="
Note that each video ID should last added ii times, the ones inwards cherry are for the video together with the ones inwards orangish are for the tabs thumbnail.
To add together to a greater extent than videos, add together ii lines similar the ones inwards bold higher upwardly together with and then alter the video[] together with #vid... number. If you lot decided to add together it within a post service or page, delight brand certain that you lot don't switch dorsum to the Compose tab together with pose out your post service spell you're soundless on the HTML tab, otherwise the #vid location volition last replaced amongst another strange Blogger URLs.
