How to design website cover images on BlogCover

When designing a website, designing the cover image is one of the necessary operations to shape your website, as well as impress other people when visiting your website. There are many websites that support cover design users like BlogCover.

BlogCover does not require users to create an account to use, but it can also be designed. The site provides a full range of covers for users to design covers, from sizes, backgrounds, fonts, and other cover images. The following article will guide you how to design the cover page on BlogCover.

1. Guide to create a website for beginners
2. 6 leading website design companies in Vietnam
3. How to use Weebly to create websites on phones
4. How to create a website with Godaddy Website Builder

Instructions for creating cover images on BlogCover

Step 1:

We access the link below to access the homepage of BlogCover.

 https://blogcover.now.sh/ 

Step 2:

We proceed to set the cover image for our website. First of all in Properties we will see a series of attribute options for the cover image.

1. Blog: Select the blog you want to create cover images that the service supports (Dev.to, HashNode, Medium).
2. Width: Enter the width for the cover image.
3. Height: Enter the height for the cover image.
4. Format: Choose a save format for cover images.
5. Border: Select the border for the cover image.
6. Border Color: Choose the color for the border of cover photos.
7. Border Radius: Adjust the roundedness of the cover image.

How to design website cover images on BlogCover Picture 1

Then the cover image will have the first shape as shown below.

How to design website cover images on BlogCover Picture 2

Step 3:

Next we choose the background image for the cover image to replace the default cover image of the site. Click on the Background section to change the wallpaper. This section also has different content settings.

1. Background: Choose a different background color for the cover image if desired.
2. Background Image URL: Use the background image for web covers, paste the link for the cover image to use in the box below.
3. Use BlogCover's built-in background image: Below is the background image provided by BlogCover. If you want to change another wallpaper, select Try Another. If you want to use this wallpaper, select Use this image.
4. Darken Background: Darken the background image.

How to design website cover images on BlogCover Picture 3

Step 4:

Go to Font to write the cover photo title as greetings, introductions to create attention to others.

1. Font Name: Select the font you want to use. Can we enter the font name we want to use directly, or click the icon? to open the font in Google Fonts.
2. Heading Font Size: Choose a size for the main headline.
3. Summary Font Size: Choose a size for the extra text.
4. Font Color: You choose the color for the font.

How to design website cover images on BlogCover Picture 4

We then enter the content of the title into each specific line.

How to design website cover images on BlogCover Picture 5

The text can be adjusted position in the cover image area , by hovering the mouse over the cross arrow icon and then move to another position where you want to put the main or secondary title.

How to design website cover images on BlogCover Picture 6

Step 5:

If users want to use their images to add to the cover image , in the Insert Image section , we click Choose File to upload your image.

The Quick Insert part will be the icons if needed to insert into the image.

How to design website cover images on BlogCover Picture 7

Note that if you insert an image, BlogCover automatically resizes to fit the cover image, so we will not be able to resize it.

How to design website cover images on BlogCover Picture 8

Step 6:

If you are satisfied with the cover image you designed, then click the Download Image button in the upper right corner to download the cover image.

How to design website cover images on BlogCover Picture 9

BlogCover's interface can also be switched to a black background if desired when dark mode is enabled.

How to design website cover images on BlogCover Picture 10

BlogCover generally provides very simple, straightforward setup options when all content is classified into separate groups. Cover photos use the stock images BlogCover provides so there are more themes to choose from.

I wish you success!