Scribd
Upload
3 views4 pages

Customizing Fotolia Blogger Template

The document provides a guide on customizing the Fotolia Responsive Blogger Template, including steps to edit the top navigation menu, old/new navigation, meta description, and adding Adsense coding. Users are instructed to access the Blogger dashboard, edit HTML, and replace specific code sections with their own content. Additional support resources are also provided, including a website and contact information.

Uploaded by

Muhammad Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views4 pages

Customizing Fotolia Blogger Template

The document provides a guide on customizing the Fotolia Responsive Blogger Template, including steps to edit the top navigation menu, old/new navigation, meta description, and adding Adsense coding. Users are instructed to access the Blogger dashboard, edit HTML, and replace specific code sections with their own content. Additional support resources are also provided, including a website and contact information.

Uploaded by

Muhammad Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

TEMPLATEZY

DOCUMENTATION
Fotolia Responsive Blogger Template

How To Edit Responsive Menu?


To Customize the Top Navigation Menu Follow These
Steps:

Go to blogger dashboard.
Click on template tab and then click on EDIT HTML
button.
Now Using CTRL + F find <!--Top Responsive Menu-->

And then customize the code according to your


need.

Replace all # tags with your own like logo, themes,


tools, inspiration etc.
<!--Top Responsive Menu-->
<nav id='nav-main'>
<ul>
<li><a expr:href='data:[Link]'>Home</a></li>
<li><a href='# >About</a></li>
<li><a href=# >Theme</a></li>
<li><a href='#'>Tutorial</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</nav>
<div id='nav-trigger'>
<span><i class='fa fa-align-justify fa-3x'/></span>
</div>
<nav id='nav-mobile'/>

How To Edit Next, Old Navigation?


To Customize the Old New navigation Follow
These Steps:
Go to blogger dashboard.

Click on template tab and then click on EDIT HTML


button.
Now Using CTRL + F find <!--Page Navigation Starts-->

And then customize the code according to your


need.
If you want to change the number of posts on
home page just change the 8 to your own
number. And the 2 number mark will show the
number of pages..
.
<!--Page Navigation Starts-->
<b:if cond='data:[Link] != &quot;static_page&quot;'>
<b:if cond='data:[Link] != &quot;item&quot;'>
<!--Templatezy Plugins-->
<script type='text/javascript'> var pageCount=12; var displayPageNum=2; var upPageWord
=&#39;LOAD NEWER&#39;; var downPageWord =&#39;LOAD OLDER&#39;;
</script>
<script src='[Link]
type='text/javascript'/>
<!--Page Navigation Ends -->
</b:if>
</b:if>

How To Setup Meta Description ?


To Setup Meta description for blog follow these steps
Go to blogger dashboard.
Click on template tab and then click on EDIT HTML
button.
Now Using CTRL + F find <!--Top Responsive Menu-->

And then customize the code according to your


need.

Replace red text (description with your site


description and keywords with your site keywords.
<!--########### Meta Description ########### -->
<b:if cond='data:[Link] == data:[Link]'>
<meta content='Description-here' name='description'/>
<meta content='Keywords-here' name='keywords'/>
</b:if>

How To Add Adsense coding in Slots?


To Add the Adsense coding just Follow These
Steps:

Go to blogger dashboard.
Click on Layout ads tab and then click on Add
gadget button.

Now add your design coding inside gadget.

Need More Help ?


Visit: [Link]
Email at: [Link]@[Link]

Join

Us

Facebook

[Link]

GooglePlus

[Link]

You might also like