Template blog Hatsune Miku

Template blog Hatsune Miku

Hatsune Miku Blogger templates

Template this time themed Hatsune Miku (My favorite ~ xD) (Because I think the formeris less neat template), which is a result of redesign and development oftemplateMetrominimalist. With Green Design Basis bright colors and soft, equippedwith a search box, rss, twitter and Post thumbnail facebook.style simple, but using thehover effect, so the post was simple, to be unique with animated CSS3 hover effectsthat soft juga.pada page post, not much different from the previous template, butdifferent is related post on this template , using an actual thumbnail of the results I foundbrowsing in google.dan end "the source of dte.web.id.Jadi Please do not ask to methis was about this widget, check with the manufacturer = __ =". related post is in the template I had previously been edited, so it may be a little different with dte.web.id.

And it turns out this is not much different template with yui-indo blog template, almost similar, but different. why similar?
This is also intended to avoid and prevent some persons / offenders (lol) who want totake action plagiarism and theft of design templates, template somehow yui-indobecome most wanted=___="

Example:

#Template yui-indo not for share. So,please don't be plagiarism.

ScreenShot

1. Settings menu
Open blogger, select the menu template => Edit HTML and find the html code as below.
after that replace the pound sign '#' (without the quotes) to the ULR / address link you want to target, and also change the name of the link.


Example:

<li><a href='http://www.facebook.com'>Facebook</a></li>

<ul class='dark_menu'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li data-role='dropdown'><a href='#'>About</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li><li data-role='dropdown'><a href='#'>Contact</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li>
<li data-role='dropdown'><a href='#'>Download</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li>
<li><a href='#'>Report</a></li>
<li><a href='#'>Miku</a></li>
</ul>

* If there is a problem with the sidebar is not working accordion'a / lid-open it, the general problem always lies in javascriptnya.
solution:
download / replace Js below, and upload your own at hosting js, eg at code.google.com or https://sites.google.com

https://sites.google.com/site/djogzs/js/accordion-menu.js

Download

Demo

update template 12-02-2013
fix : 
-.sidebar
-add no image thumbnail
-related post no image


Powered by: Johanes Blog