Create Free Website

Grandrat.com Website Solutions

Grandrat Blog -  Most recent articles; news and updates, site of the week, reviews, tutorials, members article, general blogs and many more.

view:  full / summary

Treat Yourself and Save during Webs' Sale

Posted by Six on October 29, 2012 at 5:10 AM Comments comments (0)


When you upgrade to a Pro Package at 60% off, you'll get sweet new features like a premium mobile site, more storage space for your content, and unlimited web store items - all for less than your current Enhanced Package. Now that's a scary good deal.


 

Not ready to go Pro? You can still save 33% when you add another year of Enhanced services.


Sale ends November 1, 2012 at 11:59pm EST

Fall Into Savings, Up to 60% Off - Final Hours

Posted by Six on October 22, 2012 at 1:25 AM Comments comments (1)



Take your website from good to great by upgrading your Webs package today. Pick the package that's right for you - they're all on sale now!

 

Don't miss your chance to save up to 50%

 

Sale ends October 25, 2012 at 11:59pm EST

Getting the most out of Bing Webmaster Tools

Posted by Seventeen on October 10, 2012 at 7:15 PM Comments comments (5)



Wondering how Bing Webmaster Tools can help you in your search engine performance? With Bing SEO Analyzer, you can discover which areas of your page may need to work to comply with SEO best practices. This tool will assist you and give you details whether you’re doing well with your Search Engine Optimization or you need to improve more in your SEO performances. Part of this tool is their SEO Suggestions which gives you a detailed report of page errors and their individual descriptions. You can see in their report the severity of each error; low, moderate or high and Bing will give you suggestion, recommended action with SEO explanation to improve your website’s performance. How sweet is that? You can do exactly what Bing suggested or improve it more to get the best result you’ve ever wanted. This SEO Analyzer is just one of the useful tools you can have with Bing Webmaster Tools, there’s a lot more you can use to develop a better performing website.


 

How to use Bing SEO Analyzer:

 

Login to: www.bing.com/toolbox/webmaster

From your dashboard, select the site you want.

Click on Diagnostics & Tools

Look for SEO ANALYZER

Enter the URL you want to be Analyze

And that’s all.

Guide on Web Designing

Posted by Six on October 6, 2012 at 6:50 AM Comments comments (0)

Web Designing

  • Web designing is to contrive as to the arrangement of production and construction of web pages. The structures of Web Designing are based on the architectural layout of pages which are linked to the designer’s groundwork of construction and idea. To facilitate on any given proposal or development, designers and programmers are ought to work together, not constantly but should be. The manifestation of layout must be engineered by designers upon arrangement and composition of design. Basically the idea of designing a web is associated with the projects content, theme, and includes user’s convenience. Amongst all, designers must be accompanied by software tools along with creative ideas.

 

Choosing the Right Software

  • There are varieties of software available for designing a website. Software may differ according to skills and knowledge required to use them and the results they produced. You can create basic design using standard software. You can add dynamic commanding design and animation with more advanced software. Talking of Standard (Basic Software) and Advanced (Pro Software), the familiarity of those two terms obviously varies in large diversity. Standard will stand for a minimal usage of applications and negligible access in design while Advanced is more beneficial on applications, features, functions, composition, etc. In contrast, having an Advanced software may take you an hour to learn all features, application, and so on and may sometime need some assistance or tutorial for functions of the said software whereas Standard software makes it more comprehensible and easy to use. Selecting one of those is not actually mind bubbling; it doesn’t mean that having an Advanced software will make you a better designer than that of the Standard. Choosing the best software for designing a website means you can think of underlying principle connected to your designing skills and leave the catalog not associated with your scheming ability. If your website idea compounds with logo and banner with a plain template, there is no need to go Advanced unless otherwise the composition of your logo or banner are graphics solvent. To make it simple, for the plain platform there is no need to go Advanced right away and as for the well-to-do module you can go on Advanced Software.

 

3 Essentials of Web Designing

  • Banner – Uniqueness is power. Commonly, banner represents the content of the site. For example, if your site is all about earning money, usually the banner has also $$$ sign. Further more, banner should be relevant to the site theme and its content. Creating a unique and conspicuous web banner will embody a superior feeling and relaxation for the users to reside more into your site.
  • Logo – Creativity is forever. Generally, logo signifies the name of the company, sites name, etc. In an instance, if the company’s name is “facebook” the logo would be fb and if your site’s name is Asia, more often the logo would be a map of Asia. Inserting a simple but creative design to your font logo or creating an original graphics is enough to make users recognize and remember your company’s name. The profound understanding of a logo is when it complements to the businesses name, organization, site, company and so forth.
  • Template – Simplicity is beauty. The core components of template construction are based on background, fonts, button, and design. Having these four components simply designed and organized well would be a perfect deal for your visitors. In addition, structure together with the coding and content should also constantly represent glamour and sociability.

 

Note: This article is mirrored in the success of other web designers and do not oblige readers to tag on and primarily no intention of devastation of manuals written by experts.

