Blogger trick 4 you about the blogger, seo services, adsense, softwares, tips and trick, games, widgets, hosting, make money, how to create a website.

Thursday 7 November 2013

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

By on 15:21


7 Tips and Tricks Embedding you tube video into web log mails is common. principally bloggers insert videos of their blog into the channel, any tutorial video or any amusement video to their web log mails. Videos really look slap-up and build our web log mail eye catching. They conjointly facilitate to spice up visitor's visit time that automatically rises our mail grade in get motors. Embedding videos from you tube into web log post terribly is extremely is incredibly} very easy however the matter is that they gaze boring in our mails. during this tutorial i'm getting to show you a hang by that you'll be able to add a trendy background to you tube videos to form them additional skilled and engaging. it'll sure enough enhance your web log post's outlook. So, let begin the tutorial.

Add trendy background to Videos

First browse this tutorial: the way to insert You tube Videos into Blogger mails?

There in step four you may inquire to precise replicate video code. simply take a glance at that cipher heedfully. you may notice a src address there. precise replicate that address. See below screenshot.

youtube 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/AVvXsEii77b4xjlAzsS_jT43HnTPDQhS1r9bSfp7p5Ot4ARhdyvwzO_VQh61iK_m_bTRQY3BysgO3vXslpAinrcXD1npjtiO6w_NXRsbtxQaKhY6Gi-EOxgPQf14WLlQdKyUWJ-eBWsr3nKp2X8q/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!










Thanks alot For visiting Our Website! Kindly Bookmark and Share it With you Friends.

Technorati Digg This Facebook Twitter Stumble Stumble

0 comments:

Post a Comment