“Newsly Blogger Template” Documentation by “PBT - Jeewani Kumari” V1.0
shared on themelock.com
Created: 02/27/2014
Thank you for purchasing my Newsly Blogger Template. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Table of Contents
1) How to Install a Blogger Template - top
1. Login to your Blogger Account.
2. Click "Template" On Right Side Drop Down Menu
3. Now Click on "Backup / Restore" Button.
4. Browse Your XML Template File From Your Computer.
5. Select Your XML Template File.
6. Now Click on "Upload" Button.
You are done.
2) Layout Explain - top
3) How to Setup Featured Post Slider - top
1. First Go to Blogger > Layout
2. Now Click On "Edit" on Featured Post Slider Widget
3. Now Add Your Own Blogger Tag Name to Here
4. Now Click on Save
You are done.
4) How to Install Latest News Bar - top
1. First Go to Blogger > Layout
2. Now Click "Edit" on News Ticker Widget
3. Now Add Your Own Blogger Tag Name to Here
4. Now Click on Save
You are done.
5) How to Setup Latest Posts by Label - top
1. First Go to Blogger > Layout
This is Tag Posts Area
2. Now Click on Edit Game Widget
3. Now Add Your Own Blogger Tag Name to Here
4. Click Save Button
You are done.
06) How to Change Theme Colors Using Blogger Template Designer - top
1. First Go to Blogger > Layout
2. Now Click on "Template Designer"
3. Now You Can Change Colors on "Advanced" Tab
4. After You Can Click "Apply to Blog" Button Top Area
You are done.
07) How to Setup Custom 404 Error Page - top
1. First Go To Settings > Search preferences
2. Click on Custom Page Not Found
3. Now Copy the Code Given Below and paste it to Here
404
Page Not Found. :/
Sorry, the page you were looking for in this blog does not exist..
4. Now Click on Save Changes
You are done.
08) How to Add Meta Keywords And Discription - top
1. First Go to Template
2. Click on Edit Html
3. Now You Can Change your Keyword, Description Given Below
<meta content='' name='description'/>
<meta content='' name='keywords'/>
Look at the example below:
<meta content='Get New PC Games, Softwares, Mp3 Songs, Videos, Free PSD Files and everythine' name='description'/>
<meta content='Pc Games, Softwares, Mp3 Songs, Videos Songs, PSD Files,' name='keywords'/>
4. Now Click on Save Temlate
You are done.
09) How to Setup Tabbed Menu - top
1. First Go to Blogger > Layout
2. Now You Can See Tabbed Menu Gadget on Right Side Area
Look at The Picture Below
3. Now Click On "Add a Gadget" and Add Your Own Widgets
4. Now Click on Save
You are done.
10) How to Add Flickr Images - top
1. First Go to Blogger > Layout
2. Now Click On "Edit" on Flickr Widget
3. Now Copy the Code Given Below and Paste it to Here
<div class="flickr">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&user=52617155@N08">
</script>
</div>
Replace 52617155@N08 With Your Flicker Id
You Can use http://idgettr.com/ to Generate Your Flickr Id
4. Now Click on Save
You are done.
11) How to Setup Sitemap - top
1. First Go to Blogger > Pages
2. Now Click On New Page "Blank Page"
3. Now Select "HTML" page
4. Now Copy the Code Given Below and Paste it to Here
<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<br />
<script type="text/javascript">
var tabbedTOC = {
blogUrl: "http://newsly-pbt.blogspot.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
monthNames: [ // Array of month names
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script src="https://googledrive.com/host/0B2H3MJwpj5ZVNkJwaVF3SEV4cjg/tabbed-toc.js" type="text/javascript"></script>
Replace http://newsly-pbt.blogspot.com/ With Your Website URL
5. Now Click on "Publish" Post
You are done.
12) How to Setup Main Menu - top
1. First Go to Template
2. Click on Edit Html
3. Scroll Down and Find This Code :
<nav id='nav2'>
<ul id='menuhlng2'>
<li class='mhome2'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Theme Forest</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>404 Error</a></li>
</ul>
</nav>
Change # with yours Pages URL link
6. Bottom Menu Scroll down and Find this Code :
<nav id='nav'>
<ul id='menuhlng1'>
<li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Education</a></li>
<li><a href='#'>Archive</a>
<ul class='submenu hidden'>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
</ul>
</li>
<li><a href='#'>Music</a></li>
<li><a href='#'>Business</a></li>
<li><a href='#'>Games</a>
<ul class='submenu hidden'>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
</ul>
</li>
</ul>
</nav>
7. Change # with yours Pages URL link
You are done.
13) How to Setup 728x90 AdSpace - top
1. First Go to Blogger > Layout
2. Now Click On "Edit" on 728x90 AdSpace Widget
3. Now copy the followinmg code and paste it to here
<a href="With Your Website URL"><img class="" src="Your Adspace Image URL" target:"_blank"; /></a>
Replace Web Site URL
With Your Website URL
Replace Your Adspace Image URL
with website link
Look at the example below:
<a href="http://newsly-pbt.blogspot.com/"><img class="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEZdS8NzuxYtnYyrheQa5YKbpMA6_qoeE9bsW6do5WIK70-mtPzS2NJ_8JpoTZHzXiTA5v1Zdykj09FnAy7H0piPzQ0g19X_ddEK8CKG2Uvj0KtCOgAq8T_rbvUvxNG3ygg56dP8EbTcPn/s1600/728.png" target:"_blank"; /></a>
5. Now Click on "Save Template"
14) How to Setup Vertical Slider - top
1. First Go to Blogger > Layout
2. Now Click "Edit" on Vertical Slider Widget
3. Now Add Your Own Blogger Tag Name to Here
4. Now Click on Save
You are done.
15) How to Setup Video Slider - top
1. First Go to Blogger > Layout
2. Now Click "Edit" on Video Widget
3. Now Add Your Own Blogger Tag Name to Here
4. Now Click on Save
You are done.
16) Sources and Credits - top
We used the following JS script, images, icons and etc..
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Jeewani
Go To Table of Contents