Free hosting Account and earnings blogger guides for beginners and professional
Blogger Post number one is your gateway to free hosting that not only offers a creative space for your online ventures but also the potential to earn through Google AdSense. We're here to share an exclusive tip on how to transform your website's layout, making it uniquely yours in just a few simple steps. Say goodbye to generic designs and hello to your personalized online masterpiece!
.First-step: Begin your blogging journey by signing up on Blogger.
.Second-step: Craft your website's identity by selecting a name that resonates with your content.
.Third-step:Navigate to the left corner and locate the sidebar icon.
:Last-step:Find the 'Themes' option in the menu and click on it.
Dive into the creative process by choosing 'Edit Theme' and select all final paste this code into and 'save' you may back to edit and changing css however you want of your website layout
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang='en-US' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>
<head>
<!-- Include data from 'blog' in the header -->
<b:include data='blog' name='all-head-content' />
<title>
<!-- Set the title of the page from the blog's pageTitle -->
<data:blog.pageTitle/>
</title>
<!-- Define viewport settings for responsive design -->
<meta content='width=device-width, initial-scale=1' name='viewport' />
<!-- Define custom CSS within CDATA -->
<b:skin>
<![CDATA[
/* Custom CSS code goes here... */
]]>
</b:skin>
</head>
<body>
<div id="blog-wr beapper">
<header>
<!-- Define a header section with a Header widget -->
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
</b:section>
</header>
<div id="content-wrapper">
<div class="content-table">
<div class="content-row">
<b:section class='main column' id='main' showaddelement='yes'>
<!-- Define a mai CTn content section with a Blog widget -->
<b:widget id='Blog1' locked='true' title='Blog Posts Section' type='Blog' />
</b:section>
<aside class="column">
<b:section class='sidebar' id='sidebar' maxwidgets='' showaddelement='yes'>
<!-- Define a sidebar section (empty in this code) -->
</b:section>
</aside>
</div>
<div>
<!-- Additional content (empty in this code) -->
</div>
</div>
<footer>
<div>
<!-- Display copyright information with the blog title -->
Copyright © 2019 <strong><data:blog.title/></strong>
</div>
</footer>
</div>
</div>
</body>
</html>
