BLOGBIR: November 2016

Tuesday, November 8, 2016

Create a free website with free beautiful CSS themes

Create your free own websites using the bellow top level CSS themes. These beautiful CSS themes are designed using CSS which consumes less data while loading. If you have any domain in internet and want a beautiful home page then these free CSS themes may be your better option for you. Otherwise I'd request to create a free domain at hostinger and upload these CSS themes to test for a better view. Just follow a simple procedure bellow.

Creating free website at Hostinger.

Open the link hostinger and sign up for a new account.
Go to your email account and verify the email you have submitted in sign up.
After clicking on the verification link you will be asked to setup your domain. In this click on setup.
In the hosting order setup- choose Free Subdomain, then give a suitable domain name and select a domain name. Here I've selected '16mb.com', you can choose others also by clicking on the drop down menu. Then click on 'Europe(UK). Then give a suitable password, then click on setup.
Wait for a while as your sub domain needs to be approved. Then go to Hosting tab->click on your account or sub domain name. Then expand the plus sign of your domain name and click on 'Manage'.
Scroll down to the bottom and click on 'file Manager 2'.
Locate your 'public_html' directory and click on it.
Upload the CSS them which you are going to download below.
IMPORTANT- You can directly upload the .rar file to the public-html directory. But before that you should edit the index.html file according to your requirement- such as your website title, your website link, keywords etc. For this follow the procedure bellow. First extract the .rar file and go to that folder.
Locate the index.html file and right click on it. Then click on 'Open with' then select 'Notepad'.
In the notepad edit the index.html file according to your requirement and save it. You can copy this index.html file and paste in the same directory for several other pages which you want to link to your home page.

Free Beautiful CSS Themes Download

Using Firefox Developer Tools for web page design

Most of time we become scary while designing our webpages. We may not have color coding matching, may not be getting good box model or correct offset width or a responsive css design etc. Many of us use some third party websites to edit our HTML, CSS and Javascript codings such as www.jsfiddle.net, www.codepen.io etc. But what if you get this through your Firefox browser with efficient editing. So here is a tutorial which will guide you to design your webpage through Firefox developer tool.

Editing through Firefox Developer Tool.

First create your html page such as index.html or simply put the following code to a notepad and save it as index.html.
Codes:- <html><head><title>Your Title</title><link href="default.css" rel="stylesheet" type="text/css"/></head><body><div id="header"></div></body></html>
Here 'main.css' is your default CSS file which you can create by saving a notepad as 'main.css'.
In the html code I've created a div element with id="header". I need to design this header in CSS code. In the CSS file I wrote a style or rule for id header as below-
Code:- #header{margin:auto; width:auto; height:150px; background-color:blue;}
Now open the index.html file in Firefox browser it will look like as above picture. Then right click on the blue header section and click on inspect element. In this I'm going to change the header height to 100px and color similar to the browser's menu bar color.
Now change the height to 100px and click on the blue color so that one color pallet box will come out
Next click on color picker brush and one rounded color picker will come out. Then move the rounded color picker to the menu bar of your browser and click there.
Now the header color will be changed to menu bar color. Next right click on css style and copy rule. Then go to your main.css file and paste there.
Now your new webpage is ready with modified header. Similarly you can modify or create many beautiful css styles with the help of Mozilla Firefox Developers Tool.

Thursday, November 3, 2016

Redesigning Blogger Template as your own template

Yes, it is possible to make your own template on Blogger. You can do it by manually uploading your own template or by editing the present template. The Blogger template simply uses XML mark up language which you can edit in the template section or you can use your browser developer tool to edit the HTML and CSS of the blog to redesign as your own template.
One of easiest way to redesign your template is to search on internet for free Blogger template and upload it in your template section. The steps are below.

Procedure-I

Go to Template section
Click on Backup/Restore
Take backup of your template.
Browse to your template then click on upload.

If the template is not supported for uploading then follow the second procedure as below.

Procedure-II

Edit your blog template which you downloaded earlier in notepad and copy all.
Take backup your template by following the first procedure.
In the same template section click on Edit HTML .
In the HTML box paste the template coding which you have downloaded earlier.

Download the most efficient and SEO supported free Blogger Template

Wednesday, November 2, 2016

How to Redirect Blogger Page to a Static Page

Hi there, we often think to put all of our links and contents in a single page so that our readers will feel easy to navigate to all our content. But while writing blogs specifically in this free Blogger platform it is not easy to maintain all these things in a single page. Though you can create a page and put everything else you want to put inside but it is not always as a home page. Every time your readers visit your blog it always show a number of posts you recently posted but not a static page in which you put everything else there and wanted to show off in front of your reader. Here is an example of such type blog - Breaking Knowledge. Any time you will open this blog it will redirect to a static page automatically which will look like a website home page. So changing your blogs to your own designed website is not difficult. Even you can change your blog template as your own template and later you can redirect to third party domain which will further become a website of your own. Maintaining blog means you are almost maintaining a website. Today most of websites on internet were first blogs then became websites. It is easy and you will learn in this tutorial step by step.

Tuesday, November 1, 2016

Getting automated free traffic to your blog

There are several way of getting automated free traffic to your blogs or websites. Here we will discus about how to get so many visitors to our blogs and websites automatically. Let us say we are new to internet and we don't have knowledge about such techniques which will provide automated free traffics to our websites and blogs. We have written some helpful information and published in our websites and blogs. Then waiting for visitors who will read our contents and appreciate our work. So here is a bulk of question which will guide us to contact with our visitors.

What type visitors we are expecting for our content?
Which location we are targeting for?
How is the visitors connected with you?
How do you intact with the visitors?
What strategies do you use to reach the visitors?

As we think, internet is a virtual world in which we anticipate to fulfill our daily needs. But due to some technology improvement now internet works like real world. Internet now not only used for information you want but also used for information you expect. That means suppose you are from a particular location and you are searching some product from that location. It is internet which will quickly guide you through to get that product. So while writing it is important to mention the location you are writing for so that people will get in touch with your content and you quickly.

BLOGBIR

Pages