TEMPLATEZY

DOCUMENTATION
Hippo Mag Responsive Blogger Template

H ow T o Edit Re sponsive M e nu?

To Cust omize t he Top Navigat ion M enu Follow These
St eps:
Go t o blogger dashboard.

Click on template t ab and t hen click on EDIT HTM L

but t on.

Now Using CTRL + F find <!--Top Responsive Menu-->

And t hen cust omize t he code according t o your

need.

Replace all # t ags w it h your ow n like logo, t hemes,

t ools, inspirat ion et c.

<!--Top Responsive M enu-->

<div class='menu-secondary-cont ainer'>

<ul class='menus menu-secondary'>
<li class='arrow b'><a href='#'>Cat egorizes</ a>
<ul class='children'>
<li><a href='#'>Brow sers</ a></ li>
<li><a href='#'>Ant i M alw ares</ a></ li>
<li><a href='#'>M s Office</ a></ li>
</ ul>
</ li>
<li><a href='#'>Window </ a></ li>
<li><a href='#'>Internet </ a></ li>
<li><a href='#'>M icrosoft </ a></ li>
<li><a href='#'>Drivers</ a></ li>
</ ul>
</ div>
<div id='nav-t rigger'>
<span><i class='fa fa-list '/ ></ span>
</ div>
<nav id='nav-mobile'/ >

<!--Social-->
<span class='social'>
<li><a href='#'><i class='fa fa-facebook-square'/ ></ a></ li>
<li><a href='#'><i class='fa fa-t w it t er-square'/ ></ a></ li>
<li><a href='#'><i class='fa fa-google-plus-square'/ ></ a></ li>

</ span>
<div st yle='clear:bot h;'/ >
</ div></ div>

H ow T o Edit Se a rc hBox ?
To Cust omize t he SeachBox Follow These St eps:

Go t o blogger dashboard.

Click on template t ab and t hen click on EDIT HTM L

but t on.
Now Using CTRL + F find <!--Search Box-->

And t hen cust omize t he code according t o your

need.

Replace all The Text w it h your ow n et c.

<!--Search Box-->
<div id='searchboxer'>
<div class='searchboxer-inner'>
<form act ion='/ search' class='search-form' met hod='get '>
<input id='s' name='q' onblur='if (t his.value == & apos;& apos;) {t his.value = & apos;Search t he
sit e& apos;;}' onfocus='if (t his.value == & apos;Search t he site& apos;) {t his.value = & apos;& apos;;}'
t ype='t ext ' value='Search For Somet hing'/ >
<input id='but t onsinput ' st yle='vert ical-align: t op;' type='submit ' value=''/ >
</ form></ div></ div>
<!--Search Box End-->

H ow T o Edit T op Ads Slot ?

To Cust omize t he Top Ads Slot Follow These St eps:

Go t o blogger dashboard.

Click on Layout t ab and t hen click on EDIT HTM L

but t on on t op ads slot .

Now Add your desire coding and save t he w idget .

H ow T o Edit Above Post Ad Slot ?

To Cust omize t he above post ads slot Follow These
St eps:
Go t o blogger dashboard.

Click on template t ab and t hen click on EDIT HTM L

but t on.
Now Using CTRL + F find <!-- Advertise Above Post -->

And t hen cust omize t he code according t o your

need.

Replace all The Text by add your adsense code etc.

<!--Advert ise Above Post -->

<div class='advert ise'>
Adsense Code Goes here
</ div>

H ow T o Edit Above Post Ad Slot ?

To Cust omize t he above post ads slot Follow These
St eps:
Go t o blogger dashboard.

Click on template t ab and t hen click on EDIT HTM L

but t on.
Now Using CTRL + F find <!--Top right advertise -->

And t hen cust omize t he code according t o your

need.

Replace all The Text by add your adsense code etc.

<!-- Top right Advert ise-->

<div class='advert ise2'>
<a href='ht t p:/ / w w w .t emplat ezy.com' t arget ='_blank'>
Adsense code goes here
</ div>

H ow T o Edit Above Post Ad Slot ?

To Cust omize t he above post ads slot Follow These
St eps:
Go t o blogger dashboard.

Click on template t ab and t hen click on EDIT HTM L

but t on.
Now Using CTRL + F find <!--advertise-bottom -->

 And t hen cust omize t he code according t o your

need.

Replace all The Text by add your adsense code etc.

<div class='advert ise-bot t om'>
Adsense code goes here
</ div>

H ow T o Edit Ca t e gorie s T a ble ?

To Cust omize t he cat egories Follow These St eps:

Go t o blogger dashboard.

Click on template t ab and t hen click on EDIT HTM L

but t on.

Now Using CTRL + F find <!--Table for Categories-->

And t hen cust omize t he code according t o your

need.

Replace all # w it h your ow n links url. Like label

t ags et c.

<!--Table for Cat egories-->

<b:if cond='dat a:blog.pageType == & quot ;index& quot ;'>
<div id='t abler'>
<div class='t abler-inner'>

<div class='CSSTableGenerat or'>

<t able>
<t body><t r>
<t d>Window s</ t d>
<t d>Int ernet </ t d>
<t d>M icrosoft </ t d>
<t d>Drivers</ t d>
</ t r>
<t r>
<t d><a href='#'>Ant iM alw are</ a></ t d>
<t d><a href='#'>Brow sers</ a></ t d>
<t d>
<t d>

<a href='#'>M s office

</ a></ t d>

<a href='#'>Graphic</ a></ t d>

</ t r>
<t r>
<t d>

<a href='#'>Players

</ a> </ t d>

<t d><a href='#'>Flashplayer</ a></ t d>

<t d>

<a href='#'>.Net Framw ork

<t d>

<a href='#'>Sound Card

</ a> </ t d>

</ a></ t d>

</ t r>
<t r>
<t d><a href='#'>phot oshop</ a></ t d>
<t d><a href='#'>IDM -M anager</ a></ t d>
<t d>
<t d>

<a href='#'>Window Inst aller

<a href='#'>Et hernet

</ a></ t d>

</ a></ t d>

</ t r>
<t r>
<t d>

<a href='#'>Winzip

</ a></ t d>

<t d><a href='#'>Add-Ons</ a></ t d>

<t d>

<a href='#'>Packages

</ a></ t d>

<t d>

<a href='#'>USB Hub

</ a></ t d>

</ t r>
</ t body></ t able>

</ div></ div></ div></ b:if>

H ow T o Edit Soc ia l Sha re But t on ?

To Cust omize t he cat egories Follow These St eps:

Go t o blogger dashboard.

Click on template t ab and t hen click on EDIT HTM L

but t on.
Now Using CTRL + F find <!--Social-->

And t hen cust omize t he code according t o your

need.

Replace all # w it h your ow n facebook, google, and

t w it t er links url. Like label t ags et c.


<!--Social-->
<span class='social'>
<li><a href='#'><i class='fa fa-facebook-square'/ ></ a></ li>
<li><a href='#'><i class='fa fa-t w it t er-square'/ ></ a></ li>
<li><a href='#'><i class='fa fa-google-plus-square'/ ></ a></ li>
</ span>

Need More Help ?

Visit: http://www.templatezy.com
Email at: templatezy.info@gmail.com

Join

Us

Facebook

http://facebook.com/templatezy

GooglePlus

https://plus.google.com/b/templatezy