Skip to main content

Settings

View Dashboard > Settings

You can customize your Superblog in almost every aspect possible.
There are some sane restrictions in place to make sure that the user experience and reading experience are not compromised.

Settings are divided into three sections for easier use.

  1. General
  2. Advanced
  3. Expert

General settings​

Image

Site Name​

This is the name of your brand/product/company. You can change it anytime.
It will be used in multiple places throughout your Superblog:

  • In the header of your blog if no logo is uploaded.
  • In the footer of your blog if no logo is uploaded.
  • Appended at the end of every post's meta title if there is no custom meta title given by you. Example: "This is my sample post | Sample Blog"

This is also used in meta title of your blog's home page. It will appear on the browser tab as shown below.

superblog site name

Color Scheme​

You can this as the accent/theme color. You can choose a color from the default palette or edit a hex color code to match your brand's color. This can be changed anytime.

Buttons, Links, Lead generation forms, Tags, Call-to-actions (CTAs) will use this color.

Image

Description​

Description is shown below every blog post. Use a short and concise intro about your product or service. It will make your blog readers visit your landing page by making them click on the CTA button.

You can enable/disable this.

Image

Superblog branding​

Sueprblog branding can be removed completely once you upgrade to a paid plan. During trial period, a small "Made with Superblog" is shown in the bottom right corner.

Note​

If you use a coupon code for discount then you cannot remove the branding.

Advanced Settings​

Image

Short description​

This is used in meta title of your blog's home page. It will appear on the browser tab as shown below.

superblog short description

You can upload your own logo in Superblog. It will be shown in the header and footer.

Recommended format: PNG
Recommended dimensions: 450 x 150 (width x height)(px)

Favicon​

Favicon is the small icon that you see on the browser's tab for each website visited.

Recommended format: ICO or PNG
Recommended dimensions: 32 x 32 (width x height)(px)

Homepage layout​

You can customize your Superblog's layout from available formats.

Grid​

Image

List​

Image

Fonts​

The default fonts for Superblog are carefully selected for readability, design, and class. But you can also change the default fonts by selecting from 1500 font options.

You can preview the fonts here: https://fonts.google.com

Blog UI Font​

This is the font used for Headings, Menu Items, Buttons, Footer, etc.

Default: Roboto

Blog Post Font​

This is the font used for text content of the blog post body.

Default: IBM Plex Serif

Note​

You cannot choose your own custom font for Superblog at this point of time. This is a conscious decision to keep the reading experience standard. You can only choose fonts from a list of given options.

Header title​

This is the prominent header text to tell about your blog or product or service.

Image

Header caption​

This is the caption to explain a bit more or leave a taste of your offering.

Image

Header CTA​

You can use this section to bring your blog visitors to your landing page or product page.
Write a catchy Call to Action text to be displayed on the button. You can enter a custom URL to which the visitor should be taken.

Image

Blog Interface Language​

You can select a language for your blog interface (internationalization/i18n). The UI elemenets like "View Older Posts", "New Posts", "5 min read", etc are automatically translated to the language of your choice.

You can also add your own vocabulary for the interface elements.

Available languages​

  1. English
  2. French
  3. Italian
  4. Russian
  5. Spanish
  6. Custom

Image

Image

OpenGraph Image (Social Preview)​

Whenever you share a link on social media (like twitter, facebook, linkedin etc), they tend to show a preview to users. You can control how your blog's URL is shown as a preview.

Select an image as shown below and it will be displayed as the preview image whenever your blog is shared on social media sites.

Image

Recommended dimensions: 1200 x 630 (width x height)(px)

How to refresh social media preview image​

Social media sites will cache your preview image from time to time. You need to manually update the preview whenever you change the image. Here is a clear guide.

Expert Settings​

You can add control all the power features for your Superblog in this section. They include canonical and sitemap urls (trailing slash), google analytics, google adsense, custom javascript, etc.

Image

Google Analytics Id​

There is an inbuilt analytics module in Superblog. You can view pageviews, visitors info, top pages etc from Superblog dashboard itself. (Only available in PRO and higher plans)

However, if you want to use Google Analytics to track your blog's pageviews and visitors then you can paste your Google Analytics tracking code here.

Image

Google Adsense (Auto Ads)​

If running Google Adsense is your revenue model then you can paste your Google Adsense Publisher code to display Auto Ads.

You can not use custom ad units in superblog. Only Auto-ads are possible.

Image

Meta Title​

You can add custom meta title for your superblog's homepage. If this is not entered then "{name}| {short description} is used as the meta title.

Meta Description​

You can add custom meta description for your superblog's homepage. If this is not entered then the excerpt of "description" is used as the meta title.

Hide Post Authors and Dates​

You can hide Author names and dates for all posts in this section.

Image

You can hide default menu items in footer by visiting settings>expert section.

Image

Use blog as root Url​

When you connect blog.example.com or example.com/blog to your Superblog, you can find this option in settings > expert section.

By default, clicking on your blog's logo will take you to example.com. However, if you want to send users to your blog's home page (blog.example.com or example.com/blog) when clicking on the logo, then you need to tick this checkbox.

Image

Send Email on Deploy​

You can choose to receive email notifications when your superblog is deployed. If you wish to not receive email notification for deploying your superblog, you can disable this setting.

Miscellaneous scripts (Custom JS)​

You can add custom javascript to your Superblog by visiting settings>expert section. It can be your own javascript or thrid-party widget code. For example: help chat widget, analytics tracking code, popup-scripts etc.

Image

Example​

<script>
    alert("hello");
</script>

Note​

  1. All the code entered here will be present in <body/> section of your Superblog.
  2. Adding unoptimized scripts or too many scripts might reduce the performance score of your Superblog.

Head scripts (Custom JS)​

You can add custom javascript to <head/> section of your Superblog by visiting settings>expert section. It can be your own javascript or thrid-party widget code. For example: help chat widget, analytics tracking code, popup-scripts etc.

Example​

<script>
    alert("hello");
</script>

Note​

Adding unoptimized scripts or too many scripts might reduce the performance score of your Superblog.

Custom CSS​

You can add custom CSS to your Superblog by visiting settings>expert section. This feature will allow you to modify your Superblog with fine changes.

Image

Example​

/* this will make the post's title align to the center of the page */

.post-title {
    text-align: center;
}

Live Superblogs​

Superblog's customers are very creative. They add beautiful CSS and JS to modify the look and feel of their Superblogs to match their needs.

View custom superblogs