Blogluv is the professional and magazine blogger template which is specially developed for Tech, Blogging, News and Magazine blog...
 |
Blogluv is the professional and magazine blogger template
which is specially developed for Tech, Blogging, News and Magazine blogs.
It has unique style which turns professionalism to your blog and it looks
like a custom site. At the homepage, It will show up the welcome message
along with the subscription box which will help your brand to gain more
subscribers. For the easy navigation, we’ve implement two menus. It has 2
column layout and 3 column footer.
Live view
' Instructions'
1. Top Menu
·
Go To Blogger >> Template >> Edit
HTML
·
Find For <div class='top-nav-menu'>
·
Below it you will see the code like below
<ul><li><a href='#'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Terms Of Use</a></li>
</ul>
·
Replace # with the link you want to add.
·
Replace Highlighted text which you want to add
on the link.
·
Save it.
2. Header Ad Space
·
Go To Blogger >> Layout
·
There will be widget in the right side of header
named “728x90 Ad Space”. Edit it and paste your ad code in the content box.
·
Save and that’s it.
3. Main Menu
·
Go To Blogger >> Template >> Edit
HTML
·
Find For <nav id='menu'>
·
You will see some code like below.
<nav id='menu'><input type='checkbox'/>
<label>≡<span>Menu</span></label>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Technology »</a>
<ul class='menus'>
<li><a href='#'>Computer</a></li>
<li><a href='#'>Laptops</a></li>
<li><a href='#'>Mobiles</a></li>
<li><a href='#'>Gadgets</a></li>
<li><a href='#'>Tablets</a></li>
<li><a href='#'>Internet</a></li>
</ul>
</li>
<li><a href='#'>News</a></li>
<li><a href='#'>Multimedia »</a>
<ul class='menus'>
<li><a href='#'>Audio</a></li>
<li><a href='#'>Video</a></li>
<li><a href='#'>Images</a></li>
</ul>
</li>
<li><a href='#'>Social Media</a></li>
<li><a href='#'>Television »</a>
<ul class='menus'>
<li><a href='#'>Lollywood</a></li>
<li><a href='#'>Hollywood</a></li>
<li><a href='#'>Bollywood</a></li>
<li><a href='#'>Movies</a></li>
<li><a href='#'>Songs</a></li>
</ul>
</li>
</ul>
</nav>
·
Replace # with the link which you want to add.
·
Replace highlighted text with the text which you
want to show on the link.
·
Save it.
3. Header Subscription Widget
·
Go To Blogger >> Template >> Edit
HTML
·
Search For <div class='headsubboxright'>
·
Below it you will see the code like below.
<form action='http://feedburner.google.com/fb/a/mailverify'
id='subscribe' method='post' onsubmit='window.open(
'http://feedburner.google.com/fb/a/mailverify?uri=Templotic',
'popupwindow', 'scrollbars=yes,width=550,height=520');return
true' target='popupwindow'><input id='subbox' name='email' onblur='if ( this.value == '' ) { this.value = 'Enter your email address...'; }' onfocus='if ( this.value == 'Enter your email address...') { this.value = ''; }' type='text' value='Enter your email address...'/>
<input name='uri' type='hidden' value=Templotic/>
<input name='loc' type='hidden' value='en_US'/>
<input id='subboxbutton' type='submit' value='SUBMIT!'/>
</form>
·
Replace highlighted text Templotic two times.
·
Save it and you're done!
Thanks for visiting knowledge complex please feel free to comment
COMMENTS