Sunday 18 April 2010

HOW TO CONSTRUCT GOOGLE SITES: TIPS-1

HOW TO EDIT AND MODIFY YOUR BLOGGER TEMPLATE


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


************************************************************************


************************************************************************
Once you get hooked on bloggers, you get tired of the default templates. If you are just like me, then you would like to personalize your blogger. There are a quite a number of functional and beautiful blogger templates we can import to replace these default templates and they are free. First of all, you can just download a blog template from World Press, paste it over your default blogger template- eh voila, c’est tout.

On the other hand, if all you want to do is to modify it a bit, you can do some of the following. You can change the colours and layout of your existing template into something that's unique and attractive. You can add different headers, change the background, and even change the font style and actually it’s really very simple.

To change the fonts and colours of your template: Go to your Google blogger dashboard and click on the layout tab. From there you'll see four links: post, setting, html, design/layout. Choose the fonts and colours link and you'll be taken to a page that is split into two sections. The top section contains the items that you can edit and change and the bottom section gives you a preview of what that change will look like. Feel free to modify the elements as much as you like because you cannot cause any changes until you press the save button. Assuming you choose a colour or font that you don't like you can always cancel those changes. Once satisfied, you can save the changes.

Another thing you can do is to add a personal header to the page. Most default headers display just text but you can easily add an image behind the text or even replace the text at the top. To accomplish this, go to the layout tab and click on the page elements link. You'll see a page that shows the basic layout of your blogger. Find your header at the top and click on the edit link to bring up the configure header display. From here you can upload your image. Where would you like to put it behind the text or instead of the text? Most Blogger header sizes are 730 pixels wide so keep this in mind when designing your header graphic.

Advanced editing can also be done to your template however you will need some html knowledge before you try to rewrite any code. All the same, there are some simple things that you can do that shouldn't be too hard. The first is changing the background colour of your page as we mention above. Scroll down until you see the body style sheet of the template. This is where you'll find the information about your template such as background colour, line-height and general font-size. If you know the hexadecimal colour number that you want for your background then just replace it- that’s the number that starts with a hash (#)) -with your new colour number.

In the advanced editing section you can also add your Google Analytics code at the bottom of the template before the /body tag if you would like to track your visitors.

At the basic level you can do one of the following:
List: Add a list with the ability to add a title, select the number of items to display, sort your list alphabetically and add links to your list elements.
Link List: Add a link list to your blog with the ability to add a link list title, select the number of items to display and sort your link list alphabetically.
Labels: Add a list of all the labels you've used on your posts. Click each link to see a page showing all the posts with that label. You can change the title of the list, and sort it alphabetically or by frequency of use.
Picture: Add a picture from your computer or the web. You can also add a title and caption to your picture and shrink the picture to fit into your blog perfectly.
Text: Add text to your blogger -a welcome message or footnote with the rich text editor.
HTML/JavaScript: Add an imported HTML/JavaScript code to your blog.

Feed: Add content from a site feed. Enter the feed URL, then click Continue. You'll then be able to add a title, select the number of items to show (up to five) and display the item dates and/or authors by selecting the appropriate check boxes.
Prepared by HLK

 *******************************************************************



FOR FURTHER RESOUCES TO MODIFY YOUR BLOGGERS, PLEASE GO TO:
****************************************************

HOW TO CHANGE THE BANNER ON A DEFAULT BLOGGER
http://www.blogher.com/changing-banner-changing-banner-how-customize-banner-your-bloggercom-blog

HOW TO USE GOOGLE VIDEOS
http://www.google.com/search?hl=es&tbs=vid:1&q=google+talks&aq=f&aqi=g1&aql=&oq=&gs_rfai=

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


WHERE TO FIND USEFUL INFORMATION TO BUILD UP GOOGLE SITES


YOUTUBE COPYRIGHT INFO
http://www.youtube.com/watch?v=lFk4ANEbCN4


*********************************************************************************
GOOGLE WEBMASTER INFO YOUTUBE
http://www.youtube.com/watch?v=kLBDZNYfHyQ

GOOGLE PRODUCTS
http://google-productos-es.blogspot.com/



 FREE GOOGLE WEBSITES
http://www.google.com/support/bin/static.py?page=guide.cs&guide=25890&topic=25896


HOW TO CREATE A NEW GOOGLE WEBSITE ( HLK'S)
https://sites.google.com/site/cognitivestrengthslanguages/

*******************************************************************************
STAY IN TOUCH WITH THE FAMILY WHILE TRAVELLING
http://www.google.com/support/bin/static.py?page=guide.cs&guide=25707&topic=25708

*********************************************************************************
HOW SET UP A LINK FOR PUBLIC REACTIONS TO YOUR BLOG TOP
http://www.google.com/support/blogger/bin/answer.py?answer=143413&&hl=en

*********************************************************************************
HOW TO ORGANIZE A SOCIAL CLUB

http://www.google.com/support/bin/static.py?page=guide.cs&guide=25890&topic=25891&utm_source=GLS&utm_medium=9&utm_campaign=combo&hl=en

********************************************************************************

BLOGGERS UNITE TOP
http://www.blogcatalog.com/group/bloggers-unite


**********************************************************************************
GOOGLE GADGETS
http://www.google.es/intl/es/options/

GOOGLE SKETCH UP 7: TUTORIALS TOP


http://sketchup.google.com/intl/es/training/videos.html


http://sketchup.google.com/intl/es/training/videos/new_to_gsu.html


SKETCHUP-7 SOFTWARE


http://sketchup.google.com/intl/es/product/newin7.html

GOOGLE.ES
http://www.ucm.es/

GOOGLE.CO.UK
http://www.lon.ac.uk/

GOOGLE.FR
http://maps.google.fr/maps?hl=es&um=1&ie=UTF-8&q=universite+de+paris&fb=1&gl=fr&hq=universite&hnear=paris&view=text&ei=X-3LS9nXJoj00gT4wMTABA&sa=X&oi=local_group&ct=more-results&resnum=1&ved=0CBsQtQMwAA

GOOGLE.COM (HARVARD)
http://www.summer.harvard.edu/


GOOGLE TRADUCTOR
http://translate.google.com/?hl=es#

GOOGLE READERS/VIEW
http://www.google.com/reader/view/?source=blogger-home-promo&utm_source=blogger&utm_medium=product&utm_campaign=bloggerpromo&hl=en




********************************************************************************

CENTROS PARA WEBMASTERS
http://www.google.com/support/webmasters/

GOOGLE WEBSITE OPTIMIZER (YOUTUBE)
http://www.youtube.com/watch?v=H6QRv_bCzEI&feature=channel

HOW TO SET UP GOOGLE WEBMASTER TOOLS
http://www.youtube.com/watch?v=1l_r-SzHTIs

MAKING AN IMAGE A LINK
http://www.steegle.com/websites/google-sites-howtos/image-link

FREQUENTLY ASKED QUESTIONS
http://www.steegle.com/websites/google-sites-howtos/googlesites-frequentlyaskedquestionsfaq

HOW TO MOVE PAGES
http://www.steegle.com/websites/google-sites-howtos/move-pages

ADICIÓN DE LIBROS A GOOGLE BOOKS
http://books.google.com/support/partner/bin/answer.py?hl=es&answer=138343

HOW TO WRITE HTML SCRIPT