Where to learn CSS and HTML for Blog Development?

CSS and HTML tutorial

A blogger should have sound knowledge about CSS and HTML. If you want to design template then you must know the CSS and HTML. It may seems to you bit harder because you would find most of the site who are provide you ready made code where has little chances to learn but you should follow some proper CSS and HTML resource site where you can learn basic elements of coding language and ultimately you would able to make some widget with your own way.

Latest updated version of CSS and HTML is CSS3 and HTML5, so as a blogger you should acquire some knowledge on it. So I am going to share best 8 site which is absolutely rich with huge content and you can become a master and expert coder by learning from those site.

1. css-tricks.com

This is number one site in learning CSS. Most of the blogger use this site as handy. There are millions of visitors are visiting everyday to learn CSS from this site. This site simply rocks in CSS. You would find ample tutorials and tricks about CSS. Most of the popular blogger and template designer follow this site to develop themselves. Even my CSS base has grown from that site. If you want to learn CSS I must recommend to all of my blog visitors. Not only CSS but also they are publishing some HTML5 tutorials.
CSS tricks


  • Site Address: http://www.css-tricks.com

2. w3schools.com

This is the most popular site where you can learn about CSS and HTML. If you are a newbie then you should follow this site�s resource to grow your blog or development of CSS and HTML base widget. You would find many tutorial in PDF format which will explain you about tutorial. This is a great site for blogger.  Because they have HTML5 Tutorials, CSS References and Quiz Tests.

w3 school 
  • Site Address: http://www.w3schools.com/  



3. Html Dog

It goes without say that html dog is best for HTML coding. You would get huge in-depth tutorial about HTML. So this is a useful site for HTML coder. The navigation system of this site is quite easy and user friendly. So it is very easy to find resources quickly.
HTML dog
  • Site Address: http://www.htmldog.com/            

5. CSSeasy.com

This site will teach you about proper implementation of CSS coding. This site has easily explained all the code even the code is bigger. It is really hard for a newbie to learn CSS but CSS easy site made it simple and flexible to learn. Beside of this you would find wide range of CSS tutorial for web development. You can easily learn from that site and implement on your blog.

  • Site Address: http://www.csseasy.com/              

6. Alistapart.com

AlistapartThis site is also good for CSS learner. Allstapart is also dedicated for their visitors. They provide enormous handy tips and tutorial for learners. Most of the blogger use related post widget to display similar post to visitors. Similarly this site will provide wide range of related tutorial for learning essential related topics.



  • Site Address: http://alistapart.com/topics    

7. Codecademy.com

Code academy is best for learning HTML. This site focused on beginner�s coder. So if you are a newbie then visit the site for best tutorial that will help you to tailor your coding knowledge. Visitors also get workbook there as exercise style that help you to acquire coding knowledge. 

code academy 
  • Site Address: http://www.codecademy.com/   

8. HTML 5 Rocks 

This is newly launched best site for HTML5 tutorial. If you really want to learn HTML5 then you must follow this site. Here you would find many tutorials about HTML5 and daily many tutorials are including for learners. Because of latest trend a blogger should learn HTML5.

New HTML 





  • Site Address: http://www.html5rocks.com/en/            


Hope the above referral site would be help you to grow your blogging career and you would be an expert CSS and HTML coder. If you have any more suggestion to add with this then feel free to share with us.

How to edit a picture in Picasa Web Albums or Google+ Photos

This article is about how to edit pictures in Picasa web albums, and how to use Picasa-destop to edit pictures in your Google+ Photos.


Picasa-web-albums vs Google+ Photos

Picasa-web-albums is a on-line photo storage and management tool, now owned by Google.   It is the on-line version of Picasa, a desktop-tool.   (Learn more about PWA and Picasa here.).

Google would ideally  like everyone to use Google+ Photos.

But there are many people who store pictures in albums that are not associated with their personal Google+ accounts:  these may be for businesses, schools, clubs, etc.

