• Skip to main content
  • Skip to header right navigation
  • Skip to site footer
  • Main Site
  • About Us
  • Services
  • Contact Us
  • Blog
BizBudding Docs

BizBudding Docs

Documentation

  • Mai Theme Docs
    • Mai Themes (v2)
  • Classic Theme Docs
    • Pretty Darn Cute
    • SEO Themes
    • Mai Theme (Classic)
  • Search
Home » Modern Blogger Pro Theme

Modern Blogger Pro Theme

Modern Blogger Pro: Start Here

YAY! It’s so exciting to give your website a new look, and it’s my hope you’re able to do so quickly and efficiently by following the setup instructions that follow. Be sure and follow these setup instructions in order, this will ensure you have any required plugins installed before you get to their various configuration …

View ArticleModern Blogger Pro: Start Here
How to install your theme

How to install your theme

Best Practices Please always keep an untouched copy of your theme stored on your computer. The original zip file is ideal. You will also want to keep an updated version of your theme files stored on your computer, in the case that you accidentally make a mistake and need to use that copy to fix …

View ArticleHow to install your theme

Import Demo Content

First Install and activate your theme Install and setup any required plugins mentioned in your theme’s setup tutorials. Then – Import Demo Content Download the Demo Content File Unzip the file you have just downloaded. It contains a file called sample.XML. This is the demo content. You will need to unzip the file prior to …

View ArticleImport Demo Content

Header Image

If you would like to change your header/logo image you can do so by navigating to: Appearance > Customize > Header Image

View ArticleHeader Image

Everything looks too small or too big?

This usually means you’ve accidentally zoomed in or out in your browser.  Holding down the  “Command” key and pressing “+” zooms in. Holding down the  “Command” key and pressing “-“ zooms out. Holding down the  “Command” key and pressing “0” (zero) will reset your browser to it’s normal100%. If you’re using a PC, use Control instead of Command.

View ArticleEverything looks too small or too big?

Favicon

That cute little icon that shows in your browser (currently a bow) can be easily changed, pretty neat. Just navigate to Appearance > Customize > Site Identity and upload your preferred image there. Keep in mind this will also be used the icon when someone saves your website to their phone. So cool how simple …

View ArticleFavicon

Modern Blogger Pro Theme Plugins

These will all open in a new tab so you can keep this setup page open. Genesis eNews Extended – This is your email subscription widget. Genesis Grid – This is what displays your blog posts in columns. Genesis Responsive Slider – Your slideshow. Gravity Forms – Totally optional, but a sound investment for contact …

View ArticleModern Blogger Pro Theme Plugins

Google Adsense, Analytics, or any Tracking Code

In your dashboard, navigate to Genesis > Theme Settings. Scroll down to the bottom of that page until you see 2 boxes, one will say Header Scripts, the other will say Footer Scripts.  Any tutorial asking you to paste a code in your header, goes into the header box. Any tutorial asking you to paste …

View ArticleGoogle Adsense, Analytics, or any Tracking Code
Gravatars

Gravatars

  The image that appears in your User Profile widget is automatically drawn from your Gravatar.com account. If you do not have a Gravatar.com account, you can sign up for one here. This image will appear anywhere on the internet where your corresponding email is used to comment. From Gravatar.com “Your Gravatar is an image …

View ArticleGravatars

Helpful HTML Codes

Add an image anywhere on your site: Insert a linked image

View ArticleHelpful HTML Codes

Install Notes, Theme Extras, and Updates

Fonts Used Fonts are already installed and ready to go, however, if you wish to download them for your personal use here are the links. I recommend keeping fonts cohesive throughout your imagery and branding if possible. Source Sans Pro Best Practices Please always keep an untouched copy of your theme stored on your computer. …

View ArticleInstall Notes, Theme Extras, and Updates

Pinterest – Claim/Verify Your Site

This is a super simple process using the Genesis Framework. Pinterest gives you various options, but you want to go the “Use a meta tag” route.  Use a meta tag Step 1: Get the meta tag On desktop web, navigate to your Account settings In the Claim Website section, enter your website URL and click …

View ArticlePinterest – Claim/Verify Your Site

Regenerate Thumbnails

Once you’ve installed your theme, or if you ever update your default image sizes (located in your dashboard under Settings > Media), you’ll want to run the  regenerate thumbnails plugin. Once installed, you’ll find this option in your dashboard under the Tools menu. 

View ArticleRegenerate Thumbnails

Simple Social Icons Troubleshooting

If you have Simple Social Icons in more than one place on your site, make sure both have the exact same settings. For instance, the Pretty Fabulous theme sets the background color automatically for the header left area, but the default background color for the simple social icons plugin is #ddd (dark gray). If you …

View ArticleSimple Social Icons Troubleshooting

Site Identity

You can change your site Title, Tagline and add a favicon (the cute little icon that displays in your navbar) all in your customization panel.  From your WordPress dashboard, navigate to Appearance > Customize, then select “Site Identity.  Click “Save and Publish” for your changes to take effect.

View ArticleSite Identity
Troubleshooting

Troubleshooting

The number one culprit for any sort of error on your site is usually a plugin conflict. This means that one of your plugins is causing either your theme, or another plugin to malfunction. I’ve been developing themes since 2005, and I cannot tell you how frustrating it is to hear hosting companies “blame the …