Fotolia Review

Posted by Six on October 6, 2012 at 6:40 AM Comments comments (0)

Fotolia is one of the fast growing social marketplaces for royalty free stock images. With more than 3,011,923 members, Fotolia made an impact in the microstock photography industry. The company offers the largest image bank of free and affordable royalty free photos and illustrations perfect for any medium, web or print. Their remarkable and brilliant source allows you to select and pick a variety of images of not less than 12 million.



ACCESSIBILITY

 

  • The site’s ease of use is indeed trouble-free and exceptionally easy to navigate. In addition, Fotolia’s site has a modest approach wherein users are often overwhelmed by their comfy design, layout, and content. In support, the site has an impressive way to interact with their audience by actively utilizing productive resources. Hence, the site effectively encourages interactivity between their workforce and the users. Furthermore, Fotolia includes a site translator applicable for international communication purposes.


OPPORTUNITY

 

  • Aside from providing quality images, Fotolia makes it more interesting by offering photographers an opportunity to contribute to their successful community by uploading their photographs at Fotolia and eventually gain an income that can reach thousands of dollars a month. This gives photographers a chance to expose their work and gain revenue without heading over the exhibit area. The scheme is made to aid photographers and build a yearning relation in juxtaposition with their enthusiasm of photography.


ADVANTAGE

 

  • Graphic designers, artists and web development team have now chosen Fotolia as their number one source of graphic elements and redesign print publications for the web environment. Compositing graphics are now easily made to produce an elegant and outstanding design using Fotolia’s stock images. This is more likely the best advantage to put your design into the subsequent stage.


Visit Fotolia Website

Create an Elegant Facebook Fan Pages For Free

Posted by Six on October 6, 2012 at 6:30 AM Comments comments (1)

With Pagemodo, you can create customized, remarkable and elegant Facebook Fan Pages for Free! A Pagemodo-powered page dazzles and captivates Facebook visitors, turning them into fans and customers. In this all in one tool, you can create your own Facebook Fan Pages, without any coding, programming, or design experience needed. Pagemodo comes with numerous customizable templates in a range of styles, all of which convey that your company is professional and trustworthy. With all of the apps and marketing accessories that you will need to have a successful Facebook Fan Page, Pagemodo helps you carry out and achieve your social media goals.



Take your Facebook Fan Page into the next level, by giving your Fan Page a creative, unique, and outstanding logo design, banner, or even advertisements. That’s when Grandrat.com may take place to help you make the most of your desired graphic rudiments for Free!

You can take your Facebook Fan Page into the next level, by giving your Fan Page a creative, unique, and outstanding logo design, banner, or even advertisements. That’s when Grandrat.com may take place to help you make the most of your desired graphic rudiments for Free!


Create an Elegant Facebook Fan Page the Effortless Way!

Glossy Website Button Tutorial

Posted by Seventeen on October 6, 2012 at 3:45 AM Comments comments (6)

This tutorial will teach you a step by step "how to create a glossy website button".



Open your Adobe Photoshop

 

--------------------------------------------------------------------

 

1. Click “File” and click “New…”

--------------------------------------------------------------------

 

2. After you click “New…” A box will appear like the image shown below. Change the following:

 

Width: 170 | pixels

Height: 50 | pixels

Resolution: 72 | pixels/inch

Color Mode: RGB Color | 8 bit

Background Contents: Transparent

After you made the settings, click “OK”.

 

--------------------------------------------------------------------

 

3. Then, at the right side of your photoshop, look for the “Layer 1” then right click it, and click the “Duplicate Layer…”

--------------------------------------------------------------------

 

4. Now a box will appear, click “OK”

--------------------------------------------------------------------

 

5. Then repeat, right click “Layer 1 copy” then duplicate layer again. You should have 3 layers now, namely “Layer 1” “Layer 1 Copy” and “Layer 1 copy 2

--------------------------------------------------------------------

 

6. Now single click “Layer 1”

--------------------------------------------------------------------

 

7. And at the left side of your photoshop, right click the “Rectangular Tool” and look for the “Ellipse Tool” then click it. Just see the image shown below to know exactly where the “Ellipse tool” is located.

--------------------------------------------------------------------

 

8. After you click the “Ellipse tool”. Draw an oval shape. See image below.

--------------------------------------------------------------------

 

9. Now that you have an oval shape, go to the right side of your photoshop again, then right click “Layer 1” then click “Blending Options…”

--------------------------------------------------------------------

 

10. After clicking the “Blending Options…” Click “Gradient Overlay”.

--------------------------------------------------------------------

 

11. Now click “gradient”… See image below to know where exactly to click.

--------------------------------------------------------------------

 

12. A “Gradient Editor” box will appear. Now follow the image below where the arrow is pointing to. Single click it.

--------------------------------------------------------------------

 

13. Click on the color. See image below.

--------------------------------------------------------------------

 

