How to Add Stylish Background To Youtube Videos in Blogger?

Embedding youtube video into blog posts is common. Mostly bloggers embed videos of their channel, any tutorial video or any entertainment video to their blog posts. Videos really look nifty and make our blog post eye catching. They also help to increase visitor's visit time that automatically increases our post rank in search engines. Embedding videos from youtube into blog post is very easy but the problem is that they look dull in our posts. In this tutorial I am going to show you a trick by which you can add a stylish background to youtube videos to make them more professional and attractive. It will surely enhance your blog post's view. So, let start the tutorial.

Add Stylish Background to Videos

1. First read this tutorial: How to Embed Youtube Videos into Blogger Posts?


2. There in step 4 you will ask to copy video code. Just take a look at that code carefully. You will find a src URL there. Copy that URL. See below screenshot.





3. Now paste that URL into a notepad file. We will need it later.


4. Now create a new post where you want to add stylish background video.


5. Paste the below code into its HTML view.




<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0S2YtY8wWKVv9burF0ofqI4p_DwHwccatbyOOfSZZGXgoBo7mMubKj2bRrNBCh-RgseFWr9aGY8fbwcCIrFMwmPerVfJH6-tPcbo0sc54Mnf0VbVnk1iwHP4QcvmmPNVrSVOmGovru8j5/s1600/Youtube+background.png') no-repeat top left; height: 364px; margin: 0 auto; padding: 19px 0 0 22px; text-align: left; width: 532px;"><iframe width="498" height="298" src="http://www.youtube.com/embed/mZ186j6JX0s?rel=0" frameborder="0" allowfullscreen></iframe></div>




6. Now replace the red line of code from your video src URL which you paste in notepad file in step 3.


7. Preview the post and publish.


8. You are done!

Share on Facebook Share on Twitter Share on Google Plus

About Unknown