So it is likely PWA will continue to exist for a good while yet.   And I am sure that Google appreciate this:  they have made a number of changes to Picasa-web-albums to make it work better both with Google+ and without it.


Options for editing pictures that are are uploaded to Google

  • If you have a Google+ account, then there are two ways of editing photos that you have loaded to Google (it doesn't matter whether you loaded them using Picasa-web or Google+Photos).  

    Both of these options are described below.   Using the Google+ editor (option 1) doesn't need any software installed on your PC.   But it's very slow to load, offers you less control, and is currently missing some key features - and it only works if you are using Chrome as your web-browser, not Firefox or Internet Explorer.

  • If you don't have a Google+ account, then Google / Blogger only provides only one way to edit photos that you have loaded to it (apart from downloading the photo, editing it on your PC and re-uploading it - which changes the URL you need to use to link to the photo).   This is Option 2 below.



Option 1:   Using Google + edit a picture in Picasa-web-albums


Log in to Picasa-web-albums, using your Google+ account.  
(See here for what do to if you are automatically re-directed from PWA to Google + Photos)


Navigate to the photo that you want to edit.  
(Make sure you're looking just at that photo, not at the album it is in - this can be confusing in cases when the photo is also the album cover.)


Choose Edit in Google+ from the Actions drop-down menu.




This opens a new window or tab:


If you are not signed in with your Google + account, you will be invited to join.




If necessary, sign-up for Google+, or sign in with the correct account, and start again.


Now, you will be looking at the photo in the Google+ Photos picture view.   From here you can do simple edits:
  • Crop the photo
  • Tag people
  • Rotate the photo
as well as using the other Google+ Photos features (share, slideshow, delete, zoom)


To do more changes, choose Edit (yes, you need to choose it a 2nd time) from the top menu.

If you are not using Google Chrome, then you will get a message saying that the Google+ photo editor only works with Chrome, and giving you a link to download it.    If necessary, switch to Chrome and start again.



Wait while the photo editing tools are loaded  (this does take a while, perhaps even a minute or two).


Once loading is finished, the current Google + Photo editor functions are available from the right-hand bar, like this:



At the moment these are:
  • Tune (brightness, contrast, saturation, shadows, warmth)
  • Selective Adjustment (lets you specific areas for other options to be applied to)
  • Details (sharpness and structure)
  • Crop and Rotate
  • Black and white
  • Centre focus (adjust brightness and blur around the centre)
  • Drama
  • Frames
  • Tilt-shift
  • Vintage
  • Retrolux.


When you  are happy with your photo, click the Finished Editing tick box at the bottom of the right-hand bar, and the changes will be saved (this may take a few moments).


You are left in the open Google+ Photos tab or window, not returned to Picasa-web-albums.   When you go back to Picasa-web-albums and refresh the page (F5), the changes that you made in Google+ photos will be shown.



Option 2:   How to use Picasa-desktop edit a picture in Picasa-web-albums

This option only works if you have Picasa desktop software installed on your computer.


Log in to Picasa-web-albums, using your Google account.


Navigate to the photo that you want to edit.   (Make sure you're looking just at that photo, not at the album it is in - this can be confusing in cases when the photo is also the album cover.)


Choose Edit in Picasa from the Actions drop-down menu.


A pop-up window will tell you that your web browser wants to open another program (ie Picasa-desktop) to do the editing.

(The exact text is something like:   "External Protocol Request:  [your web browser] needs to launch an external application to handle picasa: links.   The link requested is ... The following application will be launched if you accept this request   c:\Program Files\Google\Picasa\Picasa3.exe ... If you did not initiate this request, it may represent an attempted attack on your system.   Unless you took an explicit action to initiate this request, you should press Do Nothing.")


Choose Launch Application.


Picasa will load on your computer, and you will be asked to confirm that you do want to edit the selected picture.   Choose Edit Image.



A copy of the picture that you want to edit is opened in the desktop-Picasa editing tools window.


From here you have access to all Picasa's standard photo editing tools (including the text tool for adding watermarks).





The photo you are working in is a copy taken from your Picasa-web-albums, it is not the same as the copy of the picture which may already be on your computer.   It is stored in a directory of your Picasa-installation called "Online Edits", not in your main My Pictures directory.   So if you choose a function like "Back to Library" you are taken to the Online Edits folder inside Picasa-desktop.


From here you can use all of Picasa-desktop's editing features, including straightening, red-eye reduction, text-editing, re-setting the neutral colour.    The only exception is the Edit in Creative Kit option:  this is still one of the options in Picasa-desktop, but if you use it, it takes a long time to load and then eventually says "Error connecting to Creative Kit... error 500" - and explains that Creative Kit has now been discontinued.


When you are finished editing, to put the edited photo back into the same Picasa-web-album that it came from, with the same file name and URL:
  • Make sure that you are logged in from Picasa-desktop to the same Google account that you were using initially.   (Picasa-desktop remembers your sign-in details from the last time you used it - if it's different from what you need, just choose sign-out from the top-right corner, and then sign in to the correct account when asked.)     AND EITHER:
  • Choose Share on Google+    (if you are using a Google + account)
  • In the sharing-details window that opens, change the Album-name from Online Edits to  the album that the photo came from originally and choose Upload

    OR
  • Return to the Online Edits folder / library
  • Save the changes using the Save icon
  • Choose Enable Synch from the Sharing drop down.
  • Wait for the changed photo to upload.

    (I think Google have some work to do here - you can only control synching for the whole album, not for individual photos.   I expect this to be improved in the future.)






Job Done:  your Picasa-desktop-edited photo appears back in your online Picasa-web-albums with the changes that you just made, and any existing links to it (eg from your blog posts) will show the changed version of the picture.   And you can put the edited picture into your blog posts or other websites in the usual way.




Related Articles:


Introducing Picasa and Picasa-web-albums:   an overview

Stop automatic redirection to Google+ Photos

How to put a picture into a blog-post

Tools for applying copyright protection to your blog

Are you too sluggish to be an efficacious Blogger?

blogger success

Every blogger has a dream that s/he will be efficacious or effective or successful blogger by their blog. But most of them can�t fulfill their dream. You have good writing quality with productive thought but you are not succeeding in your blogging career. This is only happen if you bit sluggish or lazy or inactive in your blogging which is main hindrance to become popular and effective blogger.

I have personally found many new blogger who are writing very well but not regular and their blog is not appealing to the visitors on for a silly reason. You can say that you're starting to get lazy.

Sometimes a blogger has not enough time to research well before writing an article. In the end, the side effects of being a lazy blogger is a blog growth slow or not you do not grow.

So I have summarize some sluggish nature of a blogger that make unsuccessful.

Not moderating and responding to comments

It is important to interact with readers spontaneously otherwise you will lose readers. When a reader make comment you should publish on time and reply the comment as soon as possible. If you take two or more days to moderate a comment then a commentator won�t feel happy to stay on your blog. Suppose they need some solution on a specific problem so you must moderate and reply the comment as soon possible.

Some bloggers do not have time to respond to readers who leave comments on your blog. Especially in some PR5 blog. Before start my blogging career I used to read some popular blog but I won�t mentioned the name where I make comment but didn�t get any reply from author. And some of blog don�t publish my comment where I have written very constructive message. So finally I have stop visiting those blogs.  As everyone knows it is important to engage with your readers to keep them coming back and enjoying your blog.

lazy blogger

Written articles is not well researched

You are often sluggish or lazy to research an article before writing.  If you are writing a post on a particular topic is always good to research and try to cover most accurate information from research outcomes in your writing. It is often suggested to take time to develop some level of knowledge on the selected subject so you can speak from experience.

Limited involvement with social networks

There are many social media site over the net. But most of the blogger only get connected mostly with Facebook and Twitter. Beside of this there are huge social networking site where you can create your blog page but due to laziness your do not connect with them where you can divert some traffic as well as Do-follow backlinks.

You should spend some time in social networking site to vote for other articles, engage in conversation and try to build online presence so nice and strong with community members. I realize that the most successful are those who dedicate time to engage and build relationships with other bloggers.

lazy blog

Are you too sluggish to be an efficacious blogger?

So what do you think about you that are you sluggish or not? If yes then you must change your blogging behavior with readers. As soon as you can try to overcome from the above sluggish nature to be an efficacious blogger.

Sometime you may go in tour for spend holiday so in this case you may make an announcement about your holiday or tour time thus your blog readers can understand when they can interact with you. It will reduce many misconception and you can become a efficacious blogger. 

Creative Custom Error 404 Page with Search Box

hacks

Error 404 page is important to hold visitors for longer time. Suppose a visitor didn't find any page then the visitors can go away another site. Generally in blogger default  page it will display like Page Not Found Error when any link not found or any invalid search query by visitors. Broken link is responsible for this. But we can simply make Error 404 page more attractive by adding some images where your visitors will attract to stay on your site. I have collection those custom 404 images from various sites and resize those for best match for your custom error 404 page. In addition I have added a search box where a visitors can search more deeply and relevantly. So let's proceed to the tutorial.

Live Demo

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Click on  Now click on -> Template -> Edit HTML-> Unfold code  ?

Step 3 Now Find this code ]]></b:skin> by Pressing Ctrl+F  

Step 4 Paste the below code  Before/above ]]></b:skin> and Save the templates. 

