Simplify Responsive Blogger Template

Documentation
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help
file, please feel free to contact us. Thanks so much!

- Created: 16/10/2014
- Current Version: 1.0.0

Files Included in .zip File

1. Template File.xml
2. Documentation ( How To Upload and customize template )

If you have any problem about this template then please

visit ThemeXpose.com
Note : Premium and lifetime support only delivered to Full
version buyers.
But this is only free version (Free Template Will Contain
Non Removable Credits and limited features).
It is forbidden to remove the credit link due to the
elimination of the credit links will make your blog to
redirect ThemeXpose Official site. For those who want
to remove can pay $ 4.95.
Buy our Full Version and get:
1.Remove Footer credits
2.One time payment
3.For Unlimited Domains
4.Lifetime Premium Support
5.No Encrypted Scripts
6.Lifetime Template Updates
Simplify Responsive Blogger Template ThemeXpose.com

Getting started
You have a blogger account, so let's get started!
1.
2.
3.
4.
5.
6.

Page2 Installation.
Page 3 Default setting.
Page 6 Layout.
Page 7 Widget Content.
Page 10 HTML Content.
Page 12 Embeding Videos.

Simplify Responsive Blogger Template ThemeXpose.com

1. Installation.
Unzip the Template.zip file.
1- On Blogger Dashboard Click Template.
2- Click on Download Full Template to keep your old template.
3- Click Browse... button. Find where the Template.xml file location.
4- Then Click Upload.
5- Edit mobile Preveiw. (follow images).

Simplify Responsive Blogger Template ThemeXpose.com

2. Default Setting.
After installing the theme, there are minimun settings to make all widgets work fine in this template.

Blog Feed.
This to make Featured Post and Post by Label work fine.
1- On Blogger Dashboard Click Setting.
2- Click Search preferences.
3- Meta tags > Description choose Disabled.
4- Click Other.
5- In Site Feed > Allow Blog Feed Choose Full.
6- Then Click Save settings.

Simplify Responsive Blogger Template ThemeXpose.com

Now you can Edit the meta tags better manully follow this steps
1- On Blogger Dashbord Click Template
2- Click Edit HTML
3- Scroll down and Find this Code :

<meta content='Description_Here ' name='description'/>

<meta content='Keywords_Here' name='keywords'/>

4- Change Description_Here with your blog description. And change Keywords_Here with your blog
keywords you want to use.
5- Click Save template.

Simplify Responsive Blogger Template ThemeXpose.com

3. Layout.

Simplify Responsive Blogger Template ThemeXpose.com

4. Widget Content.
A. Setting Main Blog Part.
To Edit Main Blog Part you can follow this step:
1- On Dashbord Blogger Click Layout.
2- Click Edit on Blog Posts Widget
3- Change it to look like that image ( Like what i use the demo blog ) or change it to whatever you need.
4- Click Save.

Simplify Responsive Blogger Template ThemeXpose.com

B. Author Widget.
To add Author Widget follow this step

1- on Dashbord Blogger Click Layout.

2- Click Add a Gadget.
3- Choose HTML/Javascript.
4- Copy the following Code

<div class="about-me-img">
<img src="http://themes.bdayh.com/hooray/wpcontent/uploads/fullwidth2-copy.jpg" alt="" />
</div><br />
<div class="about-me-text">My Name is Amr Sadek, Im 26 years
old. An web designer who seek to produce luxurious Designs and
become a buzz in the designing Field. I developed a collection of
web designs pursuit for excellence, designs and innovation
coupled with affordability.</div>
<div class="clear"></div>

Aboutme-img
Aboutme-text

You need to change the green link to any image you need or keep it. It would be better to use an
image with the same height and width.
Refers to Author's Description. You need change the green words with yours.

5- Click Save.
Simplify Responsive Blogger Template ThemeXpose.com

C. Social Icons Widget (Follow Me)

<div id="social-counter-widget" class="style1-SC"><ul
class="social-counter-widget">
<li class="social-counter-twitter"><a href="#"
target="_blank"><i class=" icon social_icon-twitter fa fatwitter"></i><span>492</span><small>Followers</small></a>
</li>
<li class="social-counter-facebook"><a href="#"
target="_blank"><i class="icon social_icon-facebook fa fafacebook"></i><span>18,596,638</span><small>Fans</small>
</a>
</li>
<li class="social-counter-rss"><a href="#"
target="_blank"><i class="icon social_icon-rss fa farss"></i><span>Subscribe</span><small>Rss</small></a>

To add Social Icons Widget follow this step

</li>
<li class="social-counter-gplus"><a href="#"
target="_blank"><i class="icon social_icon-google fa fa-googleplus"></i><span>8,183,683</span><small>Followers</small></
a>

1- on Dashbord Blogger Click Layout.

2- Click Add a Gadget.
3- Choose HTML/Javascript.
4- Copy the following Code

