How to add Nice Video Frame to Videos in Blogger

Is you want to add a nice looking video frame around your embed videos on your blogger site? if yes then don't worry here in this post I am going to show you How to add Nice Video Frame to Videos in Blogger.



The whole process is very simple and easy any noob can easily do this. As there is no rocket science requied for it. Simply follow the below steps:





Steps to add Nice Video Frame to Videos in Blogger


· First of All go to Blogger Dashboard


· Goto Template tab and then click on EDIT HTML


· Now copy the below code and paste it just above the </head> tag paste this code:


<style>
.iframe {
margin: 0px 0px 10px 0px;
padding: 8px;
font-family: oswald;
font-weight:bold;
color: #ddd;
font-size: 15px;
text-align: center;
letter-spacing: .01em;
background: #0091d6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga8CRSwrrnzSbQNrtNu-jQAX2upPOrFLj306jks8l651_AGAKijs-kcq0uKyk1nMNa9WZKlcRnf5a9bSsnwETDKOhK5dWfmVtiUP9ibfMTU0cqjj2d0nl7X88cQlT7Zq6IW7F3GI-PChjm/s1600/Black+Dot.gif) repeat-x scroll bottom;
border: 1px dashed #dedede;
box-shadow: 0 0 0 4px #0091d6, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}
</style>


That's all You have successfully added the nice video frame to videos on your blogger blog.


Customize (your choice)


If you want to change the background color of frame then simple change the red colored color code with your one.


if you want to change the text color of frame then change the green colored color code with your one.