VideoPlay Video Blogger Template Documentation

-

Welcome to how to install blogger template VideoPlay Youtube Video Blogger Template, below are the steps that will help you to configure and setup our VideoPlay Youtube Video Blogger Template.

If you are finding any difficulties configuring the template then you can go ahead and purchase our Template + Installation Package from here and our team will setup the template for you:

Purchase Template + Installation

1. Installing the template

  1. Unzip the VideoPlay.zip file.
  2. On Blogger Dashboard Click Template.
  3. Click on Download Full Template to keep your old template as a backup just in case.
  4. Click Browse… button. Find the location of “VideoPlay Template.xml” select it.
  5. Then Click Upload.

install-blogger-template

mobile-responsive

2. Blogger Setting

After installing the theme, there are minimum settings to make all widgets work fine in this template.

  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.

feed-full

3. Main Blogger Setting

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Blog Posts Widget.
  3. Change it to look like that image.
  4. Click Save

blog widget

4. Upload Logo

Access your blog Layout > click Edit link on Header widget

upload logo

In Configure Header window, input your Blog Title and Blog Description. If you want to upload your image logo, make sure you check Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.

upload

 

5. Setting up the menu

To Edit Menu in this theme you can follow these steps:

  1. On Blogger Dashbord Click Template
  2. Click Edit HTML
  3. Scroll down and Find this Code :
<ul class='topmenu1 megamenu' id='megamenuid'>
 <li><a href='/'>Home</a></li>
 <li><a class='menu-target' href='#'>Megamenu</a>
 <ul class='ulmenu'>
 <li><a href='#'>Travel</a></li>
 <li><a href='#'>Lifestyle</a></li>
 <li><a href='#'>Fashion</a></li>
 <li><a href='#'>Beauty</a></li>
 </ul></li>
 <li><a href='#'>Social</a></li>
 <li><a href='#'>Features</a>
 <ul class='singlemenu'>
 <li><a href='#'>Left Sidebar Post</a></li>
 <li><a href='#'>Fullwidth Post</a></li>
<li><a href='#'>Right Sidebar Post</a></li>
 </ul>
 <li><a href='#'>Blog</a></li>
 <li><a href='#'>Contact Us</a></li>
</li></ul>

4. Change # with yours URL link and text with your text.

6. Slider

You Can See in the Slider on the template, to put your posts to the slider you need to put the Label in the Looped Slider in the layout section. Label must be used in the posts that you want to display on the slider.

NOTE: All your posts must contain some LABEL.

how to put labels in the post blogger

7. Editor’s Picks

You can add 4 posts in the Editor’s Picks area by adding label name to BoxSlider in the layout section as done with the Slider.

8. Trending Videos

You can set your own Trending videos by selecting videos and giving them any label, which then you can use in the Trending widget in the layout section. Only 5 trending videos are shown and it is not a carousel.

9. Homepage Post Sections

You can just set the labels as which posts you want to display in the Homepage Posts sections, where it says Fashion Videos, Headline News, Movie Trailer Videos and Traveling Videos. Latest posts automatically shows latest posts sorted by date.

10. Sidebar Ads

To add your ads code to the sidebar, you can just go the layout section and click on edit and paste your sidebar ads code, refer to the image.

sidebar ads

11. Website Customizer

Access your blog Template > click Customize as shown in below Image:

colors

    Then you can edit the fonts, colors, etc as you want.

infinite

12. Stay Connected Sidebar Widget code:

<ul class="social-iconz">
<li class="facebook"><a href="http://"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="http://"><i class="fa fa-twitter"></i></a></li>
<li class="instagram"><a href="http://"><i class="fa fa-instagram"></i></a></li>
<li class="google-plus"><a href="http://"><i class="fa fa-google-plus"></i></a></li>
<li class="snapchat"><a href="http://"><i class="fa fa-snapchat"></i></a></li>
<li class="dribbble"><a href="http://"><i class="fa fa-dribbble"></i></a></li>
<li class="rss"><a href="http://"><i class="fa fa-rss"></i></a></li>
<li class="behance"><a href="http://"><i class="fa fa-behance"></i></a></li>
<li class="vimeo"><a href="http://"><i class="fa fa-vimeo"></i></a></li>
</ul>

13. Instagram Footer Code:

Access your blog Layout > click Edit link on Footer Instagram widget

1. Go to Blogger Dashboard > Layout > Instagram widget > click on edit button > Edit Html
2. Now copy the below mention code and paste into widget.

<div id=’instafeed’/></div>

<script>
(function($){
$(window).on(‘load’, function(){
$.instagramFeed({
‘username’: ‘oddthemes’,
‘container’: “#instafeed”,
‘display_profile’: false,
‘display_biography’: false,
‘display_gallery’: true,
‘callback’: null,
‘styling’: true,
‘items’: 11,
‘items_per_row’: 11,
‘margin’: 0
});
});
})(jQuery);
</script>

Change the ‘username’ to your username of the Instagram.

14. Footer Popular Posts

footer popular posts

Footer Popular posts are automatically fetched by checking your most popular posts in your blog. If you’ve started your blog just now or it is new, then Footer Popular Posts will show nothing pand it will show posts as any of your posts gets popular by getting more views / reads.

15. Post Page Video Option

Post Page has two Video Options:

  1. Center
  2. Withads

Center Video Option makes the video on top in center with black background to give a subtle look and feel.

Withads Video Options make the video in the left hand side with two ads banner on right sidebar.

You can change the options from here:

postpage video options

16. Comment System (Blogger/Facebook/Disqus)

Our template features three Comment system. You can have any one comment system at a time. If you want Blogger then just type “blogger” in the Comment System Widget without quotes.

video blogger template

If you want Facebook Comment system then just type “facebook” in the Comment System Widget.

video template

If you want Disqus then just type “disqus” in the Comment System Widget and add the Disqus Shortname in the next Widget.

disqus blogger template

17. Submit Video Button

You can put the Contact form url on the Submit Video Button, so that anyone who wants to submit their video can contact you directly and you can accept or decline their video request.

To put the link to the button you just need to add a url to the Submit Video Widget in the Layout Section:

submit video blogger template

We’re using Contact Page to display the Contact Form. If you also want to use the Contact Page to display the Contact form then you can insert this code in your Contact Page:

<div id="custom_ContactForm1" class="widget ContactForm">
<div class="contact-form-widget">
<p>Get in touch with us by filling out the form below.</p>
<div class="form">
<form name="contact-form">
<p></p>
Name
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
Email
<span style="font-weight: bolder;">*</span>
<br>
<input type="text" value="" size="30" name="email" id="ContactForm1_contact-form-email" class="contact-form-email">
<p></p>
Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea rows="5" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>
<p></p>
<input type="button" value="Send" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>
<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" href="//www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" class="quickedit">
<img width="18" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="">
</a>
</span>
</span>
<div class="clear"></div>
</div>

Just make sure you must use Contact Form in your sidebar Widgets or in the footer from Layout section. If you have any problems just drop us a email. Support is only given to the Premium users who have purchased the template.

Read more here about the features of the template: Video Blogger Template

Purchase this template from here: VideoPlay Video Blogger Template

Follow my blog with Bloglovin

Share this article

Recent posts

Popular categories

77 COMMENTS

    • Hi, Full Width, Left Sidebar are only available in the Full Version of the template. You’ll need to purchase the template for that.

    • We’re extremely very sorry, you are using our free theme and we’ve given the documentation for our free users but we can’t provide our top notch support to free users. So you need to purchase the template for our support, also we have to check your website/blog for the issue. Thanks

      • I absolutely think you are right since you have provided all the documentation for reference purposes. Since I have been able to setup everything right by following the documentation I believe others will be able to do the same by following the instruction. I also believe that there might be a little problem with the homepage since I follow the instructions given in the documentation and the slider seems to be working at the homepage

  1. If I add an ads code in editor pick section where you have the trending headline fashion after the headline if I put an ads code it will be an over size what wrong

  2. How do i add multiple slider level on slider section ? As when I try to add multiple levels such as slider1, slider2, slider3 on slider section, it is showing blank. I am able to add only one slider. Please tell me the trick to add multiple levels name in one section. Which sequence should i add. With comma, With break tag, With | or something other as I have tried all these but not working. Here is my blog http://body-2-mind.blogspot.com/

  3. Did you put some ad scripts into your template?
    Because there’s a floating banner when I accessed my blog from phones.
    But it never shows up from PCs or Laptops.

    • Hello,

      You’re using our Free Version of the template. Please purchase the template and then we can fix your problem. Thanks

  4. hello
    I am making a website for the students who can not afford coaching and who are preparing for entrance exams like IIT JEE . I am bringing all the videos at one place so that any student can learn for free. I am using your free theme but it will be very helpful to me if i can get the premium theme so that i can add more functionality to my website i am not making this website for any profit . in fact i have not run even a single add on my website.It will be nice of you if you can provide me with the premium theme. I am myself a student so i cannot afford to buy this theme. But I will Credit your contribution in my about us page. I hope you will understand.here is the link of the website for proof https://jeedost1.blogspot.com/

    • Hello, you can purchase our Premium version of the template and our Support team will help you out in any issues of yours.

      Thanks

  5. […] By admin – April 26, 2019 0 1 Facebook Twitter Pinterest WhatsApp VideoPlay is Fully Automated Youtube Video Blogger Template. Just seat the video iframe inwards your post, thumbnails volition present automatically. If you lot accept a Youtube Channel as well as desire to present your videos on your website you lot tin role VideoPlay Youtube blogger template for showcasing your videos on your website amongst ease. This video blogger template volition automatically fetch the thumbnails from your videos as well as volition present them every bit displayed inwards the demo. VideoPlay is the perfect Video Blogger subject for YouTubers, Video Tutorials, Online Courses as well as video blogs. Influenza A virus subtype H5N1 premium template to monetize every type of video content, from fun videos to professional person tutorials. The documentation/instructions every bit how to setup this video blogger template is given hither which volition ask you lot through the whole template every bit how to setup or alter anything: VideoPlay Theme Documentation […]

  6. Tengan excelente tarde, disculpen la molestia e interrupción, hoy tuve el honor de adquirir este tema, pero tengo inconveniente con la opción editors peack en el Boxslider, he tratado de colocar la etiqueta Boxslider pero no me funciona, que puedo hacer en este caso?

    https://www.gabrielgodinezland.com/

  7. The homepage slider doesn’t pull the image from the post. I’m not using Youtube videos, just videos from a video host, but I also add a featured image using img src… How do I fix this? I paid to buy the template.

  8. How do I change the number of posts displayed on the homepage. It is currently only showing 5. I have put 150 in the settings and layout options but still it only shows 5. How do I show more than 5?

Leave a Reply to Ty Cancel reply

Please enter your comment!
Please enter your name here