View ArticleTroubleshooting

Use Shortcodes in Archive Descriptions

If you would like to use shortcodes in your archive descriptions, including Custom Post Type descriptions, place the following code at the bottom of your functions.php file: If you have no idea what any of that means, no worries, just ignore this tutorial.

View ArticleUse Shortcodes in Archive Descriptions

Background Image

If you would like to change your background you can do so under Appearance > Customize > Background Image.

View ArticleBackground Image
Modern Blogger Pro Ad Space and After Entry Widget

Modern Blogger Pro Ad Space and After Entry Widget

The Modern Blogger Pro Theme has two widgets that appear on single posts: Ad Space Widget which displays above single posts After Entry Widget, which displays at the end of single blog posts The demo displays a text widget in the Ad Space Widget, and a Related Posts widget in the After Entry widget location. To …

View ArticleModern Blogger Pro Ad Space and After Entry Widget
Modern Blogger Pro Footer Widgets

Modern Blogger Pro Footer Widgets

The Modern Blogger Pro demo has three footer widgets. The demo is set to display an Archives Widget, a Search Widget, and a Categories widget. To add content to your Footer widgets, go to Dashboard > Appearance > Widgets Footer 1 (then Footer 2 and Footer 3) “drag” your desired widget into this location.

View ArticleModern Blogger Pro Footer Widgets
Modern Blogger Pro Header Right Widget Area

Modern Blogger Pro Header Right Widget Area

The Modern Blogger Pro theme has the Genesis eNews Extended widget added to the Header Right Widget Area. To add the Genesis eNews Extended to your Header Right: Navigate to  Appearance > Widgets > Header Right. Drag a Genesis eNews Extended widget to this location. You’ll find the eNews Subscription Widget setup instructions in your …

View ArticleModern Blogger Pro Header Right Widget Area
Modern Blogger Pro Home Page Grid Setup

Modern Blogger Pro Home Page Grid Setup

The Modern Blogger Pro theme displays a home page layout with one full-width post, followed by several posts in two columns. This is accomplished by using the Genesis Grid plugin. To set up the Grid Loop, go to Dashboard > Genesis > Genesis Grid, and set it up per the screenshot below: Featured Image Size: …

View ArticleModern Blogger Pro Home Page Grid Setup
Modern Blogger Pro Portfolio Page

Modern Blogger Pro Portfolio Page

The Modern Blogger Pro Theme gives you the option to display a Portfolio. Set up your Portfolio Dashboard > Settings Permalinks > Save Permalinks. Your Portfolio will then be available at your site’s url/portfolio. Add A Portfolio Item Dashboard > Portfolio in your menu to the left. Add new. Your featured image is what will appear …

View ArticleModern Blogger Pro Portfolio Page
Modern Blogger Pro Primary Sidebar

Modern Blogger Pro Primary Sidebar

The Modern Blogger Pro demo displays a primary sidebar to the right of the content area. To add content to your Primary Sidebar, Navigate to: Dashboard > Appearance > Widgets Primary Sidebar Drag and drop your desired widget into your Primary Sidebar Widget Area. Individual Widget Settings  

View ArticleModern Blogger Pro Primary Sidebar
Modern Blogger Pro Slider

Modern Blogger Pro Slider

The Modern Blogger Pro theme gives you the option to display a slider above your Home Page Grid. The demo does not display a slider, but if you would like to use one, drag a Genesis Responsive Slider into the Slider Widget by navigating to: Dashboard > Appearance > Widgets > Slider Widget     …

View ArticleModern Blogger Pro Slider

Modern Blogger Pro Visual Guide

Header Right (with Genesis eNews Extended) Primary Navigation Genesis Grid Primary Sidebar Footer Widgets

View ArticleModern Blogger Pro Visual Guide

Modern Blogger Pro: Notes, Extras & Updates

Genesis Theme Settings These are the settings used on the Modern Blogger Pro Demo. From your dashboard click on the Genesis Menu, then Theme Settings.    Home Icon in Menu Bar To add the home icon to your menu bar, click on Appearance and then Menus. Create a custom link to your home page and …

View ArticleModern Blogger Pro: Notes, Extras & Updates

Remove Polka Dot Header Background

From your dashboard, you’ll want to navigate to Appearance > Editor. Then, look for the area below: .site-container { background: #fff url('images/hdot.png') repeat-x; border: 10px solid #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; margin: 20px auto; max-width: 1168px; }<br> And replace that top line so that it looks like this: .site-container { background: #fff; border: 10px solid …

View ArticleRemove Polka Dot Header Background

Sidebar




BizBudding icon

Resources

  • Shop
  • Affiliates
  • Data Protection
  • Privacy Policy
  • Terms & Conditions
  • Contact Us

quick links

  • Main Site
  • About Us
  • Services
  • Contact Us
  • Blog

Contact Details

1001 County Road 517, Suite 1
Hackettstown, NJ 07840

(877) 548-2440

Contact Us


  • Mai Theme Docs
    • Mai Themes (v2)
  • Classic Theme Docs
    • Pretty Darn Cute
    • SEO Themes
    • Mai Theme (Classic)
  • Search

Copyright © 2010–2021 BizBudding Inc. · All Rights Reserved ♥ Work hard and be nice to people.