/* Error Page by www.bloggerspice.com*/
.error-custom {
overflow: hidden;
padding:10px 15px 100px;
}
.error-custom:before, .error-custom:after, .error-body:before, .error-body:after {
position: absolute;
content: "";
height: 0;
width: 0;
border: 44px solid transparent;
}
.error-custom:before {
border-right-color: $(poside.head.color);
border-bottom-width: 114px;
border-right-width: 163px;
bottom: -44px;
right: 0;
}
.error-custom:after {
border-right-color: $(poside.head.color);
right: 0;
bottom: -12px;
}
.error-body:before {
border-left-color: $(poside.head.color);
bottom: -33px;
left: 0;
border-left-width: 106px;
border-top-width: 106px;
}
.error-body:after {
border-left-color: $(poside.head.color);
left: 0;
bottom: -66px;
border-left-width: 54px;
border-bottom-width: 106px;
}
</b:if>  

Step 5 Save your template now.

Step 6 Now go to Settings-> Search Preference -> Custom Page Not Found -> Edit

Step 7 Now Paste any code from below and Click on Save Changes

Custom Error Page Style 1


tips

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Dig it Deeply...
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</h3><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQa8LE9aeGQiNpkWwo8Tap9IPoiG8Ii-Sgi_31P6UZgol_QYXG9hgPQVm0KK6zW42294JfPNVTfGmb407_uUWpFBgf1B8A_qtxVhCnGebu3S7gY70h8hhPZp29k_BWEGsStQP_hWI_tEcj/s1600/17-error-404-page.jpg "/>


