OddThemes Blog
  • Home
  • Blogger Templates
  • Trending
  • Contact
OddThemes Blog
  • Home
  • Blogger Templates
  • Trending
  • Contact
Blogger, Blogger Template, Documentation,

VideoPlay Video Blogger Template Documentation

by OddThemesFebruary 6, 201869 comments
8
Shares
Share on FacebookShare on Twitter
youtube video blogger template

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 type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
 get: 'user',
 userId: 1553982550,
 limit:8,
 sortBy:'random',
accessToken: '1553982550.1677ed0.c4f6385f8dd740fd83c34ba9fa17e554',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /> <div class="instaover"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"></span></div></div></a></li>',
 resolution: 'standard_resolution'
 }); 
 feed.run(); 
//]]></script>

Generate your Instagram Access token by clicking on button from  Generate Instagram Access Token

token

 

Now enter the access token here in Layout of the blogger template:

 

accesstoken

ALSO CHANGE THE USERID with yours to show your INSTAGRAM PHOTOS.

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

3rd party blogger themecustom blogger themeDocumentationHow To GuideHow to setup blogger templateInstructionsTutorial for setting up theme
Previous

Techmax Technology Blogger Template Documentation

January 22, 2018
Next

Charlotte Multipurpose Blogger Template Documentation

