Note: The following Documentation is applicable only for PhotOMath Square and PhotOMath Masonry Premium Blogger Theme.

INSTALLATION

How to install PhotOMath Blogger Theme

You can Install our Blogger theme by following this tutorial - Install Blogger Premium Theme.

UPDATE CONTENTS

Logo Upload

Note: Please skip this step if you do not have or no longer wish to upload your logo. Blog title will be displayed as logo in Blogger Theme. 

Desktop Logo Upload:

  1. Blogger Dashboard ⇾ Layout
  2. From Desktop/Laptop Logo Widget, click on Pencil ✎ Icon

    Desktop/Laptop Logo Settings

  3. The following instructions will guide you on how to upload your logo for desktop.

    Upload Desktop/Laptop Logo


    Recommended Image Size: 244 x 34 px
    Recommended Image Type: .PNG or .png with transparent background

Mobile Logo Upload:

  1. Blogger Dashboard ⇾ Layout
  2. From Mobile Logo Widget, click on Pencil ✎ Icon

    Mobile Logo

  3. The following instructions will guide you on how to upload your logo for mobile.

    Mobile Logo


    Recommended Image Size: 244 x 34 px or you can use 34 x 34 px
    Recommended Image Type: .PNG or .png with transparent background

Primary Menu

PhotOMath Primary Menu


  1. Blogger Dashboard ⇾ Layout
  2. From Primary Menu Widget, click on Pencil ✎ Icon

    PhotOMath Primary Menu Widget

  3. Add A New Item

    Primary Menu Items

  4. Site Name: Put item name 
    Site URL: Put item link
    Dropdown Menu: Use single underscore (_) before the item name. Example: _dropdown
  5. Save

Secondary Menu

Secondary Menu

  1. Blogger Dashboard ⇾ Layout
  2. From Secondary Menu Widget, click on Pencil ✎ Icon 

    Secondary Menu Widget

  3. Add A New Item
    Add A New Item

  4. Site Name: Put item name 
    Site URL: Put item link
    Note: No Dropdown Menu allowed.
  5. Save

Social Icons

Social Icons


  1. Blogger Dashboard ⇾ Layout
  2. From Secondary Menu Widget, click on Pencil ✎ Icon And for About Widget (Right Sidebar) add a new LinkList widget and follow below.
  3. Add A New Item
    Social Icons

  4. Site Name: Put text to show on hover the icon
    Site URL: Social Link

    Available Social Icons are: Apple, Deviantart, Dribbble, Email, Etsy, Facebook, Flickr, Foursquare, Github, Goodreads, Google, IMDB, Instagram, Linkedin, PayPal, Pinterest, Playstore, Ravelry, Reddit, RSS, Snapchat, Soundcloud, Spotify, Tumblr, Twitch, Twitter, Vimeo, Vine, YouTube

    Note: Icon will be added automatically based on Social Links. Just put your social links.
  5. Save

Copyrights

Copyrights


  1. Blogger Dashboard ⇾ Layout
    Copyrights Widget

  2. From Copyright Text Widget, click on Pencil ✎ Icon.

    Copyrights Widget Contents

  3. Put Copyright Contents and Save

Homepage Slider

Homepage Slider


By default, it displays the slider of thumbnail images for recent posts. You can display images from a specific category/label by following these steps: 

  1. Blogger Dashboard ⇾ Layout
  2. From Feature Label Widget, click on Pencil ✎ Icon.

    Feature Label Widget

  3. Put Label name (Example: Slide). Label name is Case Sensitive. Then Save.
  4. You can hide this slider by turning it off from here (1). 
    Turn off slider


    How to get the Label name - 

    On the right side of every post you'll find the option to add a label/category. Example: 
    How to get the Label name


    Please ensure that the Blog Post Feed and Allow Blog Feed settings are Full. 
    Blog Post Feed and Allow Blog Feed

About Section [RIGHT SIDEBAR]

About Section [RIGHT SIDEBAR]


We recommend that you use only Image and LinkList gadgets/widgets here. You can keep it if you need or use other ones.

How to update About Image

  1. Blogger Dashboard ⇾ Layout
  2. From About Widget, add a new gadget Image and follow below.

    How to update About Image

  3. It is recommended to upload images with a 300px width. You will need a square image of 300x300px if you want to display a circle photo.

    Upload Image

    By default, it displays a rectangular image. To display circle/round photos, click here.

How to update About Social Link Image

How to update About Social Link Image

  1. Blogger Dashboard ⇾ Layout
  2. From About Widget, add a new gadget LinkList.
  3. Add A New Item
  4. Site Name: Put text to show on hover the icon
    Site URL: Social Link

    Available Social Icons are: Apple, Deviantart, Dribbble, Email, Etsy, Facebook, Flickr, Foursquare, Github, Goodreads, Google, IMDB, Instagram, Linkedin, PayPal, Pinterest, Playstore, Ravelry, Reddit, RSS, Snapchat, Soundcloud, Spotify, Tumblr, Twitch, Twitter, Vimeo, Vine, YouTube
  5. Save

Article Author Profile

Article Author Profile


  1. Blogger Dashboard ⇾ Settings
  2. Click User Profile and update the following information 

    User Profile
    Go User Profile




    User Profile Settings
    Update Name, Profile Image


    Update Short Bio
    Update Short Bio

  3. Save

TWEAKS: COLOR AND TYPOGRAPHY

No coding knowledge is required to alter the color and typography of your blog. It is very easy from Blogger Dashboard ⇾ Theme ⇾ Customize option.

Background Colors

You can change the default background colors to your own. PhotOMath lets you customize the background color of Body, Main Wrapper, Left Sidebar and Right Sidebar (Only Widgets) section.

