PopUp Video Youtube Widget For blogger.

Today i am Share PopUp Video Youtube Widget For blogger.It really awesome widget.you can add this any post in blogger.now follow my instruction.

[accordion] [item icon="eye" title="DEMO"]

[/item] [/accordion]

How Install Popup video widget :

1. Step  Log in to your Blogger Account and Go to your Blogger Dashboard
2. Step  Click on -> Template -> Edit HTML->
3. Step  Now Find the ]]></b:skin> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
4. Step  Copy and Paste the below any Style Which you want , above ]]></b:skin>



a.popup-link { padding:17px 0; text-align:center; margin:7% auto; position:relative; width:220px; color:#fff; text-decoration:none; background-color:#FFBA00; border-radius:3px; box-shadow:0 5px 0 0 #eea900; display:block; }
a.popup-link:hover { background-color:#ff9900; box-shadow:0 3px 0 0 #eea900; -webkit-transition:all 1s; -moz-transition:all 1s; transition:all 1s; }
#popup { position:fixed;visibility:hidden; opacity:0; margin-top:-300px; }
#popup:target { visibility:visible; opacity:1; background-color:rgba(255,255,255,0.7); position:fixed; top:0; left:0; right:0; bottom:0; margin:0; z-index:99999999999; -webkit-transition:all 1s; -moz-transition:all 1s; transition:all 1s; }
@media (min-width:768px) { .popup-container { width:600px; } }
@media (max-width:767px) { .popup-container { width:100%; } }
.popup-container { position:relative; margin:7% auto; padding:30px 50px; background-color:#333; color:#fff; border-radius:3px; }
a.popup-close { position:absolute; top:3px; right:3px; background-color:#fff; padding:7px 10px; font-size:20px; text-decoration:none; line-height:1; color:#333; }



5. Click on Save template to apply the CSS code to your blog.
6. After adding the CSS code to your blog’s template, all you need to do next is add the below line of code where ever you want to add the code while composing a post.



<div id="closed"></div>
<a href="#popup" class="popup-link">DEMO VIDEO</a>
<div class="popup-wrapper" id="popup">
<div class="popup-container">
<center>
<embed allowfullscreen="true" height="375" src="https://www.youtube.com/v/UOvvTehcAV0?fs=1&amp;amp" type="application/x-shockwave-flash" width="580"></embed>
<a class="widgetku" href="http://prio-soft.blogspot.com/" id="widgetku" target="blank">Prio-Soft™</a>
</center>
<a class="popup-close" href="#closed">X</a>
</div>
</div>

Customization:

Change video url (red blue) OR replaced only ID Video Youtube (in blue)

Any type of information please Contact us.