You are on page 1of 4

TEMPLATEZY

DOCUMENTATION
Organic Responsive Blogger Template

How To Edit Responsive Menu?

 To Customize the Top Navigation Menu Follow These


Steps: 
Go to blogger dashboard. 

 Click on template tab and then click on EDIT HTML
button. 
 Now Using CTRL + F find <!--Top Responsive Menu--> 

 And then customize the code according to your
need. 

 Replace all # tags with your own like logo, themes,
tools, inspiration etc. 

<div class='templatezy-menu'>
<!--Top Responsive Menu-->
<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<li style='background:#f64f4f;'><a expr:href='data:blog.homepageUrl'
style='color:#fff;'>Home</a></li>
<li><a href='#'>Television</a></li>
<li><a href='#'>Microsoft</a></li>
<li><a href='http://www.templatezy.com' rel='nofollow'>Download</a></li>
<li class='arrowb'><a href='#'>News</a>
<ul class='children'>
<li><a href='#'>New York Time</a></li>
<li><a href='#'>Awesome Designs</a></li>
<li><a href='#'>All Fonts Tools</a></li>
<li><a href='#'>Tatto Freebies</a></li>

</ul>
</li>
</ul>

</div>
<div id='nav-trigger'>
<span><i class='fa fa-align-justify fa-3x'/></span>
</div>
<nav id='nav-mobile'/>

How To Edit Top Social Buttons?


 To Customize the Top Social Icons Follow These
Steps: 
 Go to blogger dashboard. 

 Click on template tab and then click on EDIT HTML
button. 
 Now Using CTRL + F find <!--Top Social Buttons -->

 And then customize the code according to your
need. 
 Replace all # links with your own facebook, googlepuls etc. 

.
<!-- Top Social Buttons -->
<div class='header-social'>
<a class='header-facebook' href='#' style='background: '><span class='fa fa-facebook'/></a> <a
class='header-twitter' href='#' style='background: '><span class='fa fa-twitter'/></a> <a class='header-
google-plus' href='#' style='background: '><span class='fa fa-google-plus'/></a> <a class='header-
youtube-play' href='#' style='background: '><span class='fa fa-youtube-play'/></a></div>

How To Edit Footer Social Icons?


 To Customize the Top Social Icons Follow These
Steps: 
Go to blogger dashboard. 

 Click on Layout tab and then click on Add gadget
 button. 

 Now add the below coding inside gadget. 


<div class="social-profile-icons"><ul class=""><li class="social-facebook"><a href="#"
title="Facebook"><i class="fa fa-facebook"></i></a></li><li class="social-behance"><a href="#"
title="Behance"><i class="fa fa-behance"></i></a></li><li class="social-flickr"><a href="#"
title="Flickr"><i class="fa fa-flickr"></i></a></li><li class="social-gplus"><a href="#"
title="Google+"><i class="fa fa-google-plus"></i></a></li><li class="social-pinterest"><a href="#"
title="Pinterest"><i class="fa fa-pinterest"></i></a></li><li class="social-instagram"><a href="#"
title="Instagram"><i class="fa fa-instagram"></i></a></li><li class="social-dribbble"><a href="#"
title="Dribbble"><i class="fa fa-dribbble"></i></a></li><li class="social-linkedin"><a href="#"
title="LinkedIn"><i class="fa fa-linkedin"></i></a></li><li class="social-soundcloud"><a href="#"
title="LinkedIn"><i class="fa fa-soundcloud"></i></a></li><li class="social-twitter"><a href="#"
title="Twitter"><i class="fa fa-twitter"></i></a></li><li class="social-vimeo"><a href="#"
title="Vimeo"><i class="fa fa-vimeo-square"></i></a></li><li class="social-stumbleupon"><a
href="#" title="StumbleUpon"><i class="fa fa-stumbleupon"></i></a></li><li class="social-
tumblr"><a href="#" title="Tumblr"><i class="fa fa-tumblr"></i></a></li><li class="social-
youtube"><a href="#" title="YouTube"><i class="fa fa-youtube"></i></a></li><li class="social-
foursquare"><a href="#" title="FourSquare"><i class="fa fa-foursquare"></i></a></li><li
class="social-reddit"><a href="#" title="Reddit"><i class="fa fa-reddit"></i></a></li><li
class="social-dropbox"><a href="#" title="GitHub"><i class="fa fa-dropbox"></i></a></li><li
class="social-skype"><a href="#" title="LinkedIn"><i class="fa fa-skype"></i></a></li><li
class="social-email"><a href="#" title="Email"><i class="fa fa-envelope-o"></i></a></li><li
class="social-rss"><a href="#" title="RSS"><i class="fa fa-rss"></i></a></li></ul></div>

How To Edit Bottom Video Box ?


 To Customize the Bottom Video Follow These
 Steps: 
 Go to blogger dashboard. 
 Click on Layout tab and then click on Add gadget
 of the below text gadget. 
 Now Using CTRL + F find Multimedia Updates 

 And then add your desire video coding here.
Need More Help ?
Visit: http://www.templatezy.com
Email at: templatezy.info@gmail.com

Join Us

Facebook http://facebook.com/templatezy

GooglePlus https://plus.google.com/b/templatezy

You might also like