10 Killer Tips For Designing A Website Simply

The website is the online place where you can express your feelings. Now-a-days, almost every person who uses the internet, has a website or blog. Those who are new with it, may find it difficult to draw visitors to their website. Well, visitors are the key for any website. So, to draw a good number of visitors, your website design must be up to the mark. It should be simple as well as gorgeous. Thus, your website will attract its visitors and you will get some constant visitors who will visit your website on a regular basis.

Here are 10 killer tips on how to design a website simply:

1. Home Page: Home page is the main page for any website. Whatever your domain is, http://yourdomain/ is the home page for your website. You have to keep important links on this page. All the pages of your blog should be reachable by a few (it’s better if one) clicks. You may keep some widgets for this purpose like popular posts, latest posts, latest commentators, pages, subscription widget etc. But, remember, the more widgets you use, the heavier your website will be. So, use them with caution.

2. About Me: About me is the page which describes about you and your website. So, design it beautifully so that people can understand that you are a creative person. Also write about yourself, your company, your business, the purpose, aims etc. These are vital parts of a website.

3. Contact Page: Contact page should contain a contact form to let your visitors have a quick chat with you. But contact forms can increase page loading time. So, use simple codes in the contact form, avoiding unnecessary designs.

4. Advertisement Placement: Advertisements are the earning source for your website. You should place the ads where there is more chance of being clicked. Such as, in the header right area, below the header, before/after post title, inside post, in the sidebar etc. Don’t use ads in the footer area where there is a rare chance of being clicked by the visitors.

5. Widgets/Plugins: Widgets or Plugins are beneficial for any visitor, but excessive use of these can increase the page loading time and may be irritating to your visitors. Use less JavaScript and use them in footer so that your whole page loads quickly at first .

6. Background, Text & Link Color: Color is a vital part of any website. You should not use irritating colors like yellow, blue etc. All the great websites are black and white in color. So, use these simple colors. Use special colors where it’s necessary. But don’t use too many of them. Link color should be different and easily distinguishable with the text color. It’s better if you use a black text color, if the background color is white. The link color may be blue/green/red as your wish. But, always use contrast colors so that they can be seen easily in the background.

7. Subscription: Subscription widget or plugin is important to draw visitors from social network websites like Facebook, Twitter, Google Plus, Digg, Pinterest etc. But if you use the default buttons of these websites, you will face an increased page loading time. So, it’s better to use text links for the subscription.

8. Search Box: Search box is a must for any website. When a visitor enters your website looking for a particular post, it’s not possible to look for the post by the navigation buttons. So, a search box will come into play this time. Use simple search box. Avoid unnecessary designs. Also make sure it is visible easily.

9. Navigation Buttons: Navigation buttons allow the visitors to navigate through the pages and posts of your blog. So, use easy to see numeric navigation buttons at the end of the pages.

10. Menu Bar: Menu bar should contain the categories of posts so that visitors can read same category posts at a time by clicking the desired category.

These are the basic things which should be looked at while designing a website simply. Keep it in mind that, people like simple website designs. They use their internet for getting information, not for watching beautiful websites. Thanks for reading this post.

Blogger Widgets are very attractive in most of the cases. HTML Widgets are supported by Blogger. So, you can use any html widget there and enjoy the benefits of those.

One of the most important widgets of a blog is Scrolling Post Headlines Widget which can be put on top of your blogger blog. It contains a selected number of post title links that scrolls and attracts your readers so that they can click on them and read the post. It helps to increase your page view and make your blog more popular among the visitors. There are many widgets available in internet regarding this task. But most of them are too heavy. In this post, I will give you a simple Scrolling Post Headlines Widget for Blogger. Just follow the easy steps:

  

STEPS:

1. Log in to blogger.com and select Layout from the drop down menu beside your blog name.

2. Click on Add a Widget. A new pop up window will appear.

3. Click on HTML/Javascript.

4. Now, copy the following code and paste it in the content box.

5. Make necessary changes to your links. Edit the links with your blog post links and titles.

6. Click on Save.

That”s it! Your blog is ready and a scrolling post headline bar is running!

WIDGET CODE:

<marquee behavior=%u201Dscroll%u201D direction=%u201Dleft%u201D bgcolor=%u201D#FFFFFF%u201D<br ></marquee><br /><br /><br />
onmouseover=%u201Dthis.stop()%u201D onmouseout=%u201Dthis.start()%u201D scrollamount=%u201D4%u2033> </p><br /><br />
<p><img src=%u201Dhttp://i1.wp.com/sujonhera.files.wordpress.com/2013/01/new.gif%u201D alt=%u201DNEW%u201D data-recalc-dims=%u201D1%u2033/></p><br /><br />
<p><a href=%u201Dhttp://sujonhera.com%u201D><b>SUJONHERA-Love Is Life</b></a></p><br /><br />
<p><a href=%u201Dhttp://sujonhera.com/marquee-scrolling-post-headlines-widget-for-blogger-bolg/%u201D><b>GET THIS WIDGET</b></a></p><br /><br />
<p></marquee>

Thank you for reading the post regarding Scrolling Post Headlines Widget For Blogger Blog. Check out other posts regarding blogger blog and make your blog more attractive to the visitors.

Reduce Website Page Loading Time: Top 10 Useful Tips

Any website requires visitors. But if the page loading time of a website increase, it can lose visitors rapidly. There are many causes of increased page loading time of any website. You have to maintain some rules on your website to reduce your page loading time. Then your website pages will open quickly and more people will enter your website, increasing the popularity of your website and your business. So, here are some of the killer tips on how to reduce website’s page loading time:

1. Use less widgets: Widgets are the useful services you want to provide your visitors besides the main content. But too many widgets will reduce your page’s loading time. Choose widgets to display according to their importance.

2. Keep Javascripts in footer: Allowing javascripts in the header or in the body of the page will increase your page’s loading time. It’s better to use those in the footer portion of your website.

3: Use less posts on the homepage: Don’t keep too many posts on the homepage. It is better to have less than 10 posts on the homepage with a navigation system to go to the next page.

4. Use “Read More” tag: Don’t keep the whole post on the home page. Use “Read more” tag to keep a short paragraph on the home page.

5. Use less advertisements: Advertisements are necessary but too many advertisements will make your website heavier. It will hamper your visitors and they will leave your website sooner than you expected.

6. Avoid pop-up widgets: Pop-up widgets will make the website slower. It’s also not essential. So, avoid it to get a faster website.

7. Use less images: More images will make your page loading time increased. So, use less and necessary images.

8. Image Formats and Sizes: Use PNG, JPEG or GIF images. These are the widely used images over the internet. Use the exact size of any image required for your website. Never resize it after uploading. Resize it first, then upload.

9. Use proper theme/template: Use a light template/theme in order to get a fast website. Heavy theme will produce an increased page loading time.

10. Use good server: Good servers will transfer your data more quickly. So, use good servers for a fast and visitor friendly website.

 Thanks for reading this post.

Simple Numbered Page Navigation Widget For Blogger

Blogger default templates do not have numbered page navigation. But visitors need page navigation for reading all posts of your blog easily. So, you need a Numbered Page Navigation Widget for your Blogger Blog. I am providing a simple Numbered Page Navigation Widget here. I personally use this widget in my blogger blog!

SCREENSHOT PREVIEW:

HOW TO ADD THIS WIDGET:

1. Log in to your Blogger account.

2. Click on Layout option of your blog.

3. Click on Add a Widget option. A new window will appear.

4. Select HTML/JAVASCRIPT option. Then copy-paste the following widget code in the box.

5. Click on SAVE and check your blog!

WIDGET CODE:

<style type=’text/css’>
.showpageArea a {
text-decoration:none;
}
.showpageNum a {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.showpageNum a:hover {
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #de7d26;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1)
}
.showpagePoint {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1)
}
.showpageOf {
margin:0 3px 0 0;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1)
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link, .showpage a:link {
color:#333333;
text-decoration:none;
}
</style>
<script type=’text/javascript’>
var home_page_url = location.href;
var pageCount=5;
var displayPageNum=4;
var upPageWord =’Previous';
var downPageWord =’Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= ”;
var upPageHtml =”;
var downPageHtml =”;
for(var i=0, post; post = json.feed.entry[i]; i ) {
var timestamp1 = post.published.$t.substring(0,19) post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=”){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!=”) postNum ;
htmlMap[htmlMap.length] = ‘/search?updated-max=’ timestamp ‘&max-results=’ pageCount;
}
}
itemCount ;
}
for(var p =0;p< htmlMap.length;p ){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = ‘<span class=”showpage”><a href=”/”>’ upPageWord ‘</a></span>';
}else{
upPageHtml = ‘<span class=”showpage”><a href=”‘ htmlMap[p] ‘”>’ upPageWord ‘</a></span>';
}
fFlag ;
}
if(p==(thisNum-1)){
html = ‘<span class=”showpagePoint”>’ thisNum ‘</span>';
}else{
if(p==0){
html = ‘<span class=”showpageNum”><a href=”/”>1</a></span>';
}else{
html = ‘<span class=”showpageNum”><a href=”‘ htmlMap[p] ‘”>’ (p 1) ‘</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = ‘<span class=”showpage”> <a href=”‘ htmlMap[p] ‘”>’ downPageWord ‘</a></span>';
eFlag ;
}
}
}
if(thisNum>1){
html = ” upPageHtml ‘ ‘ html ‘ ‘;
}
html = ‘<div class=”showpageArea”><span class=”showpageOf”> Pages (‘ (postNum-1) ‘)</span>’ html;
if(thisNum<(postNum-1)){
html = downPageHtml;
}
if(postNum==1) postNum ;
html = ‘</div>';
var pageArea = document.getElementsByName(“pageArea”);
var blogPager = document.getElementById(“blog-pager”);
if(postNum <= 2){
html =”;
}
for(var p =0;p< pageArea.length;p ){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html =”;
}
if(blogPager){
blogPager.innerHTML = html;
}
}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf(“/search/label/”)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(“/search/label/”) 14,thisUrl.length) : “”;
thisLable = thisLable.indexOf(“?”)!=-1 ? thisLable.substr(0,thisLable.indexOf(“?”)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= ”;
var upPageHtml =”;
var downPageHtml =”;
var labelHtml = ‘<span class=”showpageNum”><a href=”/search/label/’ thisLable ‘?&max-results=’ pageCount ‘”>';
var thisUrl = home_page_url;
for(var i=0, post; post = json.feed.entry[i]; i ) {
var timestamp1 = post.published.$t.substring(0,19) post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=”){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!=”) postNum ;
htmlMap[htmlMap.length] = ‘/search/label/’ thisLable ‘?updated-max=’ timestamp ‘&max-results=’ pageCount;
}
}
itemCount ;
}
for(var p =0;p< htmlMap.length;p ){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml upPageWord ‘</a></span>';
}else{
upPageHtml = ‘<span class=”showpage”><a href=”‘ htmlMap[p] ‘”>’ upPageWord ‘</a></span>';
}
fFlag ;
}
if(p==(thisNum-1)){
html = ‘<span class=”showpagePoint”>’ thisNum ‘</span>';
}else{
if(p==0){
html = labelHtml ‘1</a></span>';
}else{
html = ‘<span class=”showpageNum”><a href=”‘ htmlMap[p] ‘”>’ (p 1) ‘</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = ‘<span class=”showpage”> <a href=”‘ htmlMap[p] ‘”>’ downPageWord ‘</a></span>';
eFlag ;
}
}
}
if(thisNum>1){
if(!isLablePage){
html = ” upPageHtml ‘ ‘ html ‘ ‘;
}else{
html = ” upPageHtml ‘ ‘ html ‘ ‘;
}
}
html = ‘<div class=”showpageArea”><span class=”showpageOf”> Pages (‘ (postNum-1) ‘)</span>’ html;
if(thisNum<(postNum-1)){
html = downPageHtml;
}
if(postNum==1) postNum ;
html = ‘</div>';
var pageArea = document.getElementsByName(“pageArea”);
var blogPager = document.getElementById(“blog-pager”);
if(postNum <= 2){
html =”;
}
for(var p =0;p< pageArea.length;p ){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html =”;
}
if(blogPager){
blogPager.innerHTML = html;
}
}
</script>
<script type=’text/javascript’>
var thisUrl = home_page_url;
if (thisUrl.indexOf(“/search/label/”)!=-1){
if (thisUrl.indexOf(“?updated-max”)!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf(“/search/label/”) 14,thisUrl.indexOf(“?updated-max”));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf(“/search/label/”) 14,thisUrl.indexOf(“?&max”));
}
}
var home_page = “/”;
if (thisUrl.indexOf(“?q=”)==-1){
if (thisUrl.indexOf(“/search/label/”)==-1){
document.write(‘<script src=”‘ home_page ‘feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999″ ><\/script>’)
}else{document.write(‘<script src=”‘ home_page ‘feeds/posts/full/-/’ lblname1 ‘?alt=json-in-script&callback=showpageCount2&max-results=99999″ ><\/script>’)
}
}
</script>

Current Date and Time Simple Text Blogger HTML Widget

Current Date and Time Widget allows the readers of a blog to keep account of their valuable time while reading your blog. Bloggers like to add different stylish Date and Time Widgets to their blogger or wordpress blogs just for this reason.

Most widgets that are available on internet are too heavy and embed with the link of the creator website. But I am providing you a simple Text Widget that allows the basic function of Providing the current Date and Time of the reader’s area.