March 17, 2018
  • alzinete

    Como coloca slide, ta bugando.

    • OddThemes

      You just have to put Label name in the layout section. Its very easy.

      • JD

        you mean like this—> label1, label2, label3 or label1 label2 label3 or how can i put label in layout section

    • Igor

      Conseguiu arrumar?

  • Tamiraa

    full width ? left sidebar ? How ?

    • OddThemes

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

  • Igor

    The loop slide and the other topics here is not functional

    • OddThemes

      Please read the documentation carefully. They are working perfectly. If you have any more concerns please contact our team at oddthemes@gmail.com

      • Igor

        I’am requested in the e-mail.

  • Ty

    My blog is not opening again after up loading this template what happen

    • OddThemes

      Share your blog url.

      • Ty

        gistusnaija.ga

        • OddThemes

          We’ve replied to you on your email id. Thanks

  • Ty

    https://uploads.disquscdn.com/images/dd6d4238b6c0a3be7115c99bd27597159161918f7e255e5b1b1208d3937a089d.png https://uploads.disquscdn.com/images/be68ec2a5e17f1218ed953257fa6d2b99ddaf05b4b6d9ac273b6176f89f6f5ad.png My blog is not opening again after up loading this template what happen
    And how can I remove the videoplay play sign in post and reduce the size of the post header

  • SuccessValley

    Great theme. Please I need help. Slider is not working at the homepage. https://voplay.blogspot.com/

    • OddThemes

      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

      • SuccessValley

        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

        • OddThemes

          Okay, you’re using BREAK as a label in the Slider. Just use your own Post label names. You have not used Break label in your posts. I hope this solves your problem.

          • SuccessValley

            Thanks a lot. Its work. You can have a look at it https://voplay.blogspot.com/

    • IKARA

      your mega menu is not working? (at features)

  • Ghani Usman

    how to upload post???
    embed video???

    • OddThemes

      Just paste the embed code of any video in the post and then publish it. Theme will automatically take care of the rest.

      • Pixel World

        what if i want to use a html5 video player?

        • OddThemes

          You can try it out with our free version of the theme.

  • JD

    Working Perfect Everything

    • SuccessValley

      Please is your homepage slider working?

      • gokujy

        yeah,

      • JD

        yes working fine, before i don’t know about this theme. amazing theme. Thank you very much .

        • SuccessValley

          Nice to know yours is working. Can I please have a look at your site? Am currently working on “Submit Video” section.

          • OddThemes

            We’ve given the step 17th for Submit Video section in this documentation.

          • gokujy

            here my google blog link – https://animelyrics9.blogspot.in

          • JD

            https://animelyrics9.blogspot.in/

          • SuccessValley

            Great website. Please how were you able to have different lables working at trending videos as well as editor’s pick. You can check up mine and teach me how to do that. https://voplay.blogspot.com/

          • JD

            For this, write the label of trending in the video of the post you want in trading.

          • Jaydeep Rathod

            you can add only one label in script or in your layout section and you can also add multiple labels in your post.

          • fuzionblazer

            Amenorhu already read

        • OddThemes

          Thanks for sharing your feedback.

  • JD

    How can i add multiple label in slider1 layout?

  • JD

    how can i put label in layout section??

  • JD

    how to add 3 or 4 label in looped slider in layout section? any idiea

  • JD

    how to add 3 or 4 label in looped slider in layout section?

  • Ty

    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

    • JD

      show me your site, send link

  • JD

    one problem here in move gadget, hard to move gadget bottom to top, watch this video my made it – https://www.youtube.com/watch?v=TlxVZx2ctf4&feature=youtu.be

  • Yinka Arinola

    I want homepage slider to be showing more than one label https://www.ngvideos.club
    What can I do to make it work

  • Web Guru BK Sen

    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/

  • onilago

    hi,i have label problem.How can i show all the labels of my posts?

  • Ahmad Mustaffa

    How to put picture in slider?
    i’m really not understand…plz

    • OddThemes

      You have to goto layout section, edit slider widget and write Label name in the Slider widget.

  • Aden Fauzan

    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.

    • OddThemes

      No we have not added any ad scripts in our template. Thanks

      • Aden Fauzan

        Then how can that happen?
        That’s weird, cause I’ve seen it many times.

      • Aden Fauzan

        I think this is because of blogger widgets.
        But it never happened before.

        https://uploads.disquscdn.com/images/e6d1c0f80b6401c8ab2938c85e40e3aa65e0c494e28e4c703a94ea8a47a3a00b.png

      • Aden Fauzan

        Any solution?

  • Musique Serie TV 80 90

    Congratulation it is a great theme.
    Why only the 5 fist labels works and the other label impossible to click? Look the image gif in this link https://gyazo.com/7ee58bfe6e22478e8d82cd468751e002
    My blog
    https://musique-des-annees-90.blogspot.com/

    • OddThemes

      Hello,

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

  • Nguyễn Văn Anh

    I can’t input multi label into Looped Slier. If i input single label the looped slier will work, but it’s not work for multi labels. Anybody can help me to resolve this matter. https://uploads.disquscdn.com/images/c59d05bffb6a4d899632d5dcfb7eacb7d07590c84ffc36b4e80f8f5dd64d4cc1.png

  • arsen

    Mega menu not working

  • Muhammad Muzammil

    It Supports only youtube video please update that so that it will get poster image from video element

  • prakhar a

    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/

  • YouTutosJeff

    Compre su THEME.

    Tengo un Problema con el SLIDER. Cuando coloco muchas entradas, por algun motivo el slider deja de funcionar.

    Mi web.
    https://probandojeff.blogspot.com/

    Mi web donde tengo pocas entradas, y si funciona slider.
    https://probandojeff2019.blogspot.com/
    https://uploads.disquscdn.com/images/384297dee14e0e5a7983d473d91e79f93660e797052e6bd428f606685897076f.jpg

    • JJ

      oye men como cambiaste la parte editors picks ? el nombre por favor

  • JJ

    Alguien me puede ayuda! no se como cambiar esto que dice Editor’s Picks
    https://uploads.disquscdn.com/images/0fa488b0017ec92def506fc3a177cc9534dc66f23e9c5a165786949c7269d285.jpg

  • sogyeyeol jehyeong hwahwa

    If more people that write articles involved themselves with writing great content like you, more readers would be interested in their writings. I have learned too many things from your article.
    endzone video

  • Amenorhu

    Please I want your comment in order to improve this site http://republikcitynews.online/

  • Cebu Tour Agency

    I need help! I like the templates but the blogger post template has a problem. The video from youtube comes first rather than the title and the social share button also becomes duplicate. Help pls https://uploads.disquscdn.com/images/9409433216a3b4f4c0f73456b59e7729d8c0442048859b574ae22c66cfe2e4f9.png

    • OddThemes

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

      Thanks

  • Marco

    Hello,
    I wanted to know if the template can be purchased with support for vimeo videos.
    Thank you

  • Pingback: Free Download Videoplay Blogger Template | Moodleone.org()

Trending

  • 50+ Best Fashion Blogger Templates 2019

    50+ Best Fashion Blogger Templates 2019

    2 weeks ago
  • 11+ Best Free WordPress Themes 2019

    11+ Best Free WordPress Themes 2019

    3 weeks ago
  • 50+ Best Elegant Blogger Templates 2019

    50+ Best Elegant Blogger Templates 2019

    4 weeks ago
  • Flamingo Fashion Blogger Template Documentation

    Flamingo Fashion Blogger Template Documentation

    1 month ago
  • 50+ Best Creative Blogger Templates 2019

    50+ Best Creative Blogger Templates 2019

    2 months ago

Categories

  • Blogger (24)
  • Blogger Template (33)
  • Designing (16)
  • Documentation (22)
  • Entertainment (3)
  • Facts (1)
  • Fonts (1)
  • Freebies (4)
  • News (7)
  • Personal Template (7)
  • Photography Template (1)
  • SEO (1)
  • Web Design (30)
  • Wordpress (4)

Instagram

Instagram has returned invalid data.

Social Media

  • Home
  • Blogger Templates
  • Trending
  • Contact

© 2018 Blog OddThemes. All rights reserved.