Custom Error Page Style 2


404 pages

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Dig it Deeply...
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</h3><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVk1sNJNKz5SN1k-tE0z4FWBn1_CHwYqB5j8VNbYFQdIgzNam8y44z1lgXgafOUBC9q9LT72Im8QrmvwkvC3HFIJwsXthBCcnig73tPBCFPwhiyFMnR1nqLSD2zEeDRQmCnNfCxanQ48nj/s1600/27-error-404-page.jpg"/>

Custom Error Page Style 3


awesome 404 page

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Dig it Deeply...
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</h3><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSNylf6vd13dTPTNeVJD1po-c7gofYob6-Yd2bfcHpQ9ARhsImaNk_9EV8wDwRHh229ebHypnHlgPrlboJogz9ZaP9K24LOex1vHe7WVMGRswjXvuhuSYyY4OHJdxzerXznZuVnqVOMoiv/s1600/28-error-404-page.jpg"/>

Custom Error Page Style 4


creative trick

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Dig it Deeply...
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</h3><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV29GtiR9-d8e1EwwowDtUwuDK6W2Q8mbd88aiDfvDCLmsCg3XiYqCJOaPiG2PCFGgTDJbrpvo8p7pU92xzTqiaNAvqa3_P1czRB2ET-VP0pWx9E6a0rvGDJB-viv3oBL0an4W4wj_Nvgp/s1600/29-error-404-page.jpg"/>

