Releasing Basnetg Tuty Blogger Template

Basnetg Tuty Blogger Template for tutorial site and blogs

Blogger Template Tuty is a best premium blogger template for any tutorial blog and site in blogger platform Designed by Gyanu Basnet of Basnetg.com, First blogger template designer in Nepal.I designed this template combining thenextweb and insider WordPress theme designed by theme junkie. Hope you will enjoy with this template. but don’t forget to make a comment either this supports for you or not. Before you start download Basnetg Tuty Blogger Template I recommend to Read the Full Post first!

Basnetg Tuty Blogger Template Features:

Responsive Design for Blogger
Auto Read More post Summary with thumbnails
Content scrolling and Sidebar Scrolling bar
HTML5 Blogger Template
Threaded comment for blogger enable
Ads section Ready
Feature Post Section
Fast Loading Blogger Template
Orange Color Template
Clean Design
Pagination for Blogger ready
Drop-down Menu Navigation for blogger
and many more.
DEMO | DOWNLOAD

How to Install Tuty Blogger Template?

Very first you have to download This Template in your computer, which comes in zip format Then unzip or extract the zip folder if you don’t know How to extract zip folder then just right click on zip folder then you can see extract all, extract file.. extract here… something like this. click on any extract optionNow this is time for upload template: how to upload this template in your blog? Sign in to your Blogger Dashboard Click on Template option from the left menu You will see Backup/Restore option at the top right site Click on the tab Choose xml file from extracted folder then click on upload tab. That’s all. now you finished the installation process of this blogger template for your blog.Now lets start to edit some important sections for your blog, as your blog required. I mean I’m going to tell you about customizing the template how to change some section for your blog, like menu, ads Featured post section etc.1. How to change Menu Link in this Template? At the left side menu you can add link for your page,  or custom links from your blog or else, and at the right side menu section you can find menu you can find dropdown menu where you can add post category/label link, your social network or profile link like facebook, twitter,google plus, rss etc and there is also a dropdown  search option How to add menu link? Just go to your Template section form Dashboard Click on HTML Now find this code[code language=”html”] <nav class="container" id="primary-nav">[/code]Then find rest of the code for menu  and change the red color item for your link and link name[code language=”html”]</pre> <div class="left"> <ul class="nav"> <ul class="nav"> <li class="first"><a>Home</a></li> </ul> </ul> <ul> <li class="page_item page-item-54"><a href="#"><span>Link1</span></a></li> </ul> <ul> <li class="page_item page-item-56"><a href="#"><span>Link2</span></a> <ul class="children"> <ul class="children"> <li class="page_item page-item-57"><a href="#"><span>Link2.1</span></a></li> </ul> </ul> </li> <li class="page_item page-item-52"><a href="#"><span>Link2.2</span></a></li> <li class="page_item page-item-56"></li> <li class="page_item page-item-58"><a href="#;"><span>Link2.3</span></a></li> <li class="page_item page-item-56"></li> <li class="page_item page-item-60"><a href="#"><span>Link2.4</span></a></li> <li class="page_item page-item-56"></li> <li class="page_item page-item-59"><a href="#"><span>Link2.5</span></a></li> <li class="page_item page-item-56"></li> </ul> <ul> <li class="page_item page-item-158"><a href="#"><span>Link3</span></a></li> </ul> </div> <pre> <!– .left –> [/code] [code language=”html”]</pre> <div class="right"> <ul class="nav"> <li class="menu-category"><a href="#"><i class="icon-align-justify"></i> Categories</a> <ul> <li class="cat-item cat-item-2"><a title="View all posts filed underBusiness" href="#">Business</a></li> <li class="cat-item cat-item-1"><a title="View all posts filed underEditor’s Picks" href="#">Editor’s Picks</a></li> <li class="cat-item cat-item-5"><a title="View all posts filed underEntertainment" href="#">Entertainment</a></li> <li class="cat-item cat-item-7"><a title="View all posts filed underLifestyle" href="#">Lifestyle</a></li> <li class="cat-item cat-item-4"><a title="View all posts filed underMedia" href="#">Media</a></li> <li class="cat-item cat-item-6"><a title="View all posts filed underSocial" href="#">Social</a></li> <li class="cat-item cat-item-3"><a title="View all posts filed underTech" href="#">Tech</a></li> </ul> </li> <li class="menu-follow"><a href="#"><i class="icon-twitter"></i> Follow</a> <ul> <li><a href="#"><i class="icon-twitter-sign"></i> Follow on Twitter</a></li> <li><a href="#"><i class="icon-facebook-sign"></i> Become our fan</a></li> <li><a href="#"><i class="icon-google-plus-sign"></i> Join our circle</a></li> <li><a href="#"><i class="icon-envelope-alt"></i> Join our newsletter</a></li> <li><a href="#"><i class="icon-rss-sign"></i> Subscribe to RSS</a></li> </ul> </li> <li class="menu-search"><a href="#"><i class="icon-search"></i> Search</a> <ul> <li> <div class="search-form"><form id="searchform" method="get"><input type="text" name="q" placeholder="Type and hit search" /> <button type="submit">Search</button></form></div> <!– .search-form –></li> </ul> </li> </ul> </div> <pre> <!– .right –>[/code]Change and Save.How to edit Navigation Menu for Mobile Find this code and change red color code to your link URL and Link  Name below:[code language=”html”]<!– starts mobile menu –></pre> <nav id="mobile-menu"> <ul id="responsive-menu"> <li class="page_item page-item-54"><a href="http://www.basnetg.com/p/about.html">About</a></li> <li class="page_item page-item-56"><a href="#">Link1</a> <ul class="children"> <li class="page_item page-item-57"><a href="#">Sub-Link1</a></li> <li class="page_item page-item-52"><a href="#">Sub-Link1</a></li> <li class="page_item page-item-58"><a href="#">Sub-Link1</a></li> <li class="page_item page-item-60"><a href="#">Sub-Link1</a></li> <li class="page_item page-item-59"><a href="#">Sub-Link1</a></li> </ul> </li> <li class="page_item page-item-158"><a href="#">Link2</a></li> </ul> </nav> <pre> <!– #mobile-menu ends –>[/code]if you are not seeing this menu in dropdown in you mobile display then download again this blogger template and install it again for your blog.How to add Logo? Go to Layout section from your dashboard You can find logo widget  and click on edit option add your  logo image url  code like wise you can add ads code from widget section.How to change the label name for Feature post in the homepage section? find this code and change red color Label Name for your blog Label name that label you want to show on your homepage as feature post: find[code language=”html”] label1 = "<span>FEATURE</span>"; [/code]like wise change the label name for left sidebar category post widget find this code:[code language=”html”] label2 = "<span>AMERICAS</span>"; Title2 = "<span>Category Posts Widget</span>"; [/code]Change red color label2 name AMERICAS  for your label that you want to show in left sidebar Change Title2 name Category Posts Widget for your label Title name , That’s all you need to do? If you didn’t understand and want help put your problem in comment not in email I will not respond email.

Read how to make comment?

Related Articles

7 CommentsLeave a comment

Leave a Reply

Get more stuff like this
in your inbox

Subscribe to our mailing list and Get Exclusive Personalised content right in your Inbox.