Barry  Powell

Barry Powell


How To Start A Blog For Beginners [NO CODING]

How To Start A Blog For Beginners [NO CODING]

So you have decided to start your own very blog? … Congratulations, creating a blog is a beautiful thing; it gives you an opportunity not only to communicate and share information online but also to earn money while doing it.

There are millions of blog online, most of them started humbly like you are about to do, so any day you delay because you are afraid is another day wasted. This article will teach you everything you need to know to make a WordPress blog in 2020.

Music Provided By: They’ve got awesome free tracks that anyone can use!

Blogging is a great way to let out your views and a chance for you to train, inform or inspire others through your contents to see how to start a blog for beginners 2020. Of course, with right monetization technique you can make money while you are at it. Creating a blog can take up to 30 minutes depending on how fast you are in understanding this tutorial and other tools you may have gathered.

What You Need To Set Up A Blog

Before you can be able to set up a blog, there are few things that you need to get ready before you read this blog for beginners guide, they include:

Decide on niche you want to blog about
Choose a platform for your blog
Choose a domain name
Set up web hosting
Install WordPress

This five action steps will help you create and how to start a Blog for beginners 2020 that you will be proud of.

Why Do I Choose WordPress For Your Blog?

WordPress is not the only platform where you can create your blog. There is a free platform called Blogger which is owned by Google and has no upfront financial cost but may cause you a lot in the long run. Undoubtedly, WordPress is the best platform (as you will se in this how to start a blog for beginners 2020 video) to create your blog due to many reasons which includes:

Most Popular Platform

By choosing WordPress for your blog, you are joining millions of webmasters using WordPress

Professional WordPress themes, designs and plug-ins make your blog look absolutely professional.

Huge Support

There is a huge support for WordPress so you are never alone.

Easy To Customize

How to start a blog for Beginners 2020 - Customizing your WordPress blog is as easy to writing an article on Word. It only takes a few minutes to make your blog look exactly how you want it.
Now we have decided to go with WordPress, let’s go now and get you your dream WordPress blog!

Step by Step Guide On Creating Your WordPress Blog

Before you can set up your blog, you need to purchase a domain name and web hosting. Without these 2 important components, your blog will not exist. You will need this if you are starting a wordpress blog for beginners.

Choosing A Domain Name

Your domain name is your website address. It is this address that people use to come to your website.

Set Up Your Web Hosting

There are thousands of web hosting companies out there but you need to make an extensive research before choosing the right one for you. Your web host is like your shop, if they are having problems that mean that your store will always be closed. Even a sewing blog for beginners and Web hosting cost about $5 per month when you learn how to Start a Blog for Beginners 2020

Installing WordPress

Once you’ve decided on and pay for your web hosting. The next thing is to install WordPress on your web host platform so that we can begin our blogging
Once you have installed your WordPress, you can edit your email address, username and password as your deem fit

Selecting Your WordPress Theme

A WordPress is a pre-designed template that you can customize as you want. Choosing a WordPress theme is very important; selecting a bad-looking theme will make your blog look amateur. This will teach you how start a blog for beginners 2020 because there are many free and paid theme, but I will advice that you go for the paid ones.

Choose a theme that is relevant for your niche, whether your blog is about music, news, tech, football, health etc. you’ll have a WP site theme that is good for you.

How To Start A Blog For Beginners 2020

Blogging on WordPress

Use your username and password created when installing the WordPress to log in.

You can customize the appearance of your blog as you want. Now you can begin posting to your blog. Remember to post only unique and in-depth content that talks on what people are looking for so that you can build a huge readership.

The success or failure of your blog depends on traffic you are getting, so your major challenge when learning how to start a blog for beginners 2020 now should be how to get more people visiting your new blog… Meanwhile congratulations on creating your blog.

Note: To keep these video tutorials free, I make a small commission every time you purchase through these links in the description.

@Create WP Site (Create WP Site)

#developer #wordpress

What is GEEK

Buddha Community

How To Start A Blog For Beginners [NO CODING]

How to Create Pure CSS Tabs with Indicator using only HTML & CSS

In this blog you’ll learn how to create Pure CSS Tabs with Indicator using only HTML & CSS.

To create pure CSS tabs with Indicator using only HTML & CSS. First, you need to create two Files one HTML File and another one is CSS File.