Custom Error Page Style 5


blogger tricks

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Dig it Deeply...
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</h3><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz3nhhp2PZZqwClbqzV4wLpuAhsODef3WY1YPkfbeUx3RkEw6k3gAD1JSIfete14joKmdD0qRC-fgsQ2QJwI6-XFOPpjNulDk5k5wbZQT93X_f_1Dlmn84qvAECjuq6MWi25_24vvVCC-O/s1600/40-error-404-page.jpg"/>

Custom Error Page Style 6


widget

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Dig it Deeply...
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</h3><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnP_ej7gFiN2HoQdffqR2bwbIKYySeYd-wym78pEXkwgc8p5nXUeYrn6a_naPHVO1EcHECY5IZnl-CdtqYSYs5tGuH3VUGhyphenhyphenWHbxgJAycGEYllyGtJ64JsA7YbmDqP8113KbPxkEuP8hY/s1600/48-error-404-page.jpg"/>

If you face any trouble then feel free to contact with me. And I am expecting your feedback about custom error 404 page. Stay tune for more exciting release. 

Benefits and Values of No-follow links

Google Bot

Backlink Is necessary for getting higher page rank over the net. If your blog get high quality backlinks then you are going to have good page rank. In terms of Google�s language a backlink is a vote for a site, which means if your blog has got good number of backlink then Google count it as good number of vote. Consequently Google provide higher page rank on that site. But first we should know details about

Backlink. Generally there are 2 types of backlinks such as-
  • 1. Do-follow backlink
  • 2. No-follow backlink

1. Do-follow backlinks

Do-follow means that your search spiders follow a specific link. It has true SEO value and it will share "link juice". Link juice means if you have got a backlink from a site and that site got higher rank then your site also get some link juice from that site. As a result your site will get more value and credibility in the eyes of search engine. And do-follow backlinks should obtain naturally.

SEO value of nofollow link

2. No-follow backlink

No-follow means search spiders will not follow a link even you have got a backlink from other site. In 2005 Google introduced the rel="nofollow" tag for fight against spammy blog. Later blogger using this tag for stop sharing link juice. So when your blog will get a no-follow backlink then it won�t contribute or affect in your page rank. In addition no-follow link doesn't pass link juice to any site.

Recently Google is paying attention on links from social media site. But do you think all social media site providing do-follow backlinks? There are 2 giant social media site Facebook and Twitter where we can get backlink by creating a page for our website. But both of them providing no-follow link. But Google will give extra attention on those no-follow backlinks in page rank updates.

Benefits and Values of No-follow links

Blogger think no-follow link has no benefits and value. But it has some value that can bring benefits for your blog or website. So I am going to explain about key benefits of no-follow backlink.

SEO

Referring website traffic

No-follow links plays a vital role for divert traffic. Because it works as referral. When you get a links from a site then the visitors of that site will divert into your site. Consequently you can present your work to a large audience. As a result your site�s traffic and page view will increase rapidly. To reach to the variety of audience you must build link even it is no-follow.

Lead conversions

This is so simple that you are attracting audience by no-follow link so that new traffic can increase the chances for converting more leads. It is necessary to increase website conversion rate for online business success. As a result your business will grow rapidly.

Supplementary inbound links

If you get more inbound links which has indirect SEO benefits and additional value of these links offer connectivity with wide range of sites. So your site will familiar swiftly. On the other hand you would get good page rank. Taking a look at the Google PageRank algorithm, which is given by