14. A box will now appear. Change the # color to 027fb9 see the image below to know where exactly to put your #color. Then click “OK”

--------------------------------------------------------------------

 

15. Then follow the image shown below where the arrow is pointing to. Single click it.

--------------------------------------------------------------------

 

16. Click on the color. See image below.

--------------------------------------------------------------------

 

17. A box will appear again. Change the # color to 0162cb see the image below to know where exactly to put your #color. Then click “OK”

--------------------------------------------------------------------

 

18. The gradient editor will appear. Click “OK” again.

--------------------------------------------------------------------

 

19. Then the layer style will show. Just click “OK” again.

--------------------------------------------------------------------

 

20. Now, single click “Layer 1 copy”

--------------------------------------------------------------------

 

21. Then click on your “Ellipse Tool” again.

--------------------------------------------------------------------

 

22. Draw an oval. See image below to know where to draw your new oval shape.

--------------------------------------------------------------------

 

23. And at the left side of your photoshop, click on the “Rectangular Marquee Tool”.

--------------------------------------------------------------------

 

24. See image below to know what to select using your “Rectangular Marquee”

 

--------------------------------------------------------------------

 

25. On your keyboard, look for the “delete” button, then press it. If you do not have a “delete” button on your keyboard, simply use the eraser in your photoshop then erase it. See image below to know where exactly to delete/erase.

 

--------------------------------------------------------------------

 

26. And at the right side of your photoshop, look for your “Layer 1 copy” right click it then click on the “Blending Options…”

 

--------------------------------------------------------------------

 

27. Click “Gradient Overlay”

 

--------------------------------------------------------------------

 

28. Click “Gradient”… See image below to know where exactly to click.

 

--------------------------------------------------------------------

 

29. Follow the image shown below where the arrow is pointing to. Single click it.

 

--------------------------------------------------------------------

 

30. Click on the color. See image below.

 

--------------------------------------------------------------------

 

31. Change the # color to 0271c2 see the image below to know where exactly to put your #color. Then click “OK”

 

--------------------------------------------------------------------

 

32. Now change the “Location” to 30 see the image below to know where exactly to put the location number.

 

--------------------------------------------------------------------

 

33. Then click “OK”.

 

--------------------------------------------------------------------

 

34. Layer style will appear. Just click “OK”.

 

--------------------------------------------------------------------

 

35. You now have an image like this.

--------------------------------------------------------------------

 

36. Now single click “Layer 1 copy 2”

--------------------------------------------------------------------

 

37. Click on your “Ellipse Tool” once again.

 

--------------------------------------------------------------------

 

38. Draw an oval again. Just follow the image shown below to know where to draw your oval shape.

 

--------------------------------------------------------------------

 

39. Click on your “Rectangular Marquee Tool” again.

 

--------------------------------------------------------------------

 

40. See image below to know what to select using your “Rectangular Marquee”

--------------------------------------------------------------------

 

41. On your keyboard, look for the “delete” button, then press it. If you do not have a “delete” button on your keyboard, simply use the eraser in your photoshop then erase it. See image below to know where exactly to delete/erase.

--------------------------------------------------------------------

 

42. And at the right side of your photoshop, look for your “Layer 1 copy 2” right click it then click on the “Blending Options…”

 

--------------------------------------------------------------------

 

43. Click “Gradient Overlay”

 

--------------------------------------------------------------------

 

44. Click “Gradient”… See image below to know where exactly to click.

 

--------------------------------------------------------------------

 

45. Follow the image shown below where the arrow is pointing to. Single click it.

--------------------------------------------------------------------

 

46. Click on the color. See image below.

--------------------------------------------------------------------

 

47. Change the # color to 219dd7 see the image below to know where exactly to put your #color. Then click “OK”

 

--------------------------------------------------------------------

 

48. Now change the “Location” to 6 see the image below to know where exactly to put the location number.

--------------------------------------------------------------------

 

49. Follow the image shown below where the arrow is pointing to. Single click it.

--------------------------------------------------------------------

 

50. Click on the color. See image below.

 

--------------------------------------------------------------------

 

51. Change the # color to 116fd5 see the image below to know where exactly to put your #color. Then click “OK”

 

--------------------------------------------------------------------

 

52. The gradient editor will appear. Click “OK”.

 

--------------------------------------------------------------------

 

53. Layer style will appear. Just click “OK”.

--------------------------------------------------------------------

 

54. Now you should obtain an image like this.

--------------------------------------------------------------------

 

55. To save it. Click “File”. Click “Save As…”

 

--------------------------------------------------------------------

 

56. Name your button and save it as .png or .gif

 

--------------------------------------------------------------------

 

This should be yourbutton.png or yourbutton.gif

 

--------------------------------------------------------------------

 

This tutorial will apply to other glossy buttons like these:


Just experiment with this tutorial. Change the style, color, size, etc.


Rss_feed

Oops! This site has expired.

If you are the site owner, please renew your premium subscription or contact support.