1: First, create an HTML file with the name of index.html

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pure CSS Tabs Design | Codequs</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href=""/>
  <div class="wrapper">
    <header>Pure CSS Tabs</header>
    <input type="radio" name="slider" checked id="home">
    <input type="radio" name="slider" id="blog">
    <input type="radio" name="slider" id="code">
    <input type="radio" name="slider" id="help">
    <input type="radio" name="slider" id="about">
      <label for="home" class="home"><i class="fas fa-home"></i>Home</label>
      <label for="blog" class="blog"><i class="fas fa-blog"></i>Blog</label>
      <label for="code" class="code"><i class="fas fa-code"></i>Code</label>
      <label for="help" class="help"><i class="far fa-envelope"></i>Help</label>
      <label for="about" class="about"><i class="far fa-user"></i>About</label>
      <div class="slider"></div>
      <div class="content content-1">
        <div class="title">This is a Home content</div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero aspernatur nobis provident dolores molestias quia quisquam laborum, inventore quis, distinctioa, fugit repudiandae delectus sunt ipsam! Odio illo at quia doloremque fugit iops, asperiores? Consectetur esse officia labore voluptatum blanditiis molestias dic voluptas est, minima unde sequi, praesentium dicta suscipit quisquam iure sed, nemo.</p>
      <div class="content content-2">
        <div class="title">This is a Blog content</div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit amet. Possimus doloris nesciunt mollitia culpa sint itaque, vitae praesentium assumenda suscipit fugit doloremque adipisci doloribus, sequi facere itaque cumque accusamus, quam molestias sed provident quibusdam nam deleniti. Autem eaque aut impedit eo nobis quia, eos sequi tempore! Facere ex repellendus, laboriosam perferendise. Enim quis illo harum, exercitationem nam totam fugit omnis natus quam totam, repudiandae dolor laborum! Commodi?</p>
      <div class="content content-3">
        <div class="title">This is a Code content</div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, debitis nesciunt! Consectetur officiis, libero nobis dolorem pariatur quisquam temporibus. Labore quaerat neque facere itaque laudantium odit veniam consectetur numquam delectus aspernatur, perferendis repellat illo sequi excepturi quos ipsam aliquid est consequuntur.</p>
      <div class="content content-4">
        <div class="title">This is a Help content</div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim reprehenderit null itaq, odio repellat asperiores vel voluptatem magnam praesentium, eveniet iure ab facere officiis. Quod sequi vel, rem quam provident soluta nihil, eos. Illo oditu omnis cumque praesentium voluptate maxime voluptatibus facilis nulla ipsam quidem mollitia! Veniam, fuga, possimus. Commodi, fugiat aut ut quorioms stu necessitatibus, cumque laborum rem provident tenetur.</p>
      <div class="content content-5">
        <div class="title">This is a About content</div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur officia sequi aliquam. Voluptatem distinctio nemo culpa veritatis nostrum fugit rem adipisci ea ipsam, non veniam ut aspernatur aperiam assumenda quis esse soluta vitae, placeat quasi. Iste dolorum asperiores hic impedit nesciunt atqu, officia magnam commodi iusto aliquid eaque, libero.</p>

2: Second, create a CSS file with the name of style.css

@import url(';300;400;500;600;700&display=swap');
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  overflow: hidden;
  padding: 0 20px;
  background: #17a2b8;
  background: rgba(23,162,184,0.3);
  max-width: 700px;
  width: 100%;
  margin: 200px auto;
  padding: 25px 30px 30px 30px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