PR(A) = (1-d) + d (PR(T1)/C(T1) + ... + PR(Tn)/C(Tn))

one may assume that an additional inbound link from page X increases the PageRank of page A by

d � PR(X) / C(X)

where PR(X) is the PageRank of page X and C(X) is the total number of its outbound links.

The anchor text

Anchor text is the clickable text in a hyperlink. Googlebot scan anchor text according to relevancy of the page you're linking to, rather than common text. Anchor text has a good value for SEO. The anchor text will adds value, but it is minimal relative to follow links. Though it don't pass authority however. You need a healthy mix of do-follow and no-follow links.

What Matt Cutts think about no-follow backlink?

Google spam sheriff Matt Cutts has stated that Google Search Engine takes "nofollow" factually and it does not "follow" the link at all. But a study on link building reveal that Google does follow the link, but it does not index the linked-to page. This is an important piece of the equation that should be noted that if you go in Google Webmaster tools then you would see all do-follow and no-follow link has indexed. So if Google doesn't index or follow a no-follow link then why those no-follow links appear in webmaster tool? This is a big question.

In conclusion, from my point of view every blog or website require link diversity. Suppose your site has all do-follow or no-follow link then Google Penguin will think that all those are unnatural which will lead to a bad impact on your site SEO and page ranking. So your site should have combination of do-follow and no-follow link that will boost up your SEO value and page rank. And link from no-follow site you should not avoid it you should go and get it.

Freelance Sites for Jobs And Money

online jobs

The most talkative online money earning source is freelancing. There are millions of people are engage with freelance job to maintain their family. Specially in Asian countries greatly involve with this jobs and they are earning money for living. Generally we can say Freelance is a form of entrepreneurship where a potential worker will engage in short term job within an agreement and s/he will done the job according to scheduled time.  And finally worker transfer the services to contractor and in exchange of worker will receive money.

There has not any selective area of freelance job but mostly I have seen some common popular freelance job that is Article Writing, web design, graphic design , Data entry, event management, publishing, Social media marketing, journalism, , screenwriting, music, film making copy editing, acting, photojournalism editing,  proofreading, indexing, copy writing, computer programming, video editing, video production, translating and many more.

Many people diverting on this job because they can work from home and they are their own boss as well as flexibility of work and get many benefits.

So I am sharing some top legit freelance site with little description where you can earn money. There are many scammer and scam site all over the net so you have to be careful to select right one.

1. Elance

self employmentElance is in leading positing in the field of Freelance and most of the advance freelance worker wants to get connect with Elance. You would find wide range of jobs opportunity and huge jobs are adding everyday on this site. I think people like this site only for user friendly interface but I must say its design is very professional. If you can manage job there they you can earn up to 450 million lifetime earnings. It�s really amazing for potential freelance worker.

  •  Site Address:  https://www.elance.com/

2. oDesk

oDeskoDesk is legit and very popular freelance site. Mostly  Bangladeshi, Indian and Pakistani freelance workers are involve with it. Because this site is highly trustable among contractor and worker.  An oDesk worker can get 20 bid per month. I have personally seen many family in Bangladesh maintaining their family by the earnings from oDesk site. We can say this Elance and oDesk are in same row with extensive job opportunity.

  • Site Address: https://www.odesk.com/

3. Guru

guruGuru is a good freelance site but less opportunity for free members because there are very limited bid for them.  This site is emphasizing on writing job. However you would find many job categories. Here millions of freelancer registered with Guru and they are working and earning money.

In case of payment you must have PayPal and prepaid Master Card. 
But PayPal is unavailable in some Asian countries.

  • Site Address:  http://www.guru.com/

4. Freelancer

freelancerFreelancer is very oldest site over the net.  But you would find its popularity all over the world. It has become giant now in Freelance sector. Freelancer provide higher commission and good working opportunity with legit contractor for new freelance worker. In addition, you would get more options to draw your earnings. And there is a good news that Freelancer acquired vWorker which was 
award winning freelance site and  ScriptLance site.

  • Site Address:  http://www.freelancer.com/

5. Getacoder

get a coderGetacoder is best site for programming, database development and web designing. Its payment options and amount are handsome. I think those who are looking for database development job they should try this site. However similar opportunity for skill worker who got programming and web designing knowledge.

  • Site Address:  http://www.getacoder.com/

6. Donanza

make moneyDonanza is best site with extensive range of jobs. And there is a good service provide by Donanza taht you can easily get information where you have registered for get a job from different sites.  In this case it will save your time and effort to check your job application constantly.

  • Site Address:  http://www.donanza.com/

7. 99designs

design siteYou can understand by its name that what type of site is this. Freelance worker will get all kinds of design related job such as, graphic designing. Including logo design, web design and many more. Actually the main contractor of this site is businessman and marketers. They often required some design consequently they place job on this site. Presently 99designs has over 80,000 buyers.

  • Site Address:  http://99designs.com/

8.  Fiverr

commission I think you are well-known about  Fiverr this site is very interesting. Suppose you can get  buyer and selling services from other users only for $5. The outlooks of this site has recently improved a lot you would love its professional design. There are millions of people are making money from Fiverr.

  • Site Address:  http://fiverr.com/


Potential workers should take the experience of Freelance work.  Specially students grab this opportunity to earn some extra bucks to support their study. I think not only money earnings but also you can become a skilled person by doing Freelance job which will help to enrich your curriculum Vita. 

Beside of this I have found that the main problem of Freelance is about getting payment.  Because most of Freelance site make Payment through PayPal. But in most Asian countries PayPal is not valid. However I have shared with you an article that how you can activate Paypal account where PayPal is not operating. I think that this article will help you to open PayPal account and you would be able to easily get paid through your PayPal account even PayPal is not operating in your country. 
All the Best,

BS Responsive Blogger Template

responsive template

BS Responsive Blogger Template is a multi-purpose Blogger template specially designed for blogging tips, news bulletin and Technology blogs. And this is my first responsive blogger template with elegant color scheme (Cyan and Blue), BS Responsive gives your visitors a new experience though the responsive and flexible design. It has build with simple and clean design, which is able to attract your visitors easily.

Template Name: BS Responsive
Platform: Blogger / Blogspot
Release date : 22, September 2013
Author : Mohammad Fazle Rabbi
Website: www.bloggerspice.com
License : Creative Commons Attribution 3.0

Live Demo    Download

Features of BS Responsive Blogger Template

I am explaining some key features that I have incorporated in this responsive blogger template that might be helpful for potential users.

SEO Friendly Breadcrumbs

I have added very attractive and SEO friendly Breadcrumb which will love Visitors and Search Engine. The breadcrumbs will display parent categories of the contents thus visitors can easily navigate your site in depth.

Responsive Design

Responsive design is the main feature of this template which automatically fits different devices i.e. iPad, iPod, Android and etc. As this is my first responsive designed template so I have tried to give some different shape on it.  

Lightweight `auto read-more`

I am very thankful to Taufik Nurrohman that he has innovate Lightweight auto readmore hack  for Blogger that makes my template more faster in loading.

Stylish Header

I have added an awesome background design on header which has add some extra spice on this template.

Flat Menu

To keep it simple I just added flat menu with home button image which is very attractive and user friendly.

Attractive Popular Post

I have added my recently coded splendid Popular post widget with hover effect that best match with this responsive blog theme color.

More Features

2 columns Template, 3 columns Footer, Threaded commenting system, Ads space below header, SEO Friendly and much more.

BS Responsive Template in Different Devices


themesiphone


responsive device blogger template


How To Customize Menu?

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by pressing Ctrl+F

<li><a href='#'>About</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>Tutorial</a></li>
<li><a href='#'>Gadget</a></li>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Make Money</a></li>
<li><a href='#'>Portfolio</a></li>
<li><a href='#'>Contact</a></li>

Step 4 After finding it Replace # with your URLs and Save the template.

