Wednesday, 17 April 2013

Best Tips and Tricks Add Stylish Background To You tube Videos in Blogger

 

7 Tips and Tricks Embedding you tube video into blog mails is common. Mostly bloggers embed videos of their channel, any tutorial video or any amusement video to their blog mails. Videos actually look nifty and make our blog mail eye catching. They also help to boost visitor's visit time that mechanically rises our mail grade in seek motors. Embedding videos from you tube into blog post is very very simple but the problem is that they gaze boring in our mails. In this tutorial I am going to show you a knack by which you can add a stylish backdrop to you tube videos to make them more expert and attractive. It will surely enhance your blog post's outlook. So, let start the tutorial.

Add Stylish backdrop to Videos

First read this tutorial: How to Embed You tube Videos into Blogger mails?

There in step 4 you will inquire to exact replicate video code. Just take a look at that cipher mindfully. You will find a src URL there. exact replicate that URL. See below screenshot.

you tube video code

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

Now conceive a new mail where you desire to add stylish background video.

Paste the underneath code into its HTML outlook.
 
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD2TQkSm-6Agg1MGC94YmloVnDUBLM7k0tjfrZN3NwNO408m_paM_YFFKBGlpKWkZeSf6zePheJO5WNJXoNi2U-c_e7afssJJHFwWD9G0d06l4LZxGIzwOBcqtLTUj165axdkAyuw8P2CN/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>

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

Preview the mail and release.You are done!

No comments:

Post a Comment