728x90 AdSpace

Latest News
Senin, 24 Agustus 2015

HOW TO INSTALL

With Mega-Menu
Meg Mag Responsive Blogger Template Document

“Mega Mag Blogger Template” Documentation by “PBT - Jeewani Kumari” V1.0


Created: 07/21/2014
By: Jeewani - PBThemez

Thank you for purchasing my Mega Mag 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
  2. Layout Explain
  3. How to Setup Featured Post Slider
  4. How to Setupl Latest News Bar
  5. How to Setup Latest Posts by Label
  6. How to Change Theme Colors Using Blogger Template Designer
  7. How to Setup Custom 404 Error Page
  8. How to Setup Keywords And Discription
  9. How to Setup Tabbed Menu
  10. How to Setup Flickr Images
  11. How to Setup Sitemap
  12. How to Setup Main Menu
  13. How to Setup 728x90 AdSpace
  14. How to Setup Video Slider
  15. Sources and Credits

1) How to Install a Blogger Template - top

1. Login to your Blogger Account.

Table1

2. Click "Template" On Right Side Drop Down Menu

Table1

3. Now Click on "Backup / Restore" Button.

Table1

4. Browse Your XML Template File From Your Computer.

Table1

5. Select Your XML Template File.

Table1

6. Now Click on "Upload" Button.

Table1

You are done.

Table1


2) Layout Explain - top

Layout

  1. Header
  2. 728x90 Ads Widget
  3. Sidebar 1
  4. Sidebar 2
  5. Featured Post Slider
  6. Post Tag 2
  7. Post Tag 1
  8. Footer Column
  9. Tabbed Menu
  10. News Ticker
  11. FavIcon
  12. Sidebar 4
  13. Sidebar 3

3) How to Setup Featured Post Slider - top

Table2

1. First Go to Blogger > Layout

Table2

2. Now Click On "Edit" on Featured Post Slider Widget

Table2

3. Now Add Your Own Blogger Tag Name to Here

Table2

4. Now Click on Save

Table2

You are done.



4) How to Install Latest News Bar - top

Table3

1. First Go to Blogger > Layout

Table2

2. Now Click "Edit" on News Ticker Widget

Table2

3. Now Add Your Own Blogger Tag Name to Here

Table3

4. Now Click on Save

Table3

You are done.




5) How to Setup Latest Posts by Label - top

Table4

1. First Go to Blogger > Layout

Table2

Tag Posts Area 1

Table4

Tag Posts Area 2

Table4

2. Now Click on Edit Game Widget

Table4

3. Now Add Your Own Blogger Tag Name to Here

Table4

4. Click Save Button

You are done.


06) How to Change Theme Colors Using Blogger Template Designer - top

Table4

1. First Go to Blogger > Layout

Table2

2. Now Click on "Template Designer"

Table4

3. Now You Can Change Colors on "Advanced" Tab

Table4

4. After You Can Click "Apply to Blog" Button Top Area

Table4

You are done.


07) How to Setup Custom 404 Error Page - top

Table11

1. First Go To Settings > Search preferences

2. Click on Custom Page Not Found

Table11

3. Now Copy the Code Given Below and paste it to Here

Table11


 
404

Page Not Found. :/

Sorry, the page you were looking for in this blog does not exist..


4. Now Click on Save Changes

Table11

You are done.


08) How to Add Meta Keywords And Discription - top

1. First Go to Template

Table6

2. Click on Edit Html

Table6

3. Now You Can Change your Keyword, Description Given Below

Table6

<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

Table6

You are done.



09) How to Setup Tabbed Menu - top

Table6

1. First Go to Blogger > Layout

Table7

2. Now You Can See Tabbed Menu Gadget on Right Side Area

Look at The Picture Below

Table7

3. Now Click On "Add a Gadget" and Add Your Own Widgets

Table7

4. Now Click on Save

Table7

You are done.


10) How to Add Flickr Images - top

Table8

1. First Go to Blogger > Layout

Table8

2. Now Click On "Edit" on Flickr Widget

Table8

3. Now Copy the Code Given Below and Paste it to Here

Table8

<div class="flickr">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;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

Table8

1. First Go to Blogger > Pages

Table8

2. Now Click On New Page "Blank Page"

Table8

3. Now Select "HTML" page

Table8

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://megamag-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>

Table8

Replace http://megamag-pbt.blogspot.com/ With Your Website URL

5. Now Click on "Publish" Post

You are done.


12) How to Setup Main Menu - top

Table8

1. First Go to Template

Table8

2. Click on Edit Html

Table8

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>

Table8

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

Table17

You are done.


13) How to Setup 728x90 AdSpace - top

Table8

1. First Go to Blogger > Layout

Table8

2. Now Click On "Edit" on 728x90 AdSpace Widget

Table8

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>

Table8

Replace Web Site URLWith Your Website URL

Replace Your Adspace Image URL with website link

Look at the example below:

­<a href="http://megamag-pbt.blogspot.com/"><img class="" src="http://2.bp.blogspot.com/-gxfkaaxHN9Q/UXt6zACiaMI/AAAAAAAACPE/zbMqWnYu0rI/s1600/728.png" target:"_blank"; /></a>

5. Now Click on "Save Template"


14) How to Setup Video Slider - top

Table8

1. First Go to Blogger > Layout

Table8

2. Now Click "Edit" on Video Widget

Table2

3. Now Add Your Own Blogger Tag Name to Here

Table3

4. Now Click on Save

Table3

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


  • Blogger Comments
  • Facebook Comments

0 komentar:

Poskan Komentar

What Do You Think
Comment with English, Indonesian, Suroboyoan, Madurian, Arabian, and Melayuan.. :-)

Item Reviewed: HOW TO INSTALL Rating: 5 Reviewed By: Shodiqiel Hafily