Parix Blogger Template
| Name | Parix Blogger Template |
| Created by | Minh Anh |
| Online Demo | http://parallaxdemo.blogspot.com/ |
| Created Date (Template) | March 10, 2014 |
| Shared By |  GuidePedia |
| SUPPORT | |
| quachminhanh91@gmail.com | |
| Minh Anh on themeforest | http://themeforest.net/user/minhanh |
| Created Date (Documentation) | April 4, 2014 |
| Shared By | GuidePedia |
Thank you for buying my template. Parix is one page blogger template (powered by blogger.com). This is clean and elegant template with supported shortcodes, supported Awesome Fonts, thumbnails smart-resize. Especially, Portfolio(Isotope.com) with nice effects help management of categories become more easier - you just check to add and uncheck to remove category. Moreover, Ajax Pagination helps page loading become quicker, save more time and more convenient. Parix Template is designed carefully with many options of shortcodes. Two styles of slideshows on top of page, two featured posts styles, and more.
Please see instruction below to know how it works
Table of content.
- 1. Backup
- 2. Upload Template
- 3. Using Layout
- 3.1 Logo(Header)
- 3.2 SlideShow(Introduction)
- 3.3 About us
- 3.4 Featured Posts
- 3.5 Textslide
- 3.6 Portfolio
- 3.8-3.11 Sidebar
- 3.12 Recent Comments
- 3.13 Contact
- 4. Customize
- 5. Enable Responsive
1.0 Backup
All images and scripts need to live somewhere on the web so your blog can access them. Unfortunately Blogger will not help you host these and, most likely, the theme default will use the assets of the blogger template maker hosted on the web, in this case, all file (including but not limited to images, script) hosted in my own hosting If the template maker decides to move or delete these assets, or something happens to their hosting account, then they vanish from your blog theme as well.So, rather than rely on an anonymous third party, it makes sense to host the images and scripts for your blog somewhere you have control over them.I recommend you to do a backup for at least the template script for every change that you make. By doing a backup, you can restore the data anytime.
2.0 Upload Templates
The template that you've downloaded is stored as a *zip file. Extract the *zip file before uses. You can upload your template by two ways below
First way (image 1):
- On Blogger Dashboard Click
- Choose button
- Click Choose File and select file name is Parix.xml
- Then click button to Upload Template
Second way (image 2):
In some cases, you cannot Upload Template because the network speed is slow or other troubles. Then, you can use this way to Upload.
- Open Template "Parix.xml" by Notepad++ software and Copy all
- On Blogger Dashboard Click
- Choose button
- Click to complete your upload
3.0 Using Layout
To use the Layout, from your dashboard, go to This Layout devided into many sections. See explain :
3.1 Logo(Header)
By click "Edit" button in the bottom right of widget. You come to options to Customize this Widget like the image beside.
You can Edit Blog Title, Add Blog Description or You also can make blog logo choosing image. In this case, I used image to make blog logo like :
3.2 SlideShow
We created two styles for slideshow. It means you can change the style by shortcodes very easy.
CONFIGURE STYLE1 :
Shortcode:
[number_posts][label_name][style_name][number_characters]
Example:
Load 3 posts from Label_name is Intro with shortcodes is slideshow-v1 and number_characters is 450 .Then I will use :
[3][Intro][slideshow-v1][450]
Manual HTML code:
See file: HTMLintro.txt
CONFIGURE STYLE2 :
Shortcode:
[number_posts][label_name][style_name][number_characters]
Example:
Load 3 posts from Label_name is Intro with shortcodes is slideshow-v1 and number_characters is 450 .Then I will use :
[3][Intro][slideshow-v2][450]
Manual HTML code:
There is no manual HTML code.
How to configure (Video Guide) :
3.3 About Us
About Us is HTML/Javascript widget. You can add HTML code :
<div class='story'>
<div class='float-right'>
<h2 class='ab-title'>About us</h2>
<div class='ab-line'>
<span class='line' />
<span class='line-point' />
</span>
</span>
</div>
<div class='about-left'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6g6EReSC4dxOjQ1-nbrf4RythuPlZ1-M1qzyQR_sY6jKy5JO5Hp0geVezyfTOAbcWyZZli3JYr6ZLZakKNnssJ3DOhuIZCzQySrXVCtSERxM6AOFH9dcPH8dBhLPIHqNLeOAhY5o9GfY/s1600/responsivex.png' />
</div>
<div class='about-right'>
<div class='ab-name'>We are Parix</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas diam sapien, auctor sed blandit nec, adipiscing eget elit. Duis tempor elementum quam consequat condimentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus.Praesent volutpat nisl fringilla felis sodales elementum. Ut commodo arcu massa..</p>
<br/>
<ul id='about-list'>
<li><a href='#'>Pellentesque habitant morbi tristique senectus et netus.</a>
</li>
<li><a href='#'>Lorem ipsum dolor sit amet, consectetur adipiscing elit metus.</a>
</li>
<li><a href='#'>Curabitur quis rhoncus tellus, quis lorem ipsum tooltip.</a>
</li>
<li><a href='#'>Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus.</a>
</li>
</ul>
</div>
</div>
</div>
3.4. FEATURED POSTS
FEATURED POSTS is HTML/JS widget. To load posts you just follow shortcode syntax below:
[number_posts][label_name][style_name][Display_Title][Description]
Example: Load 3 posts from Label_name is Featured Work with style_name is featured-v1 and Display_Title is Featured Post and Description is Praesent volutpat...I will use:
[3][Featured Work][featured-v1][Featured Posts][Praesent volutpat nisl fringilla felis sodales elementum]
Watch video below to know how to configure it.
3.5 Textslide
Textslide is HTML/JS widget. To load posts you just follow shortcode syntax below:
[number_posts][label_name][style_name]
Check video below for more details:
3.6 Fortfolio
Fortfolio is just Label widget. Check video below to know how to configure it.
3.7 Blog Posts
To enable blog Author, you just click Edit button of Blog Posts and check box : "Enable Author Below Blog Posts"
To load more than 3 posts, you just come to HTML editting mode and find with keyword: numberposts = "3", then change value from 3 to value you want.(see image below):
3.8 - 3.11.Sidebar
In sidebar you can add any widget you want. By default, you just notice only to Accordition widget. It is HTML/Javascript widget.To add it, you just add HTML code below:
<section class="ac-container">
<div>
<input id="ac-1" name="accordion-1" type="radio" checked />
<label for="ac-1">About us</label>
<article class="ac-small">
<p>Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows.</p>
</article>
</div>
<div>
<input id="ac-2" name="accordion-1" type="radio" />
<label for="ac-2">How we work</label>
<article class="ac-medium">
<p>Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is
not rewarded. That's Cesar's world, and if you're not willing to play by his rules, then you're gonna have to pay the price.</p>
</article>
</div>
<div>
<input id="ac-3" name="accordion-1" type="radio" />
<label for="ac-3">References</label>
<article class="ac-large">
<p>You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't know exactly when we turned on
each other, but I know that seven of us survived the slide... and only five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't. Nature is lethal but it doesn't
hold a candle to man.</p>
</article>
</div>
<div>
<input id="ac-4" name="accordion-1" type="radio" />
<label for="ac-4">Contact us</label>
<article class="ac-large">
<p>You see? It's curious. Ted did figure it out - time travel. And when we get back, we gonna tell everyone. How it's possible, how it's done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black
hole does the computer call it an 'unknown entry event'? Why don't they know? If they don't know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of
deductive logic.</p>
</article>
</div>
</section>
3.12 Recent Comments.
Comments is HTML/Javascript widget. you just add javascript code below to view comment in your blog.
<div class='story'>
<div class='float-right'>
<h2 class='ab-title'>Recent Comments</h2>
<div class='ab-line'><span class='line' /><span class='line-point' /></span>
</span>
</div>
<span class='description'>Praesent volutpat nisl fringilla felis sodales elementum</span>
<script>
//<
Name
Parix Blogger Template
Created by
Minh Anh
Online Demo
http://parallaxdemo.blogspot.com/
Created Date (Template)
March 10, 2014
Shared By
GuidePedia
SUPPORT
Email
quachminhanh91@gmail.com
Minh Anh on themeforest
http://themeforest.net/user/minhanh
Created Date (Documentation)
April 4, 2014
Shared By
GuidePedia
Thank you for buying my template.
Parix is one page blogger template (powered by blogger.com). This is clean and elegant template with supported shortcodes, supported Awesome Fonts, thumbnails smart-resize. Especially, Portfolio(Isotope.com) with nice effects help management of categories become more easier - you just check to add and uncheck to remove category. Moreover, Ajax Pagination helps page loading become quicker, save more time and more convenient. Parix Template is designed carefully with many options of shortcodes. Two styles of slideshows on top of page, two featured posts styles, and more.
Please see instruction below to know how it works
Table of content.
- 1. Backup
- 2. Upload Template
- 3. Using Layout
- 3.1 Logo(Header)
- 3.2 SlideShow(Introduction)
- 3.3 About us
- 3.4 Featured Posts
- 3.5 Textslide
- 3.6 Portfolio
- 3.8-3.11 Sidebar
- 3.12 Recent Comments
- 3.13 Contact
- 4. Customize
- 5. Enable Responsive
1.0 Backup
All images and scripts need to live somewhere on the web so your blog can access them. Unfortunately Blogger will not help you host these and, most likely, the theme default will use the assets of the blogger template maker hosted on the web, in this case, all file (including but not limited to images, script) hosted in my own hosting
If the template maker decides to move or delete these assets, or something happens to their hosting account, then they vanish from your blog theme as well.So, rather than rely on an anonymous third party, it makes sense to host the images and scripts for your blog somewhere you have control over them.I recommend you to do a backup for at least the template script for every change that you make. By doing a backup, you can restore the data anytime.
2.0 Upload Templates
The template that you've downloaded is stored as a *zip file. Extract the *zip file before uses.
You can upload your template by two ways below
First way (image 1):
- On Blogger Dashboard Click
- Choose button
- Click Choose File and select file name is Parix.xml
- Then click button to Upload Template
Second way (image 2):
In some cases, you cannot Upload Template because the network speed is slow or other troubles. Then, you can use this way to Upload.
- Open Template "Parix.xml" by Notepad++ software and Copy all
- On Blogger Dashboard Click
- Choose button
- Click to complete your upload
3.0 Using Layout
To use the Layout, from your dashboard, go to This Layout devided into many sections. See explain :
3.1 Logo(Header)
By click "Edit" button in the bottom right of widget. You come to options to Customize this Widget like the image beside.
You can Edit Blog Title, Add Blog Description or You also can make blog logo choosing image. In this case, I used image to make blog logo like :
3.2 SlideShow
We created two styles for slideshow. It means you can change the style by shortcodes very easy.
CONFIGURE STYLE1 :
Shortcode:
[number_posts][label_name][style_name][number_characters]
Example:
Load 3 posts from Label_name is Intro with shortcodes is slideshow-v1 and number_characters is 450 .Then I will use :
[3][Intro][slideshow-v1][450]
Manual HTML code:
See file: HTMLintro.txt
CONFIGURE STYLE2 :
Shortcode:
[number_posts][label_name][style_name][number_characters]
Example:
Load 3 posts from Label_name is Intro with shortcodes is slideshow-v1 and number_characters is 450 .Then I will use :
[3][Intro][slideshow-v2][450]
Manual HTML code:
There is no manual HTML code.
How to configure (Video Guide) :
3.3 About Us
About Us is HTML/Javascript widget. You can add HTML code :
<div class='story'>
<div class='float-right'>
<h2 class='ab-title'>About us</h2>
<div class='ab-line'>
<span class='line' />
<span class='line-point' />
</span>
</span>
</div>
<div class='about-left'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6g6EReSC4dxOjQ1-nbrf4RythuPlZ1-M1qzyQR_sY6jKy5JO5Hp0geVezyfTOAbcWyZZli3JYr6ZLZakKNnssJ3DOhuIZCzQySrXVCtSERxM6AOFH9dcPH8dBhLPIHqNLeOAhY5o9GfY/s1600/responsivex.png' />
</div>
<div class='about-right'>
<div class='ab-name'>We are Parix</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas diam sapien, auctor sed blandit nec, adipiscing eget elit. Duis tempor elementum quam consequat condimentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus.Praesent volutpat nisl fringilla felis sodales elementum. Ut commodo arcu massa..</p>
<br/>
<ul id='about-list'>
<li><a href='#'>Pellentesque habitant morbi tristique senectus et netus.</a>
</li>
<li><a href='#'>Lorem ipsum dolor sit amet, consectetur adipiscing elit metus.</a>
</li>
<li><a href='#'>Curabitur quis rhoncus tellus, quis lorem ipsum tooltip.</a>
</li>
<li><a href='#'>Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus.</a>
</li>
</ul>
</div>
</div>
</div>
3.4. FEATURED POSTS
FEATURED POSTS is HTML/JS widget. To load posts you just follow shortcode syntax below:
[number_posts][label_name][style_name][Display_Title][Description]
Example: Load 3 posts from Label_name is Featured Work with style_name is featured-v1 and Display_Title is Featured Post and Description is Praesent volutpat...I will use:
[3][Featured Work][featured-v1][Featured Posts][Praesent volutpat nisl fringilla felis sodales elementum]
Watch video below to know how to configure it.
3.5 Textslide
Textslide is HTML/JS widget. To load posts you just follow shortcode syntax below:
[number_posts][label_name][style_name]
Check video below for more details:
3.6 Fortfolio
Fortfolio is just Label widget. Check video below to know how to configure it.
3.7 Blog Posts
To enable blog Author, you just click Edit button of Blog Posts and check box : "Enable Author Below Blog Posts"
To load more than 3 posts, you just come to HTML editting mode and find with keyword: numberposts = "3", then change value from 3 to value you want.(see image below):
3.8 - 3.11.Sidebar
In sidebar you can add any widget you want. By default, you just notice only to Accordition widget. It is HTML/Javascript widget.
To add it, you just add HTML code below:
<section class="ac-container">
<div>
<input id="ac-1" name="accordion-1" type="radio" checked />
<label for="ac-1">About us</label>
<article class="ac-small">
<p>Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows.</p>
</article>
</div>
<div>
<input id="ac-2" name="accordion-1" type="radio" />
<label for="ac-2">How we work</label>
<article class="ac-medium">
<p>Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is
not rewarded. That's Cesar's world, and if you're not willing to play by his rules, then you're gonna have to pay the price.</p>
</article>
</div>
<div>
<input id="ac-3" name="accordion-1" type="radio" />
<label for="ac-3">References</label>
<article class="ac-large">
<p>You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't know exactly when we turned on
each other, but I know that seven of us survived the slide... and only five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't. Nature is lethal but it doesn't
hold a candle to man.</p>
</article>
</div>
<div>
<input id="ac-4" name="accordion-1" type="radio" />
<label for="ac-4">Contact us</label>
<article class="ac-large">
<p>You see? It's curious. Ted did figure it out - time travel. And when we get back, we gonna tell everyone. How it's possible, how it's done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black
hole does the computer call it an 'unknown entry event'? Why don't they know? If they don't know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of
deductive logic.</p>
</article>
</div>
</section>
3.12 Recent Comments.
Comments is HTML/Javascript widget. you just add javascript code below to view comment in your blog.
<div class='story'>
<div class='float-right'>
<h2 class='ab-title'>Recent Comments</h2>
<div class='ab-line'><span class='line' /><span class='line-point' /></span>
</span>
</div>
<span class='description'>Praesent volutpat nisl fringilla felis sodales elementum</span>
<script>
//<![CDATA[
if (getTitles)
document.write('<script type="text/javascript" src="http://' + window.location.hostname + '/feeds/posts/summary?redirect=false' + maxResultsPosts + '&alt=json-in-script&callback=getPostUrlsForComments"></' + 'script>');
document.write('<script type="text/javascript" src="http://' + window.location.hostname + '/feeds/comments/default?redirect=false' + maxResultsComments + '&alt=json-in-script&callback=showRecentComments"></' + 'script>');
//]]>
</script>
</div>
</div>
3.13 - 3.15. Contact (Follow Us + Contact Info + Contact Form).
Contact is HTML/Javascript widget, you just add HTML code below and customize it.
Follow Us
<h2 class='ab-title'>Follow Us</h2>
<div class='ab-line'><span class='line' /><span class='line-point' /></span>
</span>
</div>
<span class='description'>Praesent volutpat nisl fringilla felis sodales elementum</span>
<div class='followus'>
<div class='fl facebook'>
<div class='fb icon'>
<a href='#' />
</a>
</div>
<div class='fltitle'>
Join the Conversation
</div>
</div>
<div class='fl facebook'>
<div class='tw icon'>
<a href='#' />
</a>
</div>
<div class='fltitle'>
Follow us on Twitter
</div>
</div>
<div class='fl facebook'>
<div class='gl icon'>
<a href='#' />
</a>
</div>
<div class='fltitle'>
Join Our Circle
</div>
</div>
<div class='fl facebook'>
<div class='tube icon'>
<a href='#' />
</a>
</div>
<div class='fltitle'>
View Exclusive Videos
</div>
</div>
</div>
Contact Info
<div class='borderbox'>
<div class='wpb_wrapper'>
<div class='wpb_text_column wpb_content_element '>
<div class='wpb_wrapper'>
<h3>Contact Info</h3>
<ul class='contact-info'>
<li><i class='fa fa-map-marker'></i>City Name, Your Addres, Home 9999</li>
<li><i class='fa fa-phone'></i>+123 456 789</li>
<li><i class='fa fa-envelope'></i><a href='mailto:'>mail@domain.com</a>
</li>
<li><i class='fa fa-globe'></i><a href='#'>www.website.com</a>
</li>
</ul>
</div>
</div>
</div>
</div>
4.0 Customize Design
In Customize Design, you can change font, color and background...
To come this place, you just follow: Dashboard -> Template -> Customize.
5.0 Run Responsive
To run responsive design, you need to disable Mobile Mode in Blogger setting:
3.13 - 3.15. Contact (Follow Us + Contact Info + Contact Form).
Contact is HTML/Javascript widget, you just add HTML code below and customize it.
Follow Us
<h2 class='ab-title'>Follow Us</h2>
<div class='ab-line'><span class='line' /><span class='line-point' /></span>
</span>
</div>
<span class='description'>Praesent volutpat nisl fringilla felis sodales elementum</span>
<div class='followus'>
<div class='fl facebook'>
<div class='fb icon'>
<a href='#' />
</a>
</div>
<div class='fltitle'>
Join the Conversation
</div>
</div>
<div class='fl facebook'>
<div class='tw icon'>
<a href='#' />
</a>
</div>
<div class='fltitle'>
Follow us on Twitter
</div>
</div>
<div class='fl facebook'>
<div class='gl icon'>
<a href='#' />
</a>
</div>
<div class='fltitle'>
Join Our Circle
</div>
</div>
<div class='fl facebook'>
<div class='tube icon'>
<a href='#' />
</a>
</div>
<div class='fltitle'>
View Exclusive Videos
</div>
</div>
</div>
Contact Info
<div class='borderbox'>
<div class='wpb_wrapper'>
<div class='wpb_text_column wpb_content_element '>
<div class='wpb_wrapper'>
<h3>Contact Info</h3>
<ul class='contact-info'>
<li><i class='fa fa-map-marker'></i>City Name, Your Addres, Home 9999</li>
<li><i class='fa fa-phone'></i>+123 456 789</li>
<li><i class='fa fa-envelope'></i><a href='mailto:'>mail@domain.com</a>
</li>
<li><i class='fa fa-globe'></i><a href='#'>www.website.com</a>
</li>
</ul>
</div>
</div>
</div>
</div>
4.0 Customize Design
In Customize Design, you can change font, color and background...
To come this place, you just follow: Dashboard -> Template -> Customize.
5.0 Run Responsive
To run responsive design, you need to disable Mobile Mode in Blogger setting:
