Blog Insructions






Template Documentation (Instructions)




Template Documentation (Instructions)



Instructions:
1- Header Instructions:
1.1 social media profiles:
To setup the Social Media Profiles click "Edit" and fill in the fields as in the picture below:

In the "New Site Name" field replace the word twitter with any social media website (facebook, youtube, google-plus, etc...).
In the "New Site URL" field insert the url/link of your social media profile.
Note: keep in mind that this template uses the "Font Awesome" service for the icons.
Follow this link for the complete set of icons that this service provides: Click here .


2- Slider Instructions:

To setup the Slider click "Edit" and a new window will popup.
You have three options to insert in the Content box:
1. No: If you don't want to use the Slider all you have to do is to insert "no" in the content box as in the picture below.

2. Label name: If you want to show the posts of a certain label all you have to do is to insert the label name in the content box as in the picture below (the label name is fashion in this case).

3. [recent]: If you want to show the most recent posts all you have to do is to insert "[recent]" in the content box as in the picture below.





4- Author Info Instructions:
To setup the Author Info follow the below steps:
A. Go to your blog dashboard and click on Template.
B. Click on Edit HTML.
C. Click anywhere inside the HTML box and press ctrl+f from the keyboard to open the search box.
D. Insert id='author-info' in the search box then press Enter from the keyboard.
E. You should see the code as in the following picture:

F. Replace "This is a short biography of the author." with your own biography.
G. Replace the # symbols with links to your social media profiles.


5- How to change number of characters for Post Summaries:
A. Go to your blog dashboard and click on Template.
B. Click on Edit HTML.
C. Click anywhere inside the HTML box and press ctrl+f from the keyboard to open the search box.
D. Insert Post_Summary_Count = 400 in the search box then press Enter from the keyboard.
E. Change the number 400 to anything else.


6- How to use the About me widget:
A. Go to your blog dashboard and click on Layout.
B. Scroll down until you reach the Sidebar section (orange color)
C. Click on Add a Gadget
D. Choose the Profile gadget (the one shown in the picture below)



7- How to setup the bottom social media profiles:

To setup the Social Media Profiles click "Edit" and fill in the fields as in the picture below:

In the "New Site Name" field replace the words twitter with any social media website (facebook, youtube, google-plus, etc...).
In the "New Site URL" field insert the url/link of your social media profile.
Note: keep in mind that this template uses the "Font Awesome" service for the icons.
Follow this link for the complete set of icons that this service provides: Click here .


8- How to show your Instagram photos:

1. Generating the Access Token:
The most important thing in order to show your Instagram photos is generating The Access Token. To generate your access token go to instagram.pixelunion.net and click on the "Generate Access Token" button (you need to be singed in to your Instagram account before you be able to generate your access token).
Once you generate the access token you need to follow these steps:
A. Click on "Edit" that is shown in the below picture:

B. The next step is to copy the generated access token and paste it in the Content box as shown in the image below:

C. The last step is to click on the orange Save button.
2. Changing the number of photos to be shown:
The number of photos that will be shown is 20 photos. So, if you want to change this number you can it as follows:
A. Click on "Edit" that is shown in the below picture:

B. The next step is to to enter any number you want in the Content box as shown in the image below:

C. The last step is to click on the orange Save button.
3. Auto play or not?
As you can see in the demo/live preview of the template, the photos are moving by default. This is happening because the number of photos is more than could be contained within the width of the container. You can change this behavior (stop the photos moving) as follows: 
A. Click on "Edit" that is shown in the below picture:

B. The next step is to to insert no in the Content box as shown in the image below:

C. The last step is to click on the orange Save button.


9- How to change fonts and colors:
A. Take a look at the following picture:

B. Click on "Advanced" and there where you can change fonts and colors.


10- How to make your template mobile friendly:
Take a look at the following pictures:






Go back to top



Lora Langston
Lora Langston

Lora is a homeschooling mom, writer, creator of Kids Creative Chaos, and Director of the Play Connection.