Myst

Myst Blogger Template
Template Details :
Platform Type Blogger / Blogspot
Template Name Myst Blogger Template
Instructions URL How to install blogger template?
Template Authortemplate grid
DesignerAvinash Bharadwaj (http://besttheme.net/)
FeaturesMagazine, Top Navigation Bar, Custom Menu, 1 Right Sidebar, Right Sidebar, 2 Column, Web 2.0, Fixed Width, Elegant, White etc.
Descriptions

Myst Blogger Template is another beautiful blogger template which is modified and converted from WordPress template.
Myst is a nice minimal magazine Blogger design. It is suitable for magazine sites or tutorial sites.


Search Tag :
Myst Blogger Template
Myst Blogspot Template
Myst B Template
Myst Blogger Theme
Myst Blogspot Theme
Myst B Theme

Instructions

HOW TO INSTALL BLOGGER TEMPLATE
1. Login to your blogger.com account.
2. Go to Blogger dashboard.
3. Go to Design tab.
4. Now click Edit HTML tab.
5. Before editing your template, you may want to save a copy of it. Download Full Template
6. Upload a template from a file on your hard drive (.xml file extracted): click Choose file option
button.
7. Now save your template.

EDIT TOP RIGHT ADVERTISEMENT BANNER
1. Login to your blogger.com account.
2. Go to Blogger dashboard.

3. Go to Design tab.
4. Now click Edit HTML tab.
5. Click Expand Widget Templates tab.
6. Now find HTML Code > ctrl+f given below.

<a href='http://besttheme.net/'><img alt='Best Theme' src='http://besttheme.net/wp-
content/uploads/2011/01/Banner.jpg'/></a>


7. Now you need to change Link,Image Alt,Image Source,Image Title.

Example:
8. Link: http://besttheme.net/
9. Image alt: Best Theme
10. Image source: http://besttheme.net/wp-content/uploads/2011/01/Banner.jpg

EDIT SIDEBAR ADVERTISEMENT BANNER
Go to Dashboard > Design tab and click on add new widget on the top of posting named 'Sponsor'.
And add link, image, and title to it. 

<ul><li>
<a href="#Link"><img src="http://besttheme.net/wpcontent/uploads/2011/04/banner_125x125.png"
border="0"
alt="Best
Blogger
Themes"

width="125"
height="125"
/></a></li>





<li><a
href="#Link"><img
border="0"
src="http://besttheme.net/wpcontent/uploads/2011/04/banner_125x125.png"
alt="Best
Blogger
Themes"
width="125"

height="125"
/></a></li>

</ul>

Now add link, image, and title to it.

HOW TO EDIT POSTS

There are few instructions you need to follow with this template
Use images not less than 560px, don't worry for the larger one it will resize
automatically but when you place a smaller image this will expand to optimized
image size and it will look really bad.
So use image larger than 700px.

And never use any text editor for posting like word or PDF because they have a
special formatting and when you paste these codes in the blogger editor, the
parent formatting remains same as it is. And blogger don't understand about that
formatting. This will cause your image look bad or something you have not
written will show as summary on homepage.
Please upload image with default blogger image uploading tools.

HOW TO EDIT TOP MENU LINKS
Go to blogger.com > Blogger Dashboard > Design Tab > Edit HTML Tab and find:
<div id='botmenu'>
<div class='menu-primary-container' id='submenu'>
<ul class='sfmenu' id='menu-primary'><li class='menu-item menu-item-type-custom menu-item-objectcustom'
id='menu-item'>
 

<a expr:href='data:blog.homepageUrl'>
<strong>Home</strong>
<span class='menudescription'>Homepage</span></a>
</li>

<li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a
href='#Link'>
<strong>About</strong>
<span class='menudescription'>About Us page</span>
</a>
</li>

<li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a
href='#Link'>
<strong>Parent Page</strong>
<span class='menudescription'>A top level page</span>
</a>

<ul class='sub-menu'>
<li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a
href='#Link'>Sub Page</a>
</li>

<li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a
href='#Link'>Sub Page-2</a>
</li>
</ul>
</li>

<li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a
href='#Link'>
<strong>Page 1</strong>
<span class='menudescription'>A sample page</span>
</a>
</li>

<li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a
href='#Link'>
<strong>Page 2</strong>
<span class='menudescription'> Another page</span>
</a>
</li>

<li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a
href='#Link'>
<strong>Full wide</strong>
<span class='menudescription'>Page with full width</span>  


</a>
</li>

<li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a
href='#Link'>
<strong>Blog</strong>
<span class='menudescription'>The blog page</span>
</a>
</li>

<li class='menu-item menu-item-type-taxonomy menu-item-object-category' id='menu-item'>
<a href='#Link'>
<strong>Featured</strong>
<span class='menudescription'> Featured category</span></a>
</li>
</ul>
</div>
</div>

+ Add Your Comment

We Recommend