Blogger

IMAGES SIZES

Header: 1170px wide (max) x 250px high (max).
Posts images: 800px wide (minimum).
Sidebar images: 600px wide.
Select “Original size” after you upload an image.

1. INSTALLATION

1.1. BACKUP YOUR CURRENT TEMPLATE
Go to TEMPLATE >> BACKUP/RESTORE >> DOWNLOAD FULL TEMPLATE and SAVE.
1.2. UPLOAD NEW TEMPLATE
Go to TEMPLATE >> BACKUP/RESTORE >> CHOOSE FILE. Select the file botanical1.0.xml and UPLOAD.

GADGETS SETTINGS

NOTE: New gadgets will be added automatically with the installation and will be identified with their names.

2. PAGES MENU

Go to LAYOUT >> PAGES.
Select the pages you want to show and add the external links you need, SAVE.

3. PROFILE PICTURE

Open the gadget PROFILE PICTURE, upload your photo, add a link to your About page and SAVE.

4. WELCOME TEXT

Open the gadget WELCOME TEXT, click the EDIT HTML link, write your text, remove the gadget title and SAVE.

5. SOCIAL ICONS

Open the SOCIAL ICONS gadget, add your social network name and link, click the ADD LINK button and repeat with each social icon you need.

Use the arrows to rearrange the icons order.

Remove the gadget title and SAVE.

6. MAILCHIMP NEWSLETTER SUBSCRIPTION FORM

NOTE: The instructions below don’t include how to create and setup a Mailchimp newsletter. If you’re interested in having a newsletter for your readers, you’ll find a link to a tutorial in the sidebar. If you don’t want a newsletter form, remove this gadget and ignore the following steps.

6.1 GET THE FORM ACTION
Go to your MAILCHIMP account >> LISTS.

Enter to your list, click on the drop-down menu y select SIGNUP FORMS.

Select EMBEDDED FORMS.

Choose the option NAKED.

Copy the form code in a Notepad.

Get the form action of your list and save it for later, the rest of the code can be discarded. Your form action should look like the example below, you only need the line between the quotation marks:

6.2 ADD THE FORM TO THE BLOG

Open the NEWSLETTER gadget.
Copy the code below and paste it inside the gadget:




   
NEWSLETTER TITLE
   
Short description
   

      
   
   

    
   
   

     

     
     

     
   
    
    

    
    

    



Replace “YOUR-FORM-ACTION” text with your own form action, also edit the newsletter title and short description, SAVE.
7. INSTAGRAM GADGET
Go to INSTANSIVE.
Fill the form as shown below and click on GET CODE!.

Copy the code and paste it in the INSTAGRAM gadget.

8. CATEGORIES
Open the CATEGORIES gadget >> Select “List”. Don't check the “Show number of posts per label” option, SAVE.
9. POPULAR POSTS
Open the FEATURED gadget >> Select the timeframe (7 days = frecuent updates), image thumbnail and up to 3 posts.
10. SEARCH BOX
Copy the code below:


Open the SEARCH gadget and paste the code, SAVE.
11. ARCHIVES
Open the ARCHIVES gadget >> Select “Dropdown menu” and SAVE.
12. LATEST PINS
Copy the code below and paste it in the PINTEREST gadget:

 
 

Replace the PINTEREST-USER text with your Pinterest username and SAVE.
Original script by Code It Pretty.
13. EMAIL SUBSCRIPTIONS
Open the EMAIL SUBSCRIPTIONS gadget, edit the title and SAVE.
If your email subscriptions are not enabled in FEEDBURNER, you'll find a link to a short tutorial in the sidebar.
14. BLOGGER CONTACT FORM.
NOTE: Messages will go to the blog Administrator(s) inbox(es).
Create or open the CONTACT page in PAGES, switch your post editor to HTML mode.

Copy the code below, paste it into the Contact page and PUBLISH (do not enable comments on this page):


Name:


Email:*


Message:*











Don't remove the Contact Form gadget in the Layout panel.
15. CHANGE COLORS AND FONTS
Go to TEMPLATE >> CUSTOMIZE.


Select ADVANCED and change the colors and fonts in each option.

16. ENABLE RESPONSIVE DESIGN
Go to TEMPLATE >> Click on the Mobile options.

Select "No. Show desktop template on mobile devices." and SAVE.