Change Body and Main Wrapper Background Color

  1. Blogger Dashboard ⇾ Theme ⇾ Customize option.

    Customize

  2. Click on Advanced.

    Advanced

  3. Next choose Background Color Settings and update to your own colors.

    Background Color Settings

  4. Save

Change Left Sidebar Background Color

  1. Access Theme Customize ⇾ Advanced option.
  2. Next choose Left Sidebar Settings ⇾ Left Sidebar Background and update your colors.
  3. You can also update Text, Link colors of Left Sidebar section from here. 
  4. Save

Change Right Sidebar Background Color

  1. Access Theme Customize ⇾ Advanced option.
  2. Next choose Right Sidebar Widget Settings ⇾ Widget Background and update your colors.
  3. You can also update Text, Link colors, font typography, title of Right Sidebar section from here. 
  4. Save

Colors and Typography

Colors

Before changing any colors of your blog, we recommend to change the Primary and Secondary colors from Customize ⇾ Advanced ⇾ Theme Color Settings option. Because these colors are set as the default color of others. 

Primary ans Secondary Colors

Next change any colors for Body, Header, Menu, Sidebar (Both), Post Body, Comment, Popular Post, Featured Post, Buttons, Cookies etc from Customize ⇾ Advanced option.

Icon colors

You can change icon color and background color from Customize ⇾ Advanced ⇾ More Settings option. Here you can change several icon colors, read more box color, social share buttons color and background etc. 

Typography

Before changing any fonts or typography of your blog, we recommend to change the basic font and typography from Customize ⇾ Advanced ⇾ Basic Font Settings option. Because these fonts are set as the default of others. 

Typography

Next change any font and typography for Body, Header, Menu, Sidebar (Both), Post Body, Comment, Popular Post, Featured Post etc from Customize ⇾ Advanced option.

D: CONTROL SETTINGS

Change Width of Blog

By default, it is 1200px. If you want to expand your blog you can maximize it upto 1400px. 

  1. Access Theme Customize ⇾ Advanced option.
  2. Next choose Content Width Settings  and update width.

    Change Width of Blog

  3. Save

Show or Hide Camera Icon

By default, the camera icon is shown when hovering over thumbnails. Follow the steps below to hide this icon.

  1. Access Theme Customize ⇾ Advanced option.
  2. Next choose On/Off Settings ⇾ Camera Icon option. Change 1 to 0 value to turn off.
  3. Save

Switch Masonry or Grid Layout

You may choose either Masonry or Grid as a layout. You can do it by following the steps below.

  1. Access Theme Customize ⇾ Advanced option.
  2. Next choose On/Off Settings ⇾ Masonry/Square Grid option. Here 1 for Masonry, 0 for Square Grid layout
  3. Save

Dark or Light or Day or Night Mode Setting

By default dark mode feature is active and that is why you see dark mode switch toggle at the top-right corner. It allows your visitor to choose the preferred mode.  If you want to turn off this feature, then disable it by following below.

  1. Access Theme Customize ⇾ Advanced option.
  2. Next choose On/Off Settings ⇾ Dark Mode option. Change 1 to 0 value to turn off.
  3. Save

Table of Contents (TOC) Setting

By default TOC feature is active. It generates and shows TOC automatically each post or page that contains major heading/heading/subheading/minor heading etc.

  If you want to turn off this feature, then disable it by following below.

  1. Access Theme Customize ⇾ Advanced option.
  2. Next choose On/Off Settings ⇾ Table of Contents option. Change 1 to 0 value to turn off.
  3. Save

Round or Rectangle About Author Image Setting

By default Rectangle Size Image is active. If you want to make this image circle/round cropped, then do it by following below.

  1. Access Theme Customize ⇾ Advanced option.
  2. Next choose On/Off Settings ⇾ Round or Rectangle Image for Sidebar Author Box  option. Change 0 to 1 value.
  3. Save

Show or Hide - Post Author Name and Post Date 

Show or Hide - Post Author Name and Post Date


By default it is active. If you want to turn off, then do it by following below.

  1. Access Theme Customize ⇾ Layout option.
  2. From Post Wrapper Inner, click on Pencil ✎ Icon.

    Post Wrapper Inner

  3. Do the followings
  4. Save

Show or Hide - Post Share Buttons

Show or Hide - Post Share Buttons


By default it is active. If you want to turn off, then do it by following below.

  1. Access Theme Customize ⇾ Layout option.
  2. From Post Wrapper Inner, click on Pencil ✎ Icon.
  3. Do the followings

    Show or Hide - Post Share Buttons

  4. Save

Show or Hide - Post Author Profile Box

Show or Hide - Post Author Profile Box


By default it is active. If you want to turn off, then do it by following below.

  1. Access Theme Customize ⇾ Layout option.
  2. From Post Wrapper Inner, click on Pencil ✎ Icon.
  3. Do the followings

    Show or Hide - Post Author Profile Box

  4. Save

Change Related/Recommended Posts Title Name

Change Related/Recommended Posts Title Name


Change this text by following below.

  1. Access Theme Customize ⇾ Layout option.
  2. From Post Wrapper Inner, click on Pencil ✎ Icon.
  3. Do the followings

    Change Related/Recommended Posts Title Name

  4. Save

Change Read More Text

Change Read More Text


Change this text by following below.

  1. Access Theme Customize ⇾ Layout option.
  2. From Post Wrapper Inner, click on Pencil ✎ Icon.
  3. Do the followings

    Change Read More Text

  4. Save

Looking for assistance?

Our team will do all the customizing and theme installation for you if you do not have the time. Our services are top-notch. Please contact us.

Contact Us