</li>
<li class="social-counter-youtube"><a href="#"
target="_blank"><i class="icon social_icon-youtube fa fayoutube"></i><span>419,205</span><small>Subscribers</smal
l></a>

5- Change ( # ) with links of your social pages.

And change the green words of your followers
numbers manually.
6- Click Save.

</li>
<li class="social-counter-vimo"><a href="#"
target="_blank"><i class="icon social_icon-vimeo fa fa-vimeosquare"></i><span>1,215</span><small>Subscribers</small></
a>
</li>
<li class="social-counter-soundcloud"><a href="#"
target="_blank"><i class="icon social_icon-soundcloud fa fasoundcloud"></i><span>56,886</span><small>Followers</sma
ll></a>
</li>
<li class="social-counter-instgram"><a href="#"
target="_blank"><i class="icon social_icon-instagram fa fainstagram"></i><span>86</span><small>Followers</small></a
>
</li>
Simplify Responsive Blogger Template ThemeXpose.com
</div>

</ul>

D. Recent Posts Widget.

To Add Recent Posts Widget follow this steps.

1- on Dashbord Blogger Click Layout.

2- Click Add a Gadget.
3- Choose HTML/Javascript.
4- Copy this Code:

<script src="/feeds/posts/default?alt=json-in-script&amp;callback=recentposts" type="text/javascript"></script>

6- Click Save.

Simplify Responsive Blogger Template ThemeXpose.com

10

5. HTML Content.
A. Main Menu.
To Edit Menu in this theme you can follow this step:

1- On Blogger Dashbord Click Template

2- Click Edit HTML
3- Scroll down and Find this Code :
<ul class='menu' id='menu-menu-1'>
<li class='active'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Category</a>
<ul class='sub-menu'>
<li><a href='#'>The World</a></li>
<li><a href='#'>Top News</a></li>
<li><a href='#'>Videos</a></li>
</ul>
</li>
<li><a href='#'>Post Format</a></li>
<li><a href='#'>Post Layout</a></li>
<li><a href='#'>Post Reviews</a></li>
<li><a href='#'>Error 404</a></li>
<li><a href='#'>Download</a></li>
</ul>
4- Change ( # ) with Links and change content.

Simplify Responsive Blogger Template ThemeXpose.com

11

B. Social Icons In Header and Footer.

Scroll down to find this code and edit it :

HEADER
<section class='span10 header_social'>
<a href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a href='#' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/></a>
<a href='#' rel='nofollow' target='_blank'><i class='fa fa-instagram'/></a>
</section>

5- Change ( # ) with Links and change content.

Author Social links

Go to -> blogger dashboard -> template -> edit html -> search below code <div class='social-icons icon-12 bio-author-social'>
<a class='ttip' href='http://themexpose.com' original-title='admin&apos;s site'><i class='fa fahome'/></a>
<a class='ttip' href='#' original-title='admin on Facebook'><i class='fa fa-facebook'/></a>
<a class='ttip' href='http://twitter.com/#' original-title='admin on Twitter'><i class='fa fa-twitter'/></a>
<a class='ttip' href='https://plus.google.com/+AmrSadek' original-title='admin on Google+'><i class='fa
fa-google'/></a>
<a class='ttip' href='#' original-title='admin on Linkedin'><i class='fa fa-linkedin'/></a>
<a class='ttip' href='#' original-title='admin on Flickr'><i class='fa fa-flickr'/></a>
<a class='ttip' href='#' original-title='admin on YouTube'><i class='fa fa-youtube'/></a>
<a class='ttip' href='#' original-title='admin on Pinterest'><i class='fa fa-pinterest'/></a>
</div>
6- Change ( # ) with Links and change content.
7- Click Save template.

Simplify Responsive Blogger Template ThemeXpose.com

12

7. Embeding Videos.
A. Youtube Videos.
To embed Youtube videos use the following code:
<iframe allowfullscreen="" frameborder="0" height="450" src="//www.youtube.com/embed/Video_Id"
width="800" ></iframe>
<img src="http://res.cloudinary.com/demo/image/youtube/w_480,h_270,c_fill/Video_Id.jpg" height="0"
with="0" />

Change height and width it's up to you.

Change ( Video_Id ) with the id of the video like that image.

B. Vimeo Videos.
To embed Vimeo videos use the following code:
<iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen=""
src="//player.vimeo.com/video/Video_ID" webkitallowfullscreen="" width="500"></iframe>
<img src="http://res.cloudinary.com/demo/image/vimeo/w_360,h_240/Video_ID.jpg" height="0" width="0"
/></div>

Change height and width it's up to you.

Change ( Video_Id ) with the id of the video like that image.

Simplify Responsive Blogger Template ThemeXpose.com

13

Once again, Thank you for purchasing my template. If you have any questions
that are beyond the scope of this help file, please feel free to contact me.

Simplify Responsive Blogger Template

Documentation

Simplify Responsive Blogger Template ThemeXpose.com

14