.wrapper header{
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 20px;
.wrapper nav{
  position: relative;
  width: 80%;
  height: 50px;
  display: flex;
  align-items: center;
.wrapper nav label{
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: #17a2b8;
  font-size: 17px;
  border-radius: 5px;
  margin: 0 5px;
  transition: all 0.3s ease;
.wrapper nav label:hover{
  background: rgba(23,162,184,0.3);
#home:checked ~ nav label.home,
#blog:checked ~ nav,
#code:checked ~ nav label.code,
#help:checked ~ nav,
  #about:checked ~ nav label.about{
  color: #fff;
nav label i{
  padding-right: 7px;
nav .slider{
  position: absolute;
  height: 100%;
  width: 20%;
  left: 0;
  bottom: 0;
  z-index: 0;
  border-radius: 5px;
  background: #17a2b8;
  transition: all 0.3s ease;
  display: none;
#blog:checked ~ nav .slider{
  left: 20%;
#code:checked ~ nav .slider{
  left: 40%;
#help:checked ~ nav .slider{
  left: 60%;
#about:checked ~ nav .slider{
  left: 80%;
section .content{
  display: none;
  background: #fff;
#home:checked ~ section .content-1,
#blog:checked ~ section .content-2,
#code:checked ~ section .content-3,
#help:checked ~ section .content-4,
#about:checked ~ section .content-5{
  display: block;
section .content .title{
  font-size: 21px;
  font-weight: 500;
  margin: 30px 0 10px 0;
section .content p{
text-align: justify;

Now you’ve successfully created Pure CSS Tabs with Slide Indicator.

Samanta  Moore

Samanta Moore


Guidelines for Java Code Reviews

Get a jump-start on your next code review session with this list.

Having another pair of eyes scan your code is always useful and helps you spot mistakes before you break production. You need not be an expert to review someone’s code. Some experience with the programming language and a review checklist should help you get started. We’ve put together a list of things you should keep in mind when you’re reviewing Java code. Read on!

1. Follow Java Code Conventions

2. Replace Imperative Code With Lambdas and Streams

3. Beware of the NullPointerException

4. Directly Assigning References From Client Code to a Field

5. Handle Exceptions With Care

#java #code quality #java tutorial #code analysis #code reviews #code review tips #code analysis tools #java tutorial for beginners #java code review

Tyrique  Littel

Tyrique Littel


Static Code Analysis: What It Is? How to Use It?

Static code analysis refers to the technique of approximating the runtime behavior of a program. In other words, it is the process of predicting the output of a program without actually executing it.

Lately, however, the term “Static Code Analysis” is more commonly used to refer to one of the applications of this technique rather than the technique itself — program comprehension — understanding the program and detecting issues in it (anything from syntax errors to type mismatches, performance hogs likely bugs, security loopholes, etc.). This is the usage we’d be referring to throughout this post.

“The refinement of techniques for the prompt discovery of error serves as well as any other as a hallmark of what we mean by science.”

  • J. Robert Oppenheimer


We cover a lot of ground in this post. The aim is to build an understanding of static code analysis and to equip you with the basic theory, and the right tools so that you can write analyzers on your own.

We start our journey with laying down the essential parts of the pipeline which a compiler follows to understand what a piece of code does. We learn where to tap points in this pipeline to plug in our analyzers and extract meaningful information. In the latter half, we get our feet wet, and write four such static analyzers, completely from scratch, in Python.

Note that although the ideas here are discussed in light of Python, static code analyzers across all programming languages are carved out along similar lines. We chose Python because of the availability of an easy to use ast module, and wide adoption of the language itself.

How does it all work?

Before a computer can finally “understand” and execute a piece of code, it goes through a series of complicated transformations:

static analysis workflow

As you can see in the diagram (go ahead, zoom it!), the static analyzers feed on the output of these stages. To be able to better understand the static analysis techniques, let’s look at each of these steps in some more detail:


The first thing that a compiler does when trying to understand a piece of code is to break it down into smaller chunks, also known as tokens. Tokens are akin to what words are in a language.

A token might consist of either a single character, like (, or literals (like integers, strings, e.g., 7Bob, etc.), or reserved keywords of that language (e.g, def in Python). Characters which do not contribute towards the semantics of a program, like trailing whitespace, comments, etc. are often discarded by the scanner.

Python provides the tokenize module in its standard library to let you play around with tokens:



import io


import tokenize



code = b"color = input('Enter your favourite color: ')"



for token in tokenize.tokenize(io.BytesIO(code).readline):





TokenInfo(type=62 (ENCODING),  string='utf-8')


TokenInfo(type=1  (NAME),      string='color')


TokenInfo(type=54 (OP),        string='=')


TokenInfo(type=1  (NAME),      string='input')


TokenInfo(type=54 (OP),        string='(')


TokenInfo(type=3  (STRING),    string="'Enter your favourite color: '")


TokenInfo(type=54 (OP),        string=')')


TokenInfo(type=4  (NEWLINE),   string='')


TokenInfo(type=0  (ENDMARKER), string='')

(Note that for the sake of readability, I’ve omitted a few columns from the result above — metadata like starting index, ending index, a copy of the line on which a token occurs, etc.)

#code quality #code review #static analysis #static code analysis #code analysis #static analysis tools #code review tips #static code analyzer #static code analysis tool #static analyzer

Joseph  Murray

Joseph Murray


Minimum Java Knowledge Requirements for Your First Coding Job

What does a potential Java junior need to know to get their first job or even qualify for a trainee position in a good company? What tools will help a Java programmer reach the next level? Which technologies should you study, and which ones are better to hold off on?

There is no standard answer to these questions, just as there is no single action plan that would suit absolutely everyone. Some companies are striving for development, constantly introducing new technologies and testing the capabilities of new versions of the language, while others stubbornly cling to old ones. There are also middle options, and perhaps these are most of them.

I get asked this question so often that I decided to write an article that I can then refer to in order to answer it. In addition, it will be useful not only to those who ask me personally but also to everyone who has already decided (or did not decide in any way) to connect their lives with Java programming.

#java #java-development-resources #java-development #learn-to-code #learning-to-code #beginners #tutorial-for-beginners #beginners-to-coding

Houston  Sipes

Houston Sipes


How to Find the Stinky Parts of Your Code (Part II)

There are more code smells. Let’s keep changing the aromas. We see several symptoms and situations that make us doubt the quality of our development. Let’s look at some possible solutions.

Most of these smells are just hints of something that might be wrong. They are not rigid rules.

This is part II. Part I can be found here.

Code Smell 06 - Too Clever Programmer

The code is difficult to read, there are tricky with names without semantics. Sometimes using language’s accidental complexity.

_Image Source: NeONBRAND on _Unsplash


  • Readability
  • Maintainability
  • Code Quality
  • Premature Optimization


  1. Refactor the code
  2. Use better names


  • Optimized loops


  • Optimized code for low-level operations.

Sample Code


function primeFactors(n){
	  var f = [],  i = 0, d = 2;  

	  for (i = 0; n >= 2; ) {
	     if(n % d == 0){
	       n /= d;
	  return f;


function primeFactors(numberToFactor){
	  var factors = [], 
	      divisor = 2,
	      remainder = numberToFactor;

	    if(remainder % divisor === 0){
	       remainder = remainder/ divisor;
	  return factors;


Automatic detection is possible in some languages. Watch some warnings related to complexity, bad names, post increment variables, etc.

#pixel-face #code-smells #clean-code #stinky-code-parts #refactor-legacy-code #refactoring #stinky-code #common-code-smells