Scribd
Upload
62 views

Platform Type

The document provides instructions for customizing and installing the Mystic Grunge blogger template. It includes directions for setting SEO metadata, displaying recent posts or comments on the sidebar, hiding or showing the navbar, editing navigation menu links, and notes that the template credit links should not be removed due to licensing terms.

Uploaded by

Muhammad Noer
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
62 views

Platform Type

The document provides instructions for customizing and installing the Mystic Grunge blogger template. It includes directions for setting SEO metadata, displaying recent posts or comments on the sidebar, hiding or showing the navbar, editing navigation menu links, and notes that the template credit links should not be removed due to licensing terms.

Uploaded by

Muhammad Noer
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 9

Platform Type Template Name Author URL Author Designer

Blogger Mystic Grunge Agus Ramadhani Blogspot Templates 2012 | Belajar Blog

DT Website Templates | Download MysticGrunge For Wordpress DescriptionMysticGrunge is a Cool Wordpress Theme Convert to Blogger Templatespecial for you from Zoomtemplate.com. Setting For SEO <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | (example: ZoomTemplate)</title> <b:else/> <title><data:blog.pageTitle/> | (example: ZoomTemplate)</title> </b:if> <meta content='your description here' name='description'/> <meta content='keyowrd1, keyowrd1, etc..' name='keywords'/> <meta content='INDEX, FOLLOW' name='ROBOTS'/> Manual Footer Set Banner: <li><a href='http://yourblogname.com'><img alt='banners' src='http://your-imagebanner.com/.gif'/></a></li> <li><a href='http://yourblogname.com'><img alt='banners' src='http://your-imagebanner.com/.gif'/></a></li> <li><a href='http://yourblogname.com'><img alt='banners' src='http://your-imagebanner.com/.gif'/></a></li> <li><a href='http://yourblogname.com'><img alt='banners' src='http://your-imagebanner.com/.gif'/></a></li> For Navigation Menu: <div class='Menu'> <ul>

<li><a href='/'>Home</a></li> <li><a href='http://yoururlmenu.com'>About Us</a></li> <li><a href='http://yoururlmenu.com'>Archives</a></li> <li><a href='http://yoururlmenu.com'>Contact Us</a></li> </ul> </div>
Mystic Grunge is a free blogger template custom design with 1 Right Sidebar, 2 Column, Ads Ready, Blogger, Brown, Elegant, Fixed, SEO Ready, Vector, White, Wordpress Look, Yellow, zoomtemplate, and you can download Mystic Grungeblogspot template for free only in ZoomTemplate.

How to Install a custom template in Blogger?

1.Download a template file (Zip / Rar) and unzip. (Screenshot 1)

2.

Log

in

to

Blogger.

3. Go to "Layout" under "Dashboard". (Screenshot 2)

4. Click "Edit HTML" under "Layout". (Screenshot 3)

5. Don't forget for backup your old template. (Screenshot 4)

6. Find and Upload the new Blogger template. (Screenshot 5)

6. If a warning: Your new template does not include the following widgets, click "KEEP WIDGETS". (Screenshot 6)

5. Finish, Enjoy your new blog design.

Back to TOP

How

to

Show

or

Hide

"Navbar

Blogger"

Before erasing navbar blogger (Navigation Bar), its better if I inform that this method is one of the Blogger TOS violation. If you still want to erase it, you can use the script below:

Hide Navbar: #navbar-iframe { display:none}

Show Navbar: #navbar-iframe { display:block } Auto Hide: #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)} How to do:

In the Edit HTML page, put the code above under the code <b:skin><![CDATA[/* and then save template.

Back to TOP

How can I edit the Navigation Menu link of my template?


1. Most templates have a menu that can only be changed from the HTML (Dashboard Layout Edit HTML). In many cases the code to look for is:

Just find the similar code like this: <li><a <li><a <li><a <li><a <li><a href='#'>Edit</a></li> For set link on Menu, your just find a code like this href='#' and change symbol # with link what you want. Or, if you find the similar code like this: <li <li><a expr:href='data:blog.homepageUrl <li><a expr:href='data:blog.homepageUrl <li><a href='#'>Edit</a></li> There you can change the expr:href='#' with your own links: href='mylink'. Also see the instructions in your template for more information. + class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li> + &quot;feeds/posts/default&quot;'>Posts &quot;feeds/comments/default&quot;'>Comments RSS</a></li> RSS</a></li> href='#'>Post href='#'>Comment href='/'>Home</a></li> href='#'>About</a></li> RSS</a></li> RSS</a></li>

2. Some templates include a gadget to edit the menu directly from the Dashboard (Dashboard Layout Page Elements).

Back to TOP

How to Set SEO for Meta Title, Keyword and Description


Find This Code: <title><data:blog.pageTitle/></title> And <b:if <b:else/> <title><data:blog.pageTitle/> | (example: </b:if> <meta <meta content='your content='keyowrd1, description keyowrd1, here' etc..' name='description'/> name='keywords'/> ZoomTemplate)</title> Change cond='data:blog.pageType (example: with == this code: &quot;item&quot;'> ZoomTemplate)</title>

<title><data:blog.pageName/> |

<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Back to TOP

How to display the last Posts or Comments on the sidebar?


1. Enter the administrator page elements (Dashboard Layout).

2. Add a new feed widget, with the following URLs:

To

show

the

recent

posts:

http://BlogName.blogspot.com/feeds/posts/default

To

display

the

latest

comments:

http://BlogName.blogspot.com/feeds/comments/default

Back to TOP

Can I remove the credit link for the template?


No, the vast majority of templates are licensed under a Creative Commons, GPL or similar license, thus removing the credits would be using an illegal copy of the same. All free blogger themes on Zoomtemplate.com comes under a creative license. You can use all themes in any way you want. All you need to do is just keep the footer credit links intact. On Zoomtemplate.com you are free to download the templates or themes with no charge, and you are free to submit templates or themes of your own creation. You need to know that all the templates or themes on this blog are the responsibility of the authors or designers. Thus, Zoomtemplate.com is not responsible if there is any loss or mistake in the future, or there is any other party who claims one or more of the templates or themes in the future. Blogger templates Gallery here are subject to their authors and/or designers licenses. All of the Blogger Templates provided on this blog are licensed under Creative Commons Attribution 3.0 Unported, which permits both personal and commercial use. However, to satisfy the attribution clause of the licence, you are required to keep the footer links intact which provides due credit to its authors and designers.

You might also like