You can have a preview of this beautiful widget on this site. Look at the right sidebar and you will see the current Date and Time of you area. Isn’t it great? So, here is a photo screenshot of that widget:

How to add this widget?

Just log on to your blogger dashboard>Layout>Add Widget>Html/JavaScript >Paste the following code>Save!

Then see your blog! Hurreyyyyy! It’s running!

Make sure you copy whole of the following widget code. Thank you!

WIDGET CODE:

<script language="Javascript">
<!--

var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")

var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")

var now = new Date

document.write("Today is " + dayName[now.getDay()] + ", " + monName[now.getMonth()] + " "+now.getDate() +".")

//-->
</script> | <script>
atoj = new Date();
atoj1= atoj.getHours();
atoj2 = atoj.getMinutes();
atoj3= atoj.getSeconds();

if(atoj1==0){atoj4=" AM";atoj1=12}
else if(atoj1 <= 11){atoj4=" AM"} else if(atoj1 == 12){atoj4=" PM";atoj1=12} else if(atoj1 >= 13){atoj4=" PM";atoj1-=12}

if(atoj2 <= 9){atoj2="0"+atoj2} document.write(""+atoj1+":"+atoj2+":"+atoj3+""+atoj4+""+"");
</script>

Top 10 Google Chrome Extensions For Website Developers

Google Chrome has a huge number of extensions of various categories in Chrome Web Store. But all of them are not good enough. If you are a blogger or web developer, you need some extensions of Google Chrome which can offer you quick tasks. In this post, I will discuss about top 10 Google Chrome Extensions in my opinion. Let’s see what are those:

1. Alexa Traffic Rank: It is a must for every web developers. Alexa.com offers this widget for making the ranking of websites all over the world. You can know more about it in this post.

2. Page Rank Status: This tiny widget will provide you with your website’s rank in globally renowned ranking systems. It also measures page speed directly. Site info of any site can be seen from this widget.

3. Awesome Screenshot: Capture & Annotate: If you are a blogger and planning to write a tutorial post, this widget will be handy as it can capture full webpage screenshot, visible part screenshot and selected area. It has an editor too which can be needed during marking or writing on the screenshots.

4. Page Speed Insights: To measure your website’s Google page speed from your browser, it is a must. After installation, go to Chrome menu>Tools>Developer tools>Page Speed Insights tab to measure the page speed.

5. Image Resolution: This tiny extension offers you the resolution and file size of any image of any websites if you hover your cursor over the image. Really essential for web developers.

6. Domain Availability Checker and Whois Lookup: If you are planning to buy domains, this extension will help you. It can also give you whois information of any website.

7. ColorZilla: This extension is helpful for knowing the colour code of any colour. Web designers love this extension.

8. LastPass: If you have registered to a lot of websites with different usernames and passwords, this password manager will keep you free from remembering all those passwords.

9. Checker Plus for Gmail: If you need real-time notifications of the incoming emails in your inbox, this extension will help you.

10. Speed Dial: This is needed for making beautiful and customizable tabs of the websites you visit regularly. This will reduce your time for finding any website in the bookmark list.

If you know any extension which is better and more essential than these, please comment below with the extension name.

Thank you for reading this post.

5 Effective Tips To Rewrite An Article From Another Website

Internet is a vast field for learning. You learn many things from many websites. If you have a website, you may like to write same kind of articles for your own blog/website. But you can’t copy paste the articles as Google keeps an eye on all websites. So, you need to rewrite the articles in some techniques i.e: add some information and remove some others. These techniques are discussed in this post. Let’s start:

1. Read the whole post slowly and attentively: The first task will be reading the whole post slowly and attentively. If you can understand the summery of the article, it will be very easier for you to write it in your language and style. So, reading is a must.

2. Change the article headline: Headline is the sentence which comes first in the search results. So, a new, keyword rich and creative headline, different from the actual one is necessary for drawing attraction of the visitors.

3. Keyword rich sub-heading: Sub-heading is another important parameter for SEO in case of blogging. A keyword-rich sub-heading can help the article to go to the top of the search result page easily. So, change the sub-heading of the post and make your own one.

4. Introduction: Introduction means a lot. A reader gets a clear idea reading the introduction paragraph of your article. So, a nice introduction is a must of a good article. Change the introduction with your own style. It will help your article and will make it look unique.

5. Create points and paragraphs: Points and paragraphs makes an article look nice and elegant. You must divide your article in many paragraphs to look it different than the actual one. Also don’t forget to change all the sentence structures with the help of voice and narration. Thus, any article can be rewritten in a few minutes easily.

Thanks for reading this post.