Thursday, 8 September 2016

How to add Nice Video Frame to Videos in Blogger

How to add Nice Video Frame to Videos in Blogger

Is you want to add a nice looking video frame around your embed videos like I have added on PakMax (check this post for demo) 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:

How to add Nice Video Frame to Videos in Blogger Video Tut



Steps to add Nice Video Frame to Videos in Blogger 

  • First of 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/AVvXsEhndWuN5fFsXaUVIkK8GlsT_FRqv4CEsa7l7p2crZWuODDtwTbgH6JM8LxklVDOs-oRxBOwc9zYaFn-vjQC8PSNuMSyhHxFd7p7ZYk-pqhLn3WqGohX3lsNQlA2Ww7c4WuBNGK9A8w6h7_q/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.

Customization

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.

 Final words

Hope you like this another widget for blogger. This is the easy way to add the custom and your own video frame to embed youtube, dailymotion, tune.pk, vimeo and on anyother video hosting site's embed videos easily. This widget is not completely same like one which I use on this blog because with this widet you can't add the headings above videos inside the frame or any other custom text inside the frame, but I can do this with mine. I will share that widget also on this blog soon. but for now enjoy this one.
Don't forget to share this post with others, stay blessed, stay happy, and happy blogging on Blogger :) 

No comments :

Post a Comment