Trueblog Blogger Template Installation Documentation, a step to step guide to help you out to set up your blog easy way.
First of all, Thank you for Downloading our template if you haven’t done yet you can get it from here: True blog Blogger Template. You check the live demo through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.
We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle. We have created a service package that gives you everything you need to have your theme and your content setup in no time.
Live Demo Installation service
Blogger Template Installation Steps:-
1. Backup & Uploading
- Unzip the Template.zip file.
- On Blogger Dashboard Click Template.
- Click on Download Full Template to keep your old template.
- Click Browse… button. Find where the “Cheerup-xxxx-version.xml” file location.
- Then Click Upload.
- Edit mobile Preview. (follow images)
2. Blog Setting
After installing the theme, there are minimum settings to make all widgets work fine in this template.
- On Blogger Dashboard Click Settings.
- Click Other.
- In Site Feed > Allow Blog Feed Choose Full.
- Then Click Save settings.
3. Logo Setup
1. In your dashboard Select “Layout”.
2. Upload Your Logo Header : In You Blog (Header), Click on “Edit” and applicate all settings below :
4. Navigation Menu
4.1 Menu Setup ( navigation-wrapper )
To Edit Top Menu in this theme you can follow this step:
1. Go to -> Blogger Dashboard- >layout -> Top navigation- > press edit button.
2. Now copy and paste the below mention code to widget content, replace the “#” with your link to your categories.
<li><a href='#'>Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Contact</a> <ul class='sub-menu'> <li><a href='#'>Category</a></li> <li><a href='#'>Category</a></li> <li><a href='#'>Category</a></li> </ul> </li> <li><a href='#'>Shop</a></li> <li><a href='#'>Advertise</a></li>

3. Setting Up The Top Social Menu
To Edit Top Social icons in this theme you can follow these steps:
-
- On Blogger Dashbord Click Layout
- Top Social Widget Click Edit button
Add your social media name and link >> ADD LINK >> Once you added all the links SAVE.
Use http:// or https:// where applicable.
To Edit Sidebar Social icons in this theme you can follow these steps:
-
- On Blogger Dashbord Click Layout
- Top Social Widget Click Edit button
Add your social media name and link >> ADD LINK >> Once you added all the links SAVE.
Use http:// or https:// where applicable.
AVAILABLE ICONS:
Behance Facebook Twitter Bloglovin Dribbble Flickr GooglePlus Instagram Linkedin Pinterest Vimeo Youtube Vine Soundcloud Goodreads Deviantart Foursquare Reddit Tumblr Spotify Twitch Vk Mailto shop Rss Etsy
Video Guide : –
6. How To Set Date On Post
Go to Blogger Dashboard > Settings > Language and Formatting > Formatting > Timestamp Format > set it to date instead of time
Save it
7. Widget
7.1 About Me
1. Go to Blogger Dashboard > Layout > About me widget > click on edit button > Edit Html
2. Now copy the below mention code and paste into widget.
3. Change the image url with author image url, description
4. Save It
<div class="about-widget"><img alt="About Me" src="https://1.bp.blogspot.com/-DmPRDCbQC2A/WJoToqY-gPI/AAAAAAAAAL8/CMgWRh6OFVoy7elrJJWlL1dnOuMsrmrrQCLcB/s1600/about.jpg" / /><p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit conseat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amei.</p></div>
7.2 Pinterest Widget
1. Go to Blogger Dashboard > Layout > Pinterest widget > click on edit button > Edit Html
2. Now copy the below mention code and paste into widget.
3. Change the user name and thumbnailCount according to your need
4. Save It
<div id="pinterest-gallery"></div><script>var thumbnailCount = 6;var username = 'greyandscout';</script><p></p><div class="clear"></div>
10. Theme Customization
Access your blog Template > click Customize.
Here you can change the background, and apply pre-defined colors