Though this is my first responsive template design but I hope this responsive template would help your visitors enhance their user experience. In addition this template load very first. Let me know what do you think about BS Responsive template?

License

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.

However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:

  • http://creativecommons.org/licenses/by/3.0/

HTML5 Rocks in Google Blogging Platform

HTML5 VS CSS3

Everywhere is roaming a name HTML5 and blogger also using HTML5 in developing their widget and plugins. But what actually HTML5 it is not known by many newbie. We can explain HTML5 simply that it is a markup language for structuring and displaying the contents of World Wide Web (www). Actually HTML5 is an improved version of HTML. Al together 5 times improved and released the version. So they named the last released version as HTML5.

Basically the main purpose is to improve the development of HTML5 technology to support the latest multimedia technology, easily readable by humans and easily understood by different devices.

The W3C has �finalized� HTML5. The W3C is already worked on HTML 5.1, the next �snapshot� of the �living standards� work done within WHATWG (Web Hypertext Application Technology Working Group), the Web Hypertext Application Technology Working Group. They decided to work together and form a new version of HTML.

Finally W3C (World Wide Web Consortium and WHATWG (Web Hypertext Application Technology Working Group)  worked on project whose outcome is HTML5.

Why HTML5 has developed?

There are many purpose and objective was behind developing HTML5. Mostly it was developed for the following reason-
  • HTML5 focus on DOM elements, CSS styles, Simple JavaScript APIs like Geo-location
  • To decrease the use of external plugins (like Flash)
  • Penganga better error 
  • Adding additional markup to replace scripting
  • Making HTML5 for standalone device
  • To make more visible the development process

What New features HTML5 brought for us?

  • Canvas element to draw
  • Video and audio elements for media playback
  • Better support for offline storage
  • More specific content elements, like article, footer, header, nav, section.
  • Shape form controls such as a calendar, date, time, email, url, search.

Which browsers are supporting HTML5?

There are often a question about browsers compatibility. Now widget developer knows that Google Chrome and Firefox are in leading position and when they develop a widget they test them on those browsers first. Internet Explorer become sucks.

Currently there are major popular browsers already supporting HTML5, such as Google Chrome, Safari, Firefox,Maxthon and Opera. Seemingly IE9 (Internet Explorer) will support some of the features of HTML5. If you want to test your browser that compatible with HTML5 then simply go to
  • http://html5test.com

and test the compatibility score. Surprisingly Maxthon browser�s score is highest.

How bloggers will be benefited by HTML5?

Due to development of HTML5 there are a revolutionary changes on different blogging platform. The latest trend of blogging is Responsive Design that goes Mainstream. For the rapid growth of various mobile devices millions of web surfer use those instead PC or Laptop. So we should redesign our template according to device compatibility. As a result developers has no other choice but to develop websites, blog and apps that can dynamically adapt to an unpredictable array of screen sizes and resolutions. HTML5 has made it easy to make a template responsive.

There are a revolutionary changes has brought by HTML5 in video embedding. Earlier we are depend on different plugins like Flash, Microsoft silver lights but every plugins require different coding. As a result application or browser plugin makes it difficult for a web application browser penetrate much. This is because each plugin has a different ways.

HTML5 is designed to simplify the complexity of the use of video media with a new standard that uses <video> tag . With this new feature so we just write a script to run the following video file

    <video src=BloggerTips.mp4>
    </video>

And the code is now simplified which was not possible in HTML4 version.

New HTML

Beside of this the great news for Blogger that Google has launched a HTML5 site with resources whose name is HTML5 Rocks. To get the resource please visit-
  • http://www.html5rocks.com/en/

This site is based on 4 component. Such as -
  • Interactive Presentation
  • HTML5 Playground
  • Tutorials
  • Resources

So hopefully blogger will be benefited by using this site and improve their knowledge.  

I think those information will be useful for the newbie and want to learn about HTML5. And blogger should be ready to use HTML5 in their template designing and widget developing. Stay tune for more exciting release from us.

Kategori

Kategori