Latest Videos
readme
Thanks for Downloading this template from LovelyTemplates.com
For installation guide, visit
http://www.lovelytemplates.com/steps-to-install-a-new-blogger-template
For more Blogger templates visit
http://www.lovelytemplates.com/blogger-templates
For installation guide, visit
http://www.lovelytemplates.com/steps-to-install-a-new-blogger-template
For more Blogger templates visit
http://www.lovelytemplates.com/blogger-templates
license
Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.
This template is designed by http://www.soratemplates.com/2012/11/videobox-blogger-template.html
This template is designed by http://www.soratemplates.com/2012/11/videobox-blogger-template.html
Documentation
Configure Featured Video Slider:
-------------------------------
Login to blogger. Go to Template --> Edit HTML. Now scroll down to where you see the codes below:
<ul class='slides'>
<li class='item'>
<p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/Ok2VamxrYAY' width='560'/></p>
</li>
..........
<ul class='thumbs pagination'>
<li><span class='youtube-temp'/>
<span class='hover-bg'/>
<a class='title' href='#' rel='0'>Lorem ipsum dolor sit amet</a>
<a class='link' href='#'/>
</li>
..........
Replace:
"#" with your featured video URL.
"http://www.youtube.com/embed/Ok2VamxrYAY" with your youtube video URL.
Configure Dropdown Menu:
-----------------------
Login to blogger. Go to Template --> Edit HTML. Now scroll down to where you see the codes below:
<nav class='primary'>
<ul class='sf-menu' id='topnav'>
<li><a href='#'><span class='right'>Home</span></a></li>
<li><a href='#'><span class='right'>Portfolio</span></a>
<ul class='sub-menu'>
<li><a href='#'><span class='right'>Portfolio 1 col</span></a></li>
..........
Replace "#" with your menu item URL.
468x60 header banner ad
-----------------------
Go to Template --> Edit HTML. Find following code,
<div id='banner'>
<a class='banner' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Vpq7a3k_1aopaPc4rJzClkjPIQlwN4ydqUOqh8ay_4IU3e51fQZQ1i_W649Rm834Ckucuextys9bKawjw7kNEvKe7PECSifw09GuoA1VNFguCxuBAo-MabxXHUNs2CC0fCjYLknk-kzd/s1600/empty_ad.gif'/></a>
</div>
Update the Image src and # with your banner image and url respectively. If you want to put Google adsense code then just replace the complete <a class='banner'...</a> with your 468x60 adsense script
Meta Description & keyword (OPTIONAL)
--------------------------
Login to Blogger. Go to Template -- Edit HTML. Find following code.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='' name='description'/>
<meta content='' name='keywords'/>
</b:if>
Update the value for contnet='' with your blog description and keywords.
NOTE: Search engines are no longer using Keywords meta tag. But, many users like to have this feature. If you do not want this then just remove it.
-------------------------------
Login to blogger. Go to Template --> Edit HTML. Now scroll down to where you see the codes below:
<ul class='slides'>
<li class='item'>
<p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/Ok2VamxrYAY' width='560'/></p>
</li>
..........
<ul class='thumbs pagination'>
<li><span class='youtube-temp'/>
<span class='hover-bg'/>
<a class='title' href='#' rel='0'>Lorem ipsum dolor sit amet</a>
<a class='link' href='#'/>
</li>
..........
Replace:
"#" with your featured video URL.
"http://www.youtube.com/embed/Ok2VamxrYAY" with your youtube video URL.
Configure Dropdown Menu:
-----------------------
Login to blogger. Go to Template --> Edit HTML. Now scroll down to where you see the codes below:
<nav class='primary'>
<ul class='sf-menu' id='topnav'>
<li><a href='#'><span class='right'>Home</span></a></li>
<li><a href='#'><span class='right'>Portfolio</span></a>
<ul class='sub-menu'>
<li><a href='#'><span class='right'>Portfolio 1 col</span></a></li>
..........
Replace "#" with your menu item URL.
468x60 header banner ad
-----------------------
Go to Template --> Edit HTML. Find following code,
<div id='banner'>
<a class='banner' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Vpq7a3k_1aopaPc4rJzClkjPIQlwN4ydqUOqh8ay_4IU3e51fQZQ1i_W649Rm834Ckucuextys9bKawjw7kNEvKe7PECSifw09GuoA1VNFguCxuBAo-MabxXHUNs2CC0fCjYLknk-kzd/s1600/empty_ad.gif'/></a>
</div>
Update the Image src and # with your banner image and url respectively. If you want to put Google adsense code then just replace the complete <a class='banner'...</a> with your 468x60 adsense script
Meta Description & keyword (OPTIONAL)
--------------------------
Login to Blogger. Go to Template -- Edit HTML. Find following code.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='' name='description'/>
<meta content='' name='keywords'/>
</b:if>
Update the value for contnet='' with your blog description and keywords.
NOTE: Search engines are no longer using Keywords meta tag. But, many users like to have this feature. If you do not want this then just remove it.
Testing
testing
Subscribe to:
Posts (Atom)
