inflearn logo

AI-generated Homepage-style Naver Blog: From Skin Creation to Linking

Transform your Naver Blog into a website without the cost of expensive web development. Learn how to create a website-style blog skin yourself using Google Stitch and Figma templates, and discover how to connect menus, consultations, reservations, and store links using transparent widgets. Even if you don't know design or coding, following this course step-by-step will allow you to configure your blog's home screen like a professional introduction page and manage or edit it directly.

1 learners are taking this course

Level Beginner

Course period Unlimited

Figma
Figma
AI
AI
Figma
Figma
AI
AI

What you will gain after the course

  • Creating a Naver Blog skin yourself using a Figma template

  • Creating a blog skin draft in your desired style using Google Stitch

  • Connect links to menus, buttons, and image areas using transparent widgets

  • Connect to any page you want, including KakaoTalk consultation, reservations, Smart Store, and Instagram.

  • Utilize the 3 types of provided homepage-style blog skins and modify them yourself

How to turn your Naver Blog into a website: A lecture on creating a website-style blog

Are you currently running a blog,
but have ever felt disappointed because the main screen looks too ordinary?


If you felt burdened by the cost of hiring an agency,
and felt lost on where to start because designing and coding seemed too difficult to do yourself,
try creating your own homepage-style blog through this lecture.


This course is designed so that even those who are not familiar with design or coding can follow along
step-by-step to decorate their Naver Blog like a professional website.


You will learn everything from modifying Figma templates and creating skin images with your desired atmosphere using Google Stitch, to linking menus and buttons using transparent widgets.


The goal is not just to make it look pretty, but to design the blog's main screen as a landing page that allows visitors to easily navigate to consultation, reservation, purchase, and inquiry pages.


What is a Homepage-style Blog?

A homepage-style blog is a blog designed to make a standard Naver blog look like a professional website. When people think of a blog, they usually imagine a format where posts are simply stacked from top to bottom.


A homepage-style blog is not just a collection of posts; it is a format where elements typically found on a website—such as brand introductions, menus, service information, and inquiry buttons—are arranged on the main screen so that visitors can easily find the information they need.


For example, an academy blog could include menus for academy introduction, class information, schedules, and consultation inquiries, while a workshop blog could feature class guides, artwork photos, and reservation inquiry buttons. For online malls or personal brand blogs, you can link to Smart Stores, Instagram, KakaoTalk consultations, or portfolio pages, utilizing the blog as a comprehensive introduction page.


Why create a website-style blog?

To create a website, various costs such as domain fees, server fees, and production costs can be incurred. Of course, depending on the purpose, a separate website may be necessary, but in the beginning stages, the cost and management burden can feel significant.


Since a homepage-style blog utilizes the existing Naver Blog platform, you can create a professional-looking landing page without having to prepare a separate server or domain. Furthermore, because you can publish blog posts while providing information at the same time, it can be utilized as a landing page that connects users to promotions, inquiries, reservations, and applications.


By taking this course, you will be able to create things like this.

  • You can change a standard Naver Blog home screen into a skin that looks like a professional website.

  • You can directly create clickable areas such as top menus, image buttons, and consultation buttons.

  • You can connect visitors to your desired links, such as KakaoTalk consultation, Naver Reservation, Smart Store, Instagram, or external pages.

  • You can create a blog skin that fits your industry and atmosphere by modifying the provided templates.

  • You can create your own skin images in the style you want by using Google Stitch.

  • When there are events, seasons, or new classes and products, you can make updates yourself without having to request them from a company.


The benefits of being able to make it yourself

Hiring a professional might make the initial creation easier, but you often have to request changes every time you want to update a single line of text or swap out an image. However, if you can create it yourself, you can make edits the moment they are needed. You can add event banners during promotion periods, change the skin's atmosphere to match the season, and update menus and images yourself whenever new products or classes are launched. Once you learn the method, you can manage your blog more flexibly and for a longer period of time.


Recommended for these people

  • Those who are running a Naver blog but want to decorate the home screen more professionally

  • Those who want to use their academy, workshop, clinic, studio, shopping mall, or personal brand blog like a professional website

  • Those who find the cost of hiring an agency burdensome and want to handle simple edits themselves

  • Those who want to produce results by following along step-by-step, even if they don't know much about design or code.

  • Those who want to neatly organize links for consultations, reservations, purchases, and inquiries on their blog's main screen.

  • Those who want to change their blog skin themselves to match events or seasons


It's okay if you don't know design or code.

This course is not for professional designers or developers. We will proceed step-by-step, starting from installing the necessary programs, so that even those creating a homepage-style blog for the first time can follow along
in order. It's okay if you're new to Figma. It's okay if you've never heard of Google Stitch. It's okay if transparent widgets or link settings feel unfamiliar.


In the lecture, I will explain only the necessary parts in an easy-to-understand way
and guide you step-by-step according to the actual workflow.


This is how the lecture will proceed

First, we will easily learn what a homepage-style blog is and why it is necessary. Next, we will install the programs and fonts required for the lecture and learn how to import the class materials. After that, you will learn how to create a blog skin by directly modifying the provided templates. Then, we will cover how to connect links to menus and buttons using transparent widgets. Finally, we will learn how to create a blog skin image with the atmosphere you want using Google Stitch.


The goal of this lecture is simple.

It is not about making everything perfect like a professional designer, but about being able to create the screens your blog needs yourself and modify them directly whenever necessary.


Don't just leave your blog as a space for posting articles; transform it into a space where you can introduce your brand and guide visitors toward inquiries, reservations, and purchases.


It may feel difficult at first, but if you follow the lecture step-by-step, you will be fully capable of everything from modifying basic templates to creating a blog skin that captures your own unique atmosphere.


Now, transform your Naver Blog into a more professional, visually appealing, and highly functional space. We will build it together step-by-step from the very beginning in this homepage-style blog creation course.


Get started right now

Before hiring an agency or building an expensive website, try transforming your Naver blog into a website-style layout first. By following along with the lecture, you will learn how to create a skin that suits your blog, connect necessary links, and manage it yourself in the future. Start creating your website-style blog right now.

After completing this course, you will be able to create a blog like this yourself.

Basic Template

You will learn how to apply a single link to a transparent widget.

Multi-link Template

You will learn how to apply multiple links to a transparent widget.

What is covered in the lecture

  • This is a practice-oriented course, and upon completion, you will have a finished product that you can use immediately.


Section (1) Understanding Homepage-style Blogs

Look at the completed homepage-style blog and understand how a homepage-style blog is created.

Section (2) Follow Along

Configure settings for a homepage-style blog, such as transparent widgets, and learn how to link them using the templates provided in the lecture.

Section (3) Creating Your Own Skin

Find references and use the AI design tool Google Stitch to create a draft based on those references, then refine the details in Figma.

Section (4) Design Resources

We share free image and font websites so that you can create more diverse and colorful skins.

Benefits provided upon purchasing the course

🎁 3 types of ready-to-use homepage-style blog templates

  • Editable Figma files are provided.

  • Editing text, replacing images, and changing colors is all it takes to complete your blog skin instantly.


Recommended for
these people

Who is this course right for?

  • Those who want to decorate their Naver Blog professionally like a homepage

  • Those who want to change their blog's home screen themselves without paying for professional production costs.

  • Those who run blogs for academies, workshops, hospitals, studios, shopping malls, or personal brands.

  • Those who want to create a menu-driven blog that links to consultations, reservations, purchases, Instagram, etc.

  • Those looking for a blog creation course that can be followed even without knowledge of design or coding

  • Those who want to directly edit their blog skins to match events, seasons, or product changes

  • Those who want to create results quickly using AI design tools and Figma templates

Need to know before starting?

  • You can take this course even if you have no design experience or coding knowledge.

  • Even if you are using Figma for the first time, we will guide you so that you can follow only the parts necessary for the lecture.

  • It is enough if you are currently running a Naver blog or planning to create a new one.

  • You only need to be able to perform basic PC tasks such as copying, pasting, and opening files.

Hello
This is sahwang

514

Learners

25

Reviews

4

Answers

4.8

Rating

2

Courses

No-code Bubble.io provides an easy-to-follow guide so that anyone can turn their ideas into web services.

Go to Brunch

Curriculum

All

11 lectures ∙ (1hr 2min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

Similar courses

Explore other courses in the same field!

Limited time deal

$38,500.00

30%

$42.90