Widget: Blog Name


About

Blog Name is a widget that contains the configuration of blog name and logo - (View). This widget also allows you to display a custom title (customizable text title).



Specification




Configuration



Description

name
This is the text content that will be displayed when the display_content configuration is set to name. When the value is set to -, it will use the blog name from the blogger dashboard settings. Try not to make it too long. Recommended between 5-15 characters.

Using HTML Tags For name, you can use simple HTML tags to set specific character size, color, and others decoration. Below is an example of using HTML tags: 

              
               NEOS <span class='w-color-main' style='font-size:12px'>DEMO</span>

The above value will produce a blog name like this: View.

logo_light and logo_dark
In most cases, one logo image cannot look ideal in both light and dark view mode. For example, if your logo is black, it will look not good when the view mode is dark. That's why we provide the logo option. You can prepare 2 versions of the logo for this purpose, for example, one black logo for logo_light, and one white logo for logo_dark.

Other Information:
  • The logo will only be displayed when the display_content configuration is set to logo.
  • Make sure both logos have the same dimensions.


How to prepare the logo URL:
  1. Go to Post Editor
  2. Upload the logo
  3. Switch to HTML writing mode, copy the logo URL located inside src="URL HERE" to each configuration - (View).

logo_dimensions
This configuration is needed for image resizing optimization. Make sure you define this data correctly. This data can be seen by uploading an image to the blog's Post Editor.

How to see image dimensions
  1. Go to Post Editor
  2. Upload an image
  3. Switch to HTML writing mode. In the image HTML, there is an attribute data-original-width showing the width dimension and data-original-height showing the height dimension. Use this data in the configuration. For example, for this image, the logo_dimensions configuration value should be 1362X416.

logo_display_height
By default, the logo will be displayed according to the header content height which is 50px (width will automatically adjust). In certain cases, this value may not be ideal. You can reduce this value through this configuration.

Others:
  • Minimum value is 20
  • Maximum value is 50
  • Recommended value is 30-50

display_content
The content to be displayed.
Value Content
name Text (name configuration)
logo Image (logo)
Have Question?