Friday, July 26, 2013

How to Backup Google contact,blogger,video Through Google Takeout

Leave a Comment
The finest protection against any sort of security threat is to have a complete up-to-date backup of your contact,video,site,etc.  Taking backups on a daily basis is the only habit that a Blogger/Webmaster must have.  If your site is massive in size then you can take backups may be weekly or biweekly, but if your site is relatively small then taking the data of your site on a daily basis would not harm you. This does not mean that Blogger is unsafe. All we are suggesting is that, your blog is hosted at Google servers, so you are not the only administrator of your site. If somehow, Google deleted your site probably due to their terms and policy violation then, what would you do? You would be left empty handed. However, if you have a complete up-to-date back up of your site then, things might be turn around.

Since, Blogger.com is a free to use service by Google. Therefore, people often create too many blogs under the same account. This makes hell lot difficult for you to manually take backups of each and every site separately. Doing the same thing again and again might annoy us all. Fortunately, every problem has its solution and thanks to Google Takeout that helps us to download the backup of all blogs under a certain Blogger account. In this article, we will show you How to Backup Data of Your All Blogger Blog with just one Click.

First go to https://www.google.com/takeout/#custom and Login to your Google or Gmail Account. After logging in to your account, it will take you to a new page here you will see a list of services that you have used through your Google account.

From the list select of services select “Blogger” and it will take you to a new page which would derive the data of your site from your account and would also calculate its total size.

 Once its finishes the calculation, Select the “Create Archive” button at the bottom of the page and proceed to the next step. (Remember: you can also back up a single site by using the configuration tab).
Now, a new wizard would take place, it will again calculate the date of your all blogs and would generate a Database for you so you can download it with just once click. Usually it takes few seconds to complete but if the size and the numbers of your blogs are more massive than it would take a while to generate.
Once the progress bar reaches 100 you can press the Download button to download the whole database of your all blogs. (The finest thing about this service is that it compresses the data tremendously that a 1GB file reduces to just 300MB).


After downloading the database successfully, you can unpack the files which would reveal the backups of your all blogs arranged in an alphabetical order. Seems like, mission accomplished!


Now you can back up your all blogger sites within few clicks. On the top of that, the database is highly compressed, so it would take much lesser time to download. If you liked this article, then do share it on Facebook, Twitter and etc.
Read More...

Monday, July 22, 2013

47 Cool and Useful CSS3 Tutorials and Techniques

Leave a Comment
Using CSS3 proficiently makes design a lot more fun. With a good command of CSS3, you can create beautiful designs with great efficiency and ease. CSS3 tutorials are extremely helpful, not only for the professionals, but, also for the beginners.
Here we have put together a smart collection of useful CSS3 tutorials to help you learn the nitty-gritty of it so that you can use it to create more beautiful web sites. Enjoy!

1. Swatch Book with CSS3 and jQuery

47 Cool and Useful CSS3 Tutorials and Techniques

2. 3D Thumbnail Hover Effects

47 Cool and Useful CSS3 Tutorials and Techniques

3. Create a Stunning Menu in CSS3

4. More Efficient CSS3 Transitions

More efficient CSS3 transitions

5. Create Fluid Layouts with CSS3 and HTML5

Create fluid layouts with HTML5 and CSS3

6. Mastering CSS3 Multiple Backgrounds

7. Custom Drop-Down List Styling

Custom Drop-Down List Styling

8. Quickly Build a Swish Teaser Page With CSS3

9. Growing Thumbnails Portfolio

Growing Thumbnails Portfolio

10. Button Switches with Checkboxes and CSS3 Fanciness

Button Switches with Checkboxes and CSS3 Fanciness

11. CSS3 Filters: Altering HTML and Images with just CSS

12. 3D Flipping Circle with CSS3 and jQuery

3D Flipping Circle with CSS3 and jQuery

13. Making an Impressive Product Showcase with CSS3

Making an Impressive Product Showcase with CSS3

14. CSS-Only Responsive Layout with Smooth Transitions

CSS-Only Responsive Layout with Smooth Transitions

15. Creating an Animated 3D Bouncing Ball with CSS3

Creating an Animated 3D Bouncing Ball with CSS3

16. Making a Page Flip Magazine with turn.js

Making a Page Flip Magazine with turn.js

17. Animated 3D Bar Chart with CSS3

Animated 3D Bar Chart with CSS3

18. A Pure CSS3 Cycling Slideshow

A Pure CSS3 Cycling Slideshow

19. Annotation Overlay Effect with CSS3

Annotation Overlay Effect with CSS3

20. How to Create an Interactive Graph using CSS3 & jQuery

How to Create an Interactive Graph using CSS3 & jQuery

21. Fluid CSS3 Slideshow with Paralax Effect

Fluid CSS3 Slideshow with Paralax Effect

22. Create a Sticky Note Effect with CSS3 and HTML5

Create a Sticky Note Effect with CSS3 and HTML5

23. Animated Content Tabs with CSS3

Animated Content Tabs with CSS3

24. Swishy CSS3 Navigation

Swishy CSS3 navigation

25. Rotating Words with CSS Animations

Rotating Words with CSS Animations

26. How to Create Accordion Menu in Pure CSS3

How to Create Accordion Menu in Pure CSS3

27. Login and Registration Form with Html5 and CSS3

Login and Registration Form with Html5 and CSS3

28. An Introduction to the CSS Flexbox Module

An Introduction to the CSS Flexbox Module

29. Responsive Content Navigator with CSS3

Responsive Content Navigator with CSS3

30. Recreating the IBM Lotusphere Logo in CSS3

Recreating the IBM Lotusphere logo in CSS3

31. Apple-like Login Form with CSS 3D Transforms

Apple-like Login Form with CSS 3D Transforms

32. CSS3 Dropdown Menu

CSS3 Dropdown Menu

33. Original Hover Effects with CSS3

Original Hover Effects with CSS3

34. CSS3 Menu Navigation Effect

CSS3 Menu Navigation Effect

35. CSS3 with jQuery / Reverse Animation

CSS3 with jQuery / Reverse Animation

36. CSS3 Progress Bars

CSS3 Progress Bars

37. Creating a PHP and CSS3 Powered About Page

Creating a PHP and CSS3 Powered About Page

38. How to Create a Beautiful Icon with CSS3

How to Create a Beautiful Icon with CSS3

39. Create 3D Ribbons Only Using CSS3

How To Create Depth And Nice 3D Ribbons Only Using CSS3

40. Create an Upload Form using CSS3, HTML5 and jQuery

How to Create an Upload Form using CSS3, HTML5 and jQuery

41. Create an Video Player with jQuery, HTML5 & CSS3

How to Create an Video Player in jQuery, HTML5 & CSS3

42. Master the new CSS layout properties

Master the new CSS layout properties

43. Image Accordion with CSS3

44. Modern Lightbox with CSS3 and JavaScript

Creating a Modern Lightbox with CSS3 and JavaScript

45. Create a Beautiful Password Strength Meter

Create a Beautiful Password Strength Meter

46. Fullscreen Slit Slider with jQuery and CSS3

Fullscreen Slit Slider with jQuery and CSS3

47. The Facebook Loading Animation

The Facebook loading animation
[Source : 1stwebdesigner.com]
Read More...