, pub-9591068673925608, DIRECT, f08c47fec0942fa0 Blogger Tutorial -->


Search results

Showing posts with label Blogger Tutorial. Show all posts
Showing posts with label Blogger Tutorial. Show all posts

Tuesday, February 21, 2023

How to Change the Blogspot Domain to a Custom Domain is very easy at Niaga Hoster

    Blogspot is still one of the favorite choices for those who want to create a Blogspot. According to data owned by the BuiltWith website, currently Blogspot ranks second in the category of blogs in Indonesia.

    This platform is generally preferred because it can be used as a way to create a free website and is easy to use. In addition, Blogspot also provides various Attractive responsive Blogger templates.

    Blogspot has many advantages because we need to buy expensive hosting. The files hosted by Google are free forever and will not be lost even if our domain expires late and is extended by 1 month, the files will still be there forever. Unlike WordPress, the hosting is expensive and not free, and if our domain is renewed 14 days late, the data will automatically be lost forever and we will start all over again entering data one by one and which is very annoying.

    But there is the latest update from Google that since March 20, 2023, subdomains are no longer valid. You can no longer add or manage subdomains that are part of the Sites found on the Sites tab. Any subdomains in your account that are part of the Site will be deleted. this change will not affect ad serving or your earnings.

    Apart from being long and unattractive, using subdomains can reduce the credibility of your blog. Fortunately, you can replace it with a domain name of your own choice. Here, you will learn how to easily change your Blogspot domain.

Table of Content :

I How to Change Blogspot Domain Manually

1. Enter New CNAME in cPanel

1.1. Log in to the member area of your Niagahoster account

1.2. Click the Domain tab and the domain name to use.

1.3. Select the DNS Management tab, then click the Add New Record button.

1.4. In the Record Type column, select CNAME. 

1.5. Click the Save Changes button.

2. Point Domain IP to Google Server IP

3. Overlay Domain to Blogspot

II. Ways to Change Blogspot Domains Automatically

III. Why do you need to use a custom domain on Blogspot?

IV. Let's Replace Your Blogspot Domain with a Custom Domain!

I. How to Change Blogspot Domain Manually

How to change the Blogspot domain name manually is a rather long process, but it's easy to put into practice. Just follow the steps below This:

1. Enter New CNAME in cPanel

The first step is to add a new CNAME to your domain management panel's DNS management. Follow these steps.

1.1. Log in to the member area of your Niagahoster account

1.2. Click the Domain tab and the domain name to use.

1.3. Select the DNS Management tab, then click the Add New Record button.

1.4. In the Record Type column, select CNAME. Then fill in the "Subdomain" column with "www" and the Hostname column with "".

1.5. Click the Save Changes button.

2. Point Domain IP to Google Server IP

Still on the DNS Management page, you have to click the Add New Record button again. But this time the selected record type is A Record. Add the following 4 A records pointing to the Google IP. If an A record for "" already exists, you must delete the existing A record. After that, enter the following IP addresses one by one in the IPv4 Address field:

3. Overlay Domain to Blogspot

For the last stage, do the steps below:

3.1. Login to the Google account used for your Blog.

3.2. Click the Settings menu on the left side of the page.

3.3. In the Publishing section, click the "Custom domain" button.

3.4. Enter your custom domain in the column provided, then click the Save button. Keep in mind that Blogspot cannot use naked domains. Therefore, whatever your domain is, add www in front of it followed by a period before the domain name.

3.5. A statement will appear that you have not succeeded in connecting the domain with Blogspot. Do not worry. The purpose of this step is to display The Cname shown below the message. Cname Blogspot consists of two, named "Name" and "Destination". Copy the two Cname codes and leave this page open.

Sub Domain : 1, Hostname 2

3.6. Return to the DNS Management page in the domain panel. Click the Add new record button and select CNAME as the record type. According to the illustration above, enter the code on the left into the Subdomain field. Then enter the other code into the Hostname column. Click Save changes.

3.7. Reopen the Blogspot settings page and click the Save Record.

3.8. If it still fails, try clicking Save again until it works. The cause of this failure is propagation, which is the process of connecting your domain to the server Blogspot. This process can take up to several minutes.

II. How to Change Blogspot Domain Automatically

There is a shorter way for those of you who buy a domain name at Niagahoster. On Niagahoster, you can easily change your Blogspot to (dot) .COM using the One Click Blogspot Integration feature. Here are the steps:

1. You can immediately start by requesting a CNAME from Blogspot as previously explained.

2. Enter the DNS Management page on the Niagahoster account panel. Click the Custom Blogspot button.

3. A pop-up menu will appear containing the Domain and Value columns. Enter Cname in both fields as in the previous method. After that, click Save changes.

4. Return to the Blogspot settings page and click the Save button.

III. Why Do You Need to Use a Custom Domain on Blogspot?

    Don't rush to follow how to delete a blog on Blogspot. In fact, you can use a custom domain or a domain name that you choose yourself. Following is the reason for using a custom domain:

FLEXIBILITY. Subdomains cannot be moved to other platforms. If one day you decide to switch to a content management system (CMS) like WordPress, an existing blog address cannot be used on the new platform. You will lose if you already have many loyal readers.

    Hard to find on Google. When entering a search keyword on Google, most likely no blog from Blogspot will appear. Therefore, Blogspot is not the right choice if you want your blog to be famous.

    Not professional looking. Blogspot is not the right medium to build a brand. The amount of spam that is done with reduces the credibility of this platform.

    Hard to get backlinks. Backlinks are one way to make your blog easy for Google to find. But with the reasons above, the blog owner or other websites are usually reluctant to provide backlinks if you use Blogspot.

    Can be used to create emails. Domain owners can also create an email account with their blog name behind it, such as If used in a business context, of course, the email address makes you look professional.

IV. Let's Replace Your Blogspot Domain with a Custom Domain!

    Blogspot users usually get a subdomain, but you can replace it with a custom domain.

    There are several stages that must be passed in the replacement process, namely entering a new Cname, directing the IP domain to Google's IP server, and connecting the domain to Blogspot.

    Users who buy domains on Niagahoster can also do it in an easier way. You only need to get the Cname from Blogspot and copy it into the Blogspot custom menu in the Niagahoster domain panel.

    So, you are more confident about buying a domain at Niagahoster, right? If so, click the button below.


    Hope this guide is useful for you. If you have questions, you can leave a comment in the column provided below this article.

    Domains need not be expensive. Domain prices don't always drain your wallet. Several domain extensions such as .xyz, .online, and .site are available for a price affordable. You can even buy a cheap domain with a .site extension for only IDR 14,000 or US$1 at Niagahoster. Have a Nice Business.

Tuesday, January 4, 2022

How to create a blog from Zero to earn Dollar! 1000% Work


Photo: Dian Umbara ©

    How to Create a Blog - Nowadays, the use of the internet has become something that cannot be separated in everyday life, because all activities on average always involve the internet.

    Starting from buying and selling activities, ordering food, transportation such as Grab, schools, presentations, and even in our daily lives we always update on the internet through social media stories.

    Based on data analysis from the HootSuite website, internet users in the world reached 4.66 billion users.

    When you browse the internet to find the information you want to know, you must enter a website that provides that information, and the admin is sure you are familiar with the names of websites such as Wikipedia, Yahoo, Google, Yandex, Bing, Opera, Mozilla, etc.

    But do you know? We can use all of that to be an opportunity to make money as long as we can process the internet well.

    So how do you make money? Try now to open a new tab, then open the website, and try to see more details on the contents on my website! the contents of the ad when you want to open news? So from the ads that I manage the website can get AdSense in the form of dollars, yes dollars, you are not wrong.

Proof of Withdrawing Money from Western Union (WU) Through the POS Office. Dian Umbara ©

    And you can know that the lucrative income from the site can reach 20 million in just one dayas well as,, etc. 

    Take a look at, an ordinary person who started a blog from nothing to make billions.

Lindaikeji's blog 

    As proof, you can read in another article how to see other people's website earnings.

    How are you interested in creating a blog? If you are interested, keep reading this article to the end. Because in this article the admin will show you how to create a blog in the easy steps below.


What is a Blog?

    A blog is a website that contains content in the form of writing or posts that are always discussed by the Author discussing various topics. The blog will display the most recent posts after the old posts.

    You can also use blogs to share personal experiences, stories, fiction, and share knowledge with internet users. The blog is your diary in the internet world.

Here's the Difference Between a Blog and a Website.

    In a blog, there are three basic elements, namely the Author name, Date, and Category which are clearly visible on a posting page.

    Whereas in a website, these three elements are not present and at the end of a blog post there is a comment column to interact with the audience, which is two-way communication, while the website does not have a comment column.

    Blogs are dynamic because their pages and content are always updated regularly by the author, while websites are static or can also be dynamic such as news websites because the page is updated if there is an announcement or notification to the audience such as school websites, product websites and news websites, online store sites such as Shopify, Amazon, Alibaba as well as other websites.

    So we can conclude that a blog can be said to be a website if you have purchased a TLD (top-level domain) domain ending in com, net, org, etc., but a website cannot be called a blog.

How to Create a Blog from A to Z Until you get the first dollar.

    In creating a blog there are many considerations that must be considered so that you are not wrong in making decisions and actions.

    Such as your main goal in creating a blog and blog platform selection, niche/theme selection, domain name, hosting, and others. OK, let's discuss one by one!

Piles of Money from Monthly AdSense Earnings from Mas Dian Umbara. 
Photo: Dian Umbara ©


    In this case, the purpose of money is very important whether you build a blog just to share on the internet or want to earn? try to think again by yourself well so that you do not stop in the middle of the road in building a blog which in the end only takes time.

    If you want to create a blog to share knowledge or stories on the internet and have a hobby of writing, make sure that the journey of creating a blog will be easier and not stop in the middle of the road.

    But if you're aiming to build a blog to make money overnight, it's going to be more difficult, because you need to have patience and a deeper understanding of blogging.

    And most people stop in the middle of starting a blog because they have a goal of wanting to make money fast like magic, but they don't realize that making money from a blog is not something that can be easily realized in an instant and requires patience and a process. 

    My advice is if you create a blog hoping to share knowledge or stories on the internet, then making money will be easier.

Choosing a Blog Platform

    There are lots of platforms that you can use to build a blog. And each blog platform has advantages and disadvantages, therefore in choosing a blog platform you must consider it well. Here are some blogging platforms that you can use:

A. Blogger

Screen Shot of

Blogger platform

    Blogger is a platform provided for free by the Google company. Blogger was previously created by Pyra Labs and bought by Google in 2003.

    Blogger also has many features that are integrated with applications or services owned by Google such as access to Adsense, Adword, and Google Analytics available in it.

    In addition, the blogger platform also provides a free SSL certificate that serves as blog security to avoid hackers and so on.

    Currently, there are still a lot of blogger users because a simple Content Management System (CMS) makes it easier for users to manage blogs and the blogger platform is perfect for beginners like me.

Disadvantages of bloggers

    Do not have SEO tools to check blog performance and it is difficult to solve the problem of broken links. For SEO Tool, I am using

Advantages  of blogger (Free)

    It's free, you don't need expensive hosting, everything is provided by Google, you can also buy a domain on Google. Very easy to use, free hosting and domain ending in for free for its users. As well as a menu display that is easily customizable for beginners.

Read also how to create a blog on the blogger platform

Dashboard WordPress is a web hosting company that uses the WP content management system for all of its blogs. After creating an account, users will get a subdomain for their blog. However, if you intend to use your own domain, you must subscribe to the paid plan. Like any free service,'s free plan also has its limitations. In you are required to buy a certain hosting package (expensive) in order to be able to adjust the appearance and add certain features or add ons, plug-ins. is a type of WordPress platform that is intended for users who want to create a website with a subscription to their own hosting and domain (self-hosted). This platform will be downloaded to your hosting account. To maximize its functionality, you can install plugins and themes from the available collections.

WordPress Advantages and Disadvantages

    WordPress is beginner-friendly because it is easy to use. On the other hand, because of the many powerful and modifiable tools, WordPress is also for professional users and web developers. Here are some points that are the advantages and disadvantages of CMS WordPress.

Advantages of WordPress

1. Low cost. You just need to subscribe to a hosting service and buy a domain. WordPress plugins, themes, and the software itself can be used immediately for free.

2. Easy setup and updates. Unlike other CMS, WordPress does not require a lot of configuration and can be updated with just one click.

3. Easy to manage. You don't have to master programming to perform daily tasks, such as writing and editing posts, uploading and editing images, managing users, adding menus, and installing plugins and themes.

4. Customizable design. WordPress has thousands of themes that you can use right away. Choose a theme and adjust the appearance of the design to the niche of your blog or website. There are many themes for all types of websites, for example, restaurant themes, health world themes, small business themes, food blog themes, etc.

5. Added functions. WordPress provides plugins for all the functions you want to bring to your website. For example, there are plugins for search engine optimization and there are also plugins for event bookings.

6. Great community. Because many use WordPress, the community is large and spread across a number of countries. If there are problems or you want to ask questions about WordPress, you can ask the local community directly or look for other sources on the internet.

7. Open-source. There is no fee to be paid to be able to use the WordPress software.

Disadvantages of WordPress (Expensive)

1. Low security. Over 35% of websites are built on WordPress, and this makes them vulnerable to hacking. Secure your website by installing a security plugin.

2. Content from third-party services. Most of the plugins and themes are developed by third-party developers. No wonder there are errors or bugs. My advice is always to read descriptions and user reviews before installing a new plugin or theme. Feel free to ask the WordPress community if you're not sure about the security of the plugin or theme you've chosen.

3. Loading time. Installing a lot of plugins will slow down the loading speed of the website. One solution to reduce loading times is to install a cache plugin.

4. Hosting is very Expensive.

What Websites Can Be Created in WordPress?

    Apart from being a CMS, this platform can also be used as a tool to create various types of websites. Here are some examples of websites that can be created in this most popular CMS.


    Since it was first released until now, WP is still a blogging platform that continues to be used. To create a blog, you can start by subscribing to a basic hosting plan first. After that, if the traffic increases, upgrade the hosting to a more premium plan which offers many features and functions.

Portfolio Website

    This platform is widely used by artists, photographers, musicians, writers, and other art workers to create portfolio websites that showcase their work. There are many portfolio themes it provides as well as on third-party sites. Each theme has a variety of features, such as image galleries, lightboxes, and portfolio grids.

Business Website

    If you have a small and medium business, this platform can be the best choice for you to create a business website. However, over time, more and more large-scale businesses are using it as a platform for their websites.

Website for Charity Events

    The maintenance cost of this platform is not so high. Operation is also very easy, even for novice users. These two advantages of WordPress make it often used as a platform for websites for charities and religious institutions. With it, various non-profit organizations can have official websites with adequate functionality.

Online Store Website

    To create an online store on this platform, you don't need to understand a programming language first. With the most installed eCommerce plugin, namely WooCommerce, you can create an online store that is rich in features, such as shopping carts, order management, checkout pages, refunds, and so on.

Examples of Successful WordPress Websites

    WordPress is indeed better known among bloggers and also small and medium business owners. However, this does not mean that this CMS cannot be used by companies, organizations, and even well-known people.

Here are some examples of successful websites going online on WordPress:

1. The New Yorker

Website The New Yorker

All structures and displays of The New Yorker digital magazine are fully supported by WP.

2. TechCrunch

TechCrunch Website 

    TechCrunch is the site to always go to if someone is looking for information on the latest technology and startups. It's no secret that sites like TechCrunch choose WP as their website platform.

3. Sony Music

 Sony Music Website

   Sony Music is a successful music company and commercial brand in the market. The website itself is created and online on this platform.

4. White House

 White House Government Website

    Who would have thought that the White House Government also trusted WP as its website platform?

5. Beyonce

 Beyonce Website

    WordPress is widely used by artists, including BeyoncĂ©. Through his website, this black singer interacts with his loyal fans.

D. Joomla Platform

    Joomla is one of the popular blogger platforms that is also used but to be able to activate a blog site you need to pay to buy hosting and a domain to publish your blog to be online on the internet.


    Good knowledge and skills are needed to be able to operate the Joomla platform because it is difficult to use compared to WordPress and technical matters such as security protection and manual backups.


    There are many templates that you can use to customize the look you want and you can add extensions to bring out the features you want to use.

    Those are some of the blogger platforms that the admin recommends for you because these platforms are the most popular ones that are widely used by bloggers.

Google Adsense results in my mentor, Master Dian Umbara
Photo: Dian Umbara ©

    The admin recommends that you choose a blog platform only because it is very good for beginners like me and can still make money. If you've learned WordPress, there's no harm in moving to WordPress one day, because large sites generally use WordPress.

    But if you are still a beginner and still learning better choose the blogger platform. Because the blogger is a platform that is suitable for beginners and easy to use and can also make money like my mentor above with a table full of money using only a Core Two Duo computer.

Our next step is to discuss the Niche. Let's take a good look!

E. Choosing a Niche (Topic)

    Niche is a topic or the main topic of a blog which means the blog discusses one thing such as technology, health, education, tutorials, and much more.

    In determining a good theme, you should do research first through AHrefs, Semrush, Keyword Everywhere to find out which themes might know the low or high competition.

    In the niche there are also several sections such as a mixed theme that discusses all mixed topics, then there is also a niche that discusses one topic, namely choosing one of many niches such as the blog which discusses the topic of oil and gas, the blog chooses a niche oil and gas.

    And there is also a microniche, which is a discussion of blog topics that are more specific, such as an example of a technology niche blog but the discussion of technology is very broad and a microniche blog chooses only one topic, for example discussing gadget technology.

    And these are some recommendations for niche choices from admins who have very large Cost Per Click (CPC) such as Technology, Online Business, Health, Education, Traveling, Electronic Products, Beauty and Fashion, Entertainment, Insurance, Education, Property, Automotive, Insurance Lawyer, Accident Lawyer.

Adsense high CPC

    In this step, I assume you understand the niche and have determined the niche.

Now we enter the discussion of the domain selection step

F. Choosing a Domain Name

    The domain is something that you must consider to build a good brand name reputation and is also easy to remember by the audience.

    There are so many existing domain names that you can choose from, such as .com .xyz .website .site .online. me. org, and many more.

    You can also buy old (used) or new domains, but finding old domains is a bit difficult because most old domains have a lot of problems with high spam scores or are former websites that have a history of not having a good reputation on the internet.

    Therefore, the admin recommends buying a new (new) domain instead of an old (used) domain.

G. Choosing Web Hosting

    Hosting is the most important thing for a website/blog because hosting is like a house whose function is to accommodate a large audience.

    In hosting there are also several options such as Shared Hosting, VPS hosting and Cloud hosting. Let's discuss them one by one.

1. Shared Hosting

    Shared hosting is a service used by many websites/blogs therefore you have to share space with other websites/blogs.

Shared hosting is always optimized and monitored for every website having equal and fair power for every website owner

Advantages :

- low price and very easy to use.

- server and uptime managed by the hosting provider.

- easy to install blogger platform.

- get 24-hour service.

Disadvantages :

- can't do root access

- share server resources with other people's websites

- limited configuration

2. VPS hosting

VPS is a Virtual Private Server which means a hosting service that gives more freedom and control to its users. The operation also requires understanding/skill so that it is not too difficult to use.

Advantages :

- the user has the freedom to fully control the server owned

- user can change settings from server-side

- get a dedicated IP address

- can do root access

Disadvantages :

- very difficult operation of other hosting types

- requires users to have a technical understanding of VPS hosting

- requires users to have good server management

3. Cloud Hosting

    Cloud hosting services are a mix of sophistication and server and shared hosting simplicity. Cloud hosting is commonly used for those of you who are managing businesses and various small and large companies.

    Cloud hosting is not like shared hosting which includes all your server resources and does not share with other people's websites.

Advantages :

- Get resources and a dedicated IP address.

- Resource server used for one person only

- Can upgrade account from shared hosting

- Has 1 click installer tools for blogger platform

- Get 24-hour customer support

Disadvantages :

- Unable to do root access

- Limited configuration options

- Very high cost compared to shared hosting.

H. Understand the Science of Search Engine Optimization (SEO)

    SEO is a term that you must master because the main key in the development of a blog's success is in SEO.

    SEO is an abbreviation of search engine optimization which means search engine optimization to determine giving a good place on Google pages.

    In analyzing the SEO score of a website/blog. You can use tools for SEO purposes such as Ahrefs, Ubbersugest, Keyword Finder, Semrus, Keyword Everywhere, and others.

I. How to make money from a blog

There are many ways to make money from a blog such as the ways below:

1. Google Adsense

Google Adsense Dashboard

    Google Adsense is a company owned by Google that manages an advertising program that is very popular in today's era.

    And to work with Google Adsense you have to create a quality blog, interesting and have good traffic. Just follow the steps to create a blog above if you want to have a website/blog that is attractive and has traffic.

    But don't despair if you can't work with Google AdSense because there are other Adsense alternatives that you can use, for example, MGID, PopIn, Adsterra, Propeller Ads, Admob, etc.

2. Affiliate Program

    Affiliate is a profit-sharing program that works by promoting other people's businesses as attractively as possible on your blog.

    For example, if you work with a web & hosting company, Niagahoster, then your job is to find consumers or customers for Niagahoster, so you get bonuses and money from Niagahoster.

    Even if you are smart in finding consumers. Then the income will be much greater than Google Adsense.

3. Content Placement

    If your blog has a lot of traffic then there is no need to worry. Because there will be lots of people contacting you to offer cooperation through content placement.

    Content Placement is another person who is a guest writer or sends articles to be posted on your blog account which later inserts a link to that person's blog to get a backlink from your blog. And each backlink has a relative price depending on the specifications and blog traffic.

4. Unlock Services

    If you are a reliable blogger, you can also offer your audience to use your services such as article creation services, website creation services, maintenance service sites, and website optimization services that you have mastered.

5. Unlock Ad Banner Slots

    Creating empty space on your blog for advertising banners from other people's efforts can be an additional income that you can take advantage of.

6. Selling Your Own Products

    Selling your own products is one of the best ways to make money from a blog. The reason is that by selling your own products, you can earn many times more than using other monetization methods.

    If you use this method, you can say you don't make money from your blog directly, because the income you get is from selling. While the function of the blog that you manage will only be a place to promote the products you sell.

Indeed, what can be sold through a blog, Bro?

Products that can be sold through blogs are divided into two types.

Namely physical products and digital products.

    For physical products, almost anything can be sold through blogs. But of course, the products that are sold must be in accordance with the topic of your blog.

For example, your blog discusses birds, so you can sell bird medicine.

For example, your blog discusses motivation, you can sell motivational books.

For example, your blog discusses gadgets, you can sell gadgets, and so forth

As for digital products that can be sold through blogs, usual products such as:

- Ebook (Electronic Book)

- Videos

- Audio

- Software

- Website Themes

- Plugins

- Image design, like mine and


    Selling your own products through blogs is certainly not an easy thing. First, you must have a product to sell, second, you must be able to find targeted blog visitors to buy the product you are selling.

J. Conclusion

    So building a website/blog is very easy, there are many important aspects that you must prepare, and once again don't choose the wrong blog theme so that it is not empty of visitors.

    And the steps above the admin write based on personal experience and other knowledge that the admin applies in building a blog.

    Are you interested in creating a blog? Look again at the data of internet users in the world! do you see an opportunity? There is a huge opportunity to sell online or sell graphic design assets.

My Mentor Master Dian Umbara with His Car Toyota Fortuner from Google Adsense
Photo: Dian Umbara ©

    Admin's message for you newbie bloggers don't despair or be afraid that your blog will be empty of visitors because of big media such as the Tribunnews network because it all depends on the pilot or admin, how do you take care of and manage your blog until earning like me!

My Channel

    But the admin is also still a beginner too Ha Ha Ha Ha

It's Okay. Admin feels that it's enough to discuss how to create a blog from A to Z for making money and hopefully, this article can be useful for all of you! if there are still shortcomings, please comment below to add.


Photo: Agus Rudi Purnomo ©

Photo: Agus Rudi Purnomo ©

My Goolge Adsense

My dollar from Google Adsense 

My dollar from Google Adsense 

My dollar from Google Adsense 

Money from Google Adsense 

Photo: Agus Rudi Purnomo ©

Thursday, October 14, 2021

VioMagz Blogger Template Setting Guide



1 Installing the Template 

2 Adding a Navigation Menu (Header) 

3 Displaying Static Page Menu (Footer) 

4 Adding Social Media Icons 

5 Editing the Template Setup Code 

6 Replacing Blog Title with Logo 

7 Editing Posts in Footer 

8 Changing Favicon 

9 Show/Hide Labels, Dates, Comments, Etc. 

10 Enabling LazyLoad on AdSense Ads 

11 Frequently Asked Questions 

Below is a guide on how to install and set up the latest version of the VioMagz template.

1. Installing Templates

There are two methods that can be used to attach a template to a blog.

The first method is to copy the new template code and paste it into the blog manually via the Theme menu > edit HTML. This method is recommended if your blog changes to a different blog template. The reason is to avoid errors because the old template code is mixed with the new one. 

The second method is by uploading the template file directly to the blog via the Themes > Restore menu. This method is recommended if your blog installs the latest version of the same template. 

Below I explain how to install the template using both methods:

Method of Installing Manual Template Code:

#1. The downloaded file must be unzipped first. Inside the .zip file, there is a file with the extension .xml, so we need to copy all the code in the file.   

#2. Open the template file with .xml extension using a text editor program ( eg notepad ) and copy all the code in it.  

#3. I recommend doing a backup of the template to be replaced.

Go to the “Themes” menu > Click the menu icon (three dots) > “Backup” > “ Download ”      

#4. Once backed up, then you just put the code that has been copied to the blog via the HTML edit menu. 

Go to the “Themes” menu > Click the menu icon (three dots) > Click “ Edit HTML ” > Delete all the old template code > Paste/Paste the new template code > Click the Save button .     

Direct Upload Method:

#1. The downloaded file must be unzipped first. Inside the .zip file, there is a file with the extension .xml, so the file will be uploaded directly to the blog.   

#2. Second, do a backup of the template that will be replaced. The method is the same as the first method.

#3. Next, you just need to upload the template file to your blog.

Go to the “Themes” menu > Click the menu icon (three dots) > Click “ Recover ” > Click “Upload” > Select the template file on your computer.      

2. Adding a Navigation Menu (Header)

Go to the “ Layout ” menu > edit the widget “ Navigation Menu Code ” > then enter this code in the widget content section:

<li><a href=" # "> Sample Menu</a></li>

Replace the one marked RED with the destination URL, for example, if you want the menu to point to the label page, then fill it with the label URL.

Those marked with GREEN are also replaced as desired.

If you want to add another menu, just copy the code and paste it right below it.

Adding a menu with a submenu

To add a menu accompanied by a submenu, use this code:

<li class="has-sub"><a href=" # "> Main Menu </a>


    <li><a href=" # "> Submenu One </a></li>

    <li><a href=" # "> Submenu Two </a></li>

    <li><a href=" # "> Submenu Three </a></li>



Put the code just below the previous menu code.

Replace the ones marked RED with the destination URL, and the GREEN ones are replaced with the menu names as needed.

3. Displaying Static Page Menu (Footer)

Go to “ Layout ” > edit widgetStatic Page Menu ” > check the pages you want to display in the menu > click “ Save

4. Adding Social Media Icons

Go to “ Layout ” > edit widget “social media icons” > enter this code in widget content section:

<a aria-label=" facebook-icon " href=" # "><span class="social-icon facebook-icon"><i></i></span></a>

Edit the GREEN marked with the name of the social media icon used and the yellow marked with the URL of your social media account.

If you want to install more than one social media icon, just copy the code and change the name of the social media icon.

Here are some names of social media icons available in the VioMagz template:















Icon names must be all lowercase.

5. Editing Template Settings Code

Some features of the template can be set via the “ Template Settings Code ” widget available in the layout.

To edit it, please go to the " Layout " menu > edit the widget " Code Settings template ".

After that, my friend enter this code in the widget content section:


var vioMagzSetting = {

   relatedPosts: true,

   Number ofRelatedPosts: 4,

   relatedPostsThumb: true,

   numberedPageNav: true,

   per Page: 8,

   readAlso: true,

   numberReadAlso: 3,

   TitleRead Also: "Read Also",



Here's an explanation of the code:

* relatedPosts

Fill in true to enable the related posts to feature, or fill in false to disable it.    

* number ofRelatedPosts

Number of posts that appear in related posts under posts Edit according to taste.

* relatedPostsThumb

Fill in true to display related posts with thumbnails, or fill in false to display related posts without thumbnails.    

* numberedPageNav

Fill true to enable numbered page navigation feature. or fill in false to disable it.    

* perPage Equate

number with the setting for the number of posts that appear on the homepage

* readAlso

Fill in true to enable the related posts to feature in the middle of the post, or fill in false to disable it.    

* number of Read Also 

number of posts that appear in related posts in the middle of the post, edit according to taste.

* title Read Also

Title-related posts in the middle of the post, edit according to taste.

6. Replacing Blog Title with Logo

First, make sure you have created a logo image. Free logo size, any size can.

Second, go to “ Layout ” > edit “ Headerwidget > Upload image > in the “ Placement ” section select “ Besides title and description ” > Save.

7. Editing Posts in Footer

Go to “ Layout ” > edit widget Footer Text ” > in the widget content section enter any text you want to appear in the footer > save.

8. Changing Favicon

Go to the “ Settings ” menu > “ Basic ” > “ Favicon ” > Upload your friend's favicon.


* Make sure the favicon image is square and no more than 100KB in size.

* If the Favicon doesn't change in the browser, clear the browser cache first, then check again

* If the Favicon doesn't change on Google, please be patient, it may take some time and it won't change automatically.

9. Show/Hide Labels, Dates, Comments, Etc.

Go to “ Layout ” > edit the “ Blog Posts ” widget > check the ones you want to display, uncheck the ones you don't want to be displayed> Save.

10. Enabling LazyLoad on AdSense Ads

In the VioMagz template version 4.6.0 and above, you can activate the LazyLoad feature on AdSense ads.

How to activate it is quite easy, my friend only needs to edit a little AdSense ad code installed on the blog.

In every AdSense ad code there is generally a code like this at the top:

<script async src=''></script>

Well my friend just need to edit the code to be like this:

<script>Defer.js('', 'adsense', 3000);</script>

For Auto Ads

This LazyLoad feature can also be applied to auto ads.

The trick is to change the auto ads ad code to be like this:

<script>Defer.js('', 'adsense', 3000);</script>

Place the code above the </head> code or it can be in the " Custom JavaScript Footer " widget  


* Replace 1234567890xxxxxx with your AdSense account ID  

* Don't put the code under the <head> code. If you put it there, the lazyload feature can't work. 

11. (FAQ)

The widget does not appear / Displays Error

First, make sure to check the option " Visible " in the widget settings

If it still doesn't appear or it looks like an error, try removing the widget first and then reinstalling it.

Related Posts Image Not Appearing

The solution can be read here 

There's a post that doesn't appear on the homepage

The solution can be read here 

What is the Recommended Logo Image Size?

The recommended logo image size or resolution for the VioMagz template is 300x50px.

What is the recommended post image size?

It is recommended to use post images with an aspect ratio of 16:9.

For example, if the width of the image is 800px then the height is 450px.

To calculate the aspect ratio, you can use this tool: 

How to Install the Download Button in Posts

Edit the post for which you want to have a download button in HTML mode.

Put this code in the post:

<div style="text-align: center;">

<a class="buttonDownload" href=" #">Download</a>


Edit the RED hash mark with the destination URL.

How to Maximize Loading Speed

Make sure the Navbar widget is disabled via the Layout menu

Compress every image used on the blog, be it a logo image, post image, or profile picture. For how to compress images, you can use the online tool 

Limit the number of widgets installed on the blog. Just install the widgets that are really needed

How to Place Ads in the Middle of Articles

First login to “ Blogger ” > “ Layout ”

At the bottom of the blog post, there are 4 widgets for installing ad code. The widgets are:

Article Top Ads

Central Ads Article 1

Middle Ads Article 2

Article Bottom Ads

Click edit on the widgets and paste the ad code.

How to Set Ad Locations in the Middle of Articles as You Want

The ad widget in the middle of the article automatically shows the ad in the middle of the post.

The ad in the middle of the first article appears in the first 20% of the post, while the second ad appears right in the middle of the article.

You can also set the location where the ads will appear as you wish in each post. The method is as follows:

For ads in the middle of the first article copy this code:

<br id="ad1"/>

After copying, edit the post using HTML mode, after that put the code above in the location you want, for example at the end of the first paragraph. Later the ad will appear according to the location of the code.

For the second ad the same way, quite a change ad1 be ads2.   

How to Install Meta Description

The meta description installation guide can be read here. 

How to Install Meta Keywords

Meta keywords actually have no effect on SEO.

But in this template, it is still installed and has been set automatically, so there is no need to install it manually.

How to Install Table of Contents on Static Pages

Please create a new static page. In the page editor select HTML mode, then put this code:

<div class="tabbed-toc" id="tabbed-toc"><span class="loading">Loading…</span></div><script>/*!

 * Blogger Tabbed Style Table of Content Widget by Taufik Nurrohman

 * Free for change but keep the original attribution.

 * URL:


var tabbedTOC={blogUrl:" https://MONITORINGOIL.COM/ ",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize: 60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQm["January,""July["January,""June[" ,"August","September","October","November","December"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' – <em style="color:red;">New!</em>'};

!function(a,b){var c=(new Date).getTime(),d={blogUrl:"",containerId:"tabbed-toc",activeTab:1 ,showDates:!1,showSummaries:!1,numChars:200,showThumbnails:!1,thumbSize:40,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjbIm4UAAQLOAAAQIm4U. February","March","April","May","June","July","August","September","October","November","December"],newTabLink:!0,maxResults :99999,preload:0,sort Alphabetically:!0,showNew:!1,newText:' – <em style="color:red;">New!</em>'};if("undefined"==typeof tabbedTOC)tabbedTOC=d;else for(var e in d)d[e]="undefined" !=typeof tabbedTOC[e]?tabbedTOC[e]:d[e];a["clickTabs_"+c]=function(a){for(var b=document.getElementById(d.containerId),c=b. getElementsByTagName("ol"),e=b.getElementsByTagName("ul")[0],f=e.getElementsByTagName("a"),g=0,h=c.length;h>g;++g) c[g].style.display="none",c[parseInt(a,10)].style.display="block";for(var i=0,j=f.length;j>i;++ i)f[i].className="",f[parseInt(a,10)].className="active-tab"},a["showTabs_"+c]=function(e){for(var f= parseInt(e.feed.openSearch$totalResults.$t,10),g=d,h=e.feed.entry,i=e.feed.category,j="",l=0;l<(g. showNew===!0?5:g.showNew)&&l!==h.length;++l)h[l].title.$t=h[l].title.$t+(g.showNew!= =!1?g.newText:"");h=g.sortAlphabetically?h.sort(function(a,b){return a.title.$t.localeCompare(b.title.$t)}):h ,i=g.sortAlphabetically?i.sort(function(a,b){return a.term.localeCompare(b.term)}):i,j='<span class="toc-line"></span ><ul class="toc-tabs">';for(var m=0,n=i.le ngth;n>m;++m)j+='<li class="toc-tab-item-'+m+'"><a onclick="clickTabs_'+c+"("+m+');return false; " onmousedown="return false;" href="javascript:;">'+i[m].term+"</a></li>";j+="</ul>",j+='<div class="toc-content">' ;for(var o=0,n=i.length;n>o;++o){j+='<ol class="panel" data-category="'+i[o].term+'"', j+=o!=g.activeTab-1?' style="display:none;"':"",j+=">";for(var p=0;f>p&&p!==h.length;++p){for(var q,r=h[ p],s=r.published.$t,t=g.monthNames,u=r.title.$t,v=("summary"in r&&g.showSummaries===!0?r.summary.$t. replace(/<br *\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0, g.numChars)+"…":""),w=("media$thumbnail"in r&&g.showThumbnails===!0?'<img class="thumbnail" style="width:'+g.thumbSize+ "px;height:"+g.thumbSize+'px;" alt="" src="'$thumbnail.url.replace(/\/s\d(\-c)?\//," /s"+g.thumbSize+"-c/")+'"/>':'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px ;" alt="" src="'+g.noThumb.replace(/\/s\d(\-c)?\//,"/s"+g.thumbSize+"-c/")+'" />'),x=r.category||[],y=g.showDates?'<time datetime="'+s+'" title="'+s+'">'+s.substring(8,10 )+" "+t[parseInt(s.substring(5,7),10)-1]+" "+s.substring(0,4)+"</time>":"",z=0,;A>z;++z)if("alternate"[z].rel){[z].href;break}for(var B=0,C=x.length;C>B;++B){var D=g.newTabLink?' target="_blank"':"";x[B].term===i[o].term&&(j+='<li title="'+x[B].term+'"',j+=g. showSummaries?' class="bold"':"",j+='><a href="'+q+'"'+D+">"+u+y+"</a>",j+=g.showSummaries? '<span class="summary">'+w+v+'<span style="display:block;clear:both;"></span></span>':"",j+="</li> ")}}j+="</ol>"}j+="</div>",j+='<div style="clear:both;"></div>',b.getElementById(g.containerId) .innerHTML=j,a["clickTabs_"+c](g.activeTab-1)};var f=b.getElementsByTagName("head")[0],g=b.createElement("script");g. src=d.blogUrl.replace(/\/+$|[\?&#].*$/g,"")+"/feeds/posts/summary?alt=json-in-script&max-results="+ d.maxResults+"&orderby=published&callback=showTabs_"+c,"onload"!==d.preload?a.setTimeout(function(){f.appendChild(g)},d.preload):a.onload=function( ){f.appendChild(g)}}(window,document);</script>

Replace the one marked RED with your URL blog's address.