K-On - Blogger

1. Settings menu

Go to bloggers, 

select the menu template =>

 Edit HTML and find the html code as below. 
subsequently replace the pound sign '#' (without the quotes) to the URL / address of the link you want to target, and also change the name of the link. 

Menu 1:-

<div id='menujohanes'> 
<ul> 
<li class='selected'> <a expr:href='data:blog.homepageUrl' title='Home'> Home </ a> </ li> 
<li> <a class='menu' href='#'> Download </ a> 
<ul> 
<li> <a href='#'> Naruto </ a> 
<ul> 
<li> <a href = '#' > Episode 1 </ a> </ li> 
<li> <a href='#'> Episode 2 </ a> </ li> 
<li> <a href='#'> Episode 3 </ a> < / li> 
</ ul> 
</ li> 
<li> <a href='#'> Date A Live </ a> 
<ul> 
<li> <a href='#'> Episode 1 </ a> < / li> 
<li> <a href='#'> Episode 2 </ a> </ li> 
<li> <a href='#'> Episode 3 </ a> </ li> 
</ ul> 
< / li> 
<li> <a href='#'> Devil Survivor2 </ a> 
<ul> 
<li> <a href='#'> Episode 1 </ a> </ li> 
<li> <a href = '#'> Episode 2 </ a> </ li> 
<li> <a href='#'> Episode 3 </ a> </ li> 
</ ul> 
</ li> 
</ ul> 
</ li> 
<li> <a class='menu' href='#'> Contact </ a> 
<ul> 
<li> <a href='#'> Twitter </ a> </ li> 
<li> < a href = '#'> Facebook </ a> </ li> 
<li> <a href='#'> Blogger </ a> </ li> 
<li> <a href='#'> Google plus < / a> </ li> 
</ ul> 
</ li> 
<li> <a class='menu' href='#'> Multi sub </ a> 
<ul> 
<li> <a href = '#' > Episode 1 </ a> 
<ul> 
<li> <a href='#'> Episode 2 </ a> 
<ul> 
<li> <a href='#'> Episode 3 </ a> </ li > 
<li> <a href='#'> Episode 4 </ a> </ li> 
</ ul> 
</ li> 
<li> <a href='#'> Episode 5 </ a> </ li > 
</ ul> 
</ li> 
<li> <a href='#'> Episode 6 </ a> </ li> 
<li> <a href='#'> Episode 7 </ a> </ li > 
</ ul> 
</ li> 
<li> <a class='menu' href='#'> Clients </ a> </ li> 
<li> <a class='menu' href='#'> email </ a> </ li> 
</ ul>

Menu 2:-

<div id='menujohanes'> 
<ul> 
<li> <a class='menu' href='#'> Menu1 </ a> </ li> 
<li> <a class = 'menu' href = '# '> Menu2 </ a> </ li> 
<li> <a class='menu' href='#'> Menu3 </ a> </ li> 
<li> <a class = 'menu' href = '# '> Menu4 </ a> </ li> 
<li> <a class='menu' href='#'> Menu5 </ a> </ li> 
<li> <a class = 'menu' href = '# '> Menu6 </ a> </ li> 
</ ul> 
</ div>

2. Setting SEO / Meta tags

Set manually by the user regarding the description and keywords of your blog. * replace the red text.

<Meta content = ' description of your blog 'name =' DESCRIPTION '/> 
<meta content = ' keywords of your blog 'name =' KEYWORDS '/>

3. Setting Social Media: Facebook, Twitter, Google, Pinterest.

* change url link

<div class='jorib'> 
<a href = ' # 'target =' _blank '> <div class='googlejo'/> </ a> 
<a href = ' # 'target =' _blank '> <div class = 'twitterjo' /> </ a> 
<a href = ' # 'target =' _blank '> <div class='facebookjo'/> </ a> 
<a href = ' # 'target =' _blank '> < div class = 'pinterestjo' /> </ a> 
</ div>

DEMO   DOWNLOAD   DOWNLOAD PSD FILE

Subscribe To Get FREE Updates!