How to Customize Fonts and Colors in Your Blogger Template

How much do you care about your blog design? Do you design it by yourself or use a custom template designed by someone else? However it's up to you to decide whether to use official Blogger templates or custom templates. The look and feel of your blog goes with your taste and creativity. Eventhough you satisfies with your template, later on you may wanna make some changes to enhance your blog design and to give it a new look. For example, assume you wanna change page text and its color. In such a situation, do you wanna contact your template designer to make these changes for you?

Absolutely not. Blogger has extended its template design capabilities for you and made it further more simple. Blogger let you customize fonts, colors and backgrounds of your blog easily via a single interface - Blogger Template Designer. So even if you have no HTML or Cascade Styling Sheet (CSS) knowledge, still you can create the perfect look for your blog. Blogger expanded capability of customization and breaks the limitations. Now it includes wide range of stylish font selection to make your blog design more stylish and modernize. Blogger Template Designer Advanced settings allows you to customize page text, backgrounds, links, tabs, titles and other elements in your template.
Steps:

1. Navigate to Blogger Dashboard.

2. Click on your Blog Title.

3. Navigate to Template from left pane.

Note: Before editing your template, you may want to save a copy of it.

4. Now click on Customize button underneath your blog preview.

5. Now you will be directed to the Blogger Template Designer. Then jump to Advanced section.


6. Now here you can customize fonts and colors of different elements on your blog. Below you can find the description for each page element.
Page Text

Here you can change the font used in the blog and color of the text. However this doesn't affect for your text in posts.


Backgrounds

Here you can change background colors of your template - Outer background, Main background and Header background. If you wish to change your background image, read How to Change Your Blogger Background Image and Color.


Links

This section will allows you to change the font and colors of links displayed on your blog.


Blog Title

If you are not using custom header, here you can change the font and color of your blog title displayed in the header.

Blog Description

Your blog description displays along with the blog title on header if you are using standard blog header. So here you can change color of the blog description shown below the blog title.
Here U can see How to Make a Best Description.

Tabs Text

Here you can change font and colors of the text displayed on the tabs.

Tabs Background

You can change the background color and selected color of your tabs here.

Post Title

If you wish to change the font of post titles, here you can manage it.

Date Header

If you displaying date header on top of list of posts within the day, you can change font and color of date header.

Post Footer

Here you can manage the properties of post footer such as text color, background color and shadow color.

Gadgets

You can change title of gadgets aka elements here.

Images

Here you can manage borders, background and caption of images used in your blog.

Accents

Here you can change separator line color and tabs border color.

Add CSS

If you are familiar with Cascading Style Sheets aka CSS, here you can add custom CSS snippets to override existing styles of your blog.

Notes:

* As you change each values, you can see the live preview of your changes on below view pane. Whenever you select an element, the affected area will be shown by a red dashed line.

* If something goes wrong, you can revert changes to default with the help of link displayed at the bottom of each section.



7. If you are not happy with live preview, click View Blog link on top bar to view your blog with the changes you have made in a different browser tab or window.
8. Once you are comfortable with changes you have made, click Apply to Blog button to apply changes permanently.

Enjoy :-)

How to Change Your Blogger Background Image and Color

Designing your blog is a crucial factor and it will helps you to impress your readers at first sight. There are many options you can follow such as using a custom templates, customizing elements, use of effects on images and more if you consider attractive designing for your blog. However design itself not enough for your blog. So you should work on content to be qualitative too. When it comes to designing, how does your blog background aids in impressing readers? You may not care about it, but your blog background which spread over large amount of area could be able to convey what type of blog and what kind of personality you have. Would you like to give more color to your blog with different background image and colors?

As you change templates, you might see different backgrounds native for them. It could go with your blog and content. It may be your favorite choice. If you have type of common background image, then readers may not impress with your design. Also if it doesn't work out or seems odd for you, then you might seek a way to make use of another background image or background color. So you wanna change background image with a one suitable for your theme. As another reason, sometimes they will find your background color is buggy when they reading your blog. You know, background color and content color should be matched and readers should be able to read them easily without finding any friction for them. So in such a scenario, you have to change your background color to make it more convenient with a new look to your readers. Let's take a look at customizing your blogger background.

Steps:

1. Go to Blogger Dashboard.

2. Click on your Blog Title.

3. Now navigate to Template tab.

4. Click on Customize button beneath your live blog preview.

Change Background Image

i. Click on Background on left pane.

ii. There you can find heading Background image and click on the image box below the heading.

iii. Either you can select background image provided by Blogger or use Upload image menu item to upload you own image.


Note: Blogger allows you to upload only JPG, GIF or PNG files and size should be equivalent or below to 300 Kilobytes. It recommends to use images with 1800 x 1600 or greater dimensions.

iv. Click Done button after the completion of upload.


Change Background Color

i. Navigate to Advanced menu item.

ii. Find and click Backgrounds sub menu item.

iii. Change Outer Background, Main Background or/and Header Background color as you prefer.


5. After making necessary changes, click Apply to Blog button to commit your changes.

How to Add Search Description for Your Blog in Blogger

What is your blog about? It could a personal diary where you write your personal stuff or could be following a specific niche or broad topic. However did you ever think about telling people what is your blog about? Generally, blog description is a concise description about your blog and it defines the purpose of your blog. Why it is so important? Usually people land on your blog via referrals may doesn't really care about your blog description. Do they? They just interest about your content and if they inspired by your content, they will follow and come back to your blog. But people finding information via web search will probably give the description beneath your blog title in search results a look before they dig in to your blog. So meaningful and relevant blog description is necessary for people to find your blog useful for their requirements. Don't you have a blog description for your blog yet?

Just indicating your blog description using text or at settings doesn't helpful for search engines to identify it as your blog description. You need to tell search engines about your blog description to display it underneath your blog title in search results. That's how it becomes a search description or snippet which displays in search results. Below is a snapshot of how my blog appears on Google search results.


However it's quite a technical process and a vital concern in Search Engine Optimization (SEO). Normally in first phase, search engines crawl sites for description meta tag to identify it as the description of page or blog. You can define description meta tag for your blog manually by editing your template. But if you are worrying about editing your blog template, then that is why you should make use of Blogger's search description feature. Blogger made defining search description easy for you. Search description feature will tell search engines that the defined description is the description of your blog. You can define your blog description using maximum of 150 characters there. So it will reveal underneath your blog title in search results for users to decide whether to check it out or not. So make sure your blog description is a concise, clear, relevant and descriptive one. But if you don't specify a search description for your blog, search engines will display best suite description based on your content appears on homepage and it depends on the user's search query too.

Before You Go:

You need to check your template for the availability of below code snippet in it. If it's not available in your template, add it right after <b:include data='blog' name='all-head-content'/> line of code.

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

Steps:

1. Go to Blogger Dashboard.

2. Click on your Blog Title.

3. Navigate to Settings tab from left pane.

4. Now jump to sub option Search preferences.

5. Find option Description under Meta tags heading and click Edit link correspond to it.

6. Now set option Yes for setting Enable search description?.


7. Now add your blog description in the respective text area.


Note: Make sure your blog description doesn't exceed 150 character limit.

8. Click on Save changes button.

Enjoy :-)

How to Import and Export Your Blog in Blogger

How long you have been blogging? It doesn't matter if you are a fresh blogger with few posts or got 1000s of posts right now. You publish posts after going through enormous facts and information or put up your whole life experiences on it. What is common there is you would like to share it with all others. Further you may create or craft images for your posts and embed valuable multimedia content to make your blog a valuable resource for your readers. But what if you lose all your content published on your blog in a sudden?

Did you ever think about that? Your blog is online and there could be variety of reasons you could lose your content. May be purposely, group of people may report you as a spammer and you end up with no access to your blog. Or accidently your blog may get deleted and it cannot be undone. Or there could be lot of unpredictable reasons on the web that cause your blog get disappeared. We can't predict what threats there could be and what could be happened in next moment. So rather than finding solutions after a situation, prevention would be even more better.

Due to these security reasons, Blogger let you save your blog content in a safe place. Literally say, it's a back up. You can easily back up your content on your hard drive with a single click and simply import your blog content again if you got any critical situation. Or if you wanna move your content to another blog, this would be really helpful too.

Export Your Blog


All your blog content and corresponding Blogger comment form comments will be saved or exported here.

i. Go to Blogger Dashboard.

ii. Click on your Blog Title.

iii. Navigate to Settings.

iv. Jump to Other tab below.

v. Click on Export blog link under the Blog tools heading.

vi. Now click on Download Blog button in the pop up box. It will download your blog content and related comments for you stored in a XML file (.xml). Keep it in a safe place.

vii. Close the pop up.

Import Your Blog
Here you can easily import all your saved content to your Blogger blog.


i. Go to Blogger Dashboard.

ii. Click on your Blog Title.

iii. Navigate to Settings.

iv. Jump to Other tab below.

v. Click on Export blog link under the Blog tools heading.

vi. Click on Choose File button on the pop up and click open after selecting your previously saved/exported blog content XML file (.xml).

vii. Fill out the word verification beneath and check Automatically publish all imported posts option if you want to publish your imported posts automatically, right after importing them. Else after importing, your posts may remain unpublished until you navigate to your Blogger dashboard and publish each of them manually.

viii. Now click on Import Blog button to import your blog content with corresponding post comments.

Note: If you importing content to a existing blog, then each of your imported posts will sorted by date and added to the particular places of your blog.

ix. Close the pop up.


Enjoy :-)

How to Display a Map on Your Website with Google Maps

Why do you need maps? Most probably you use maps to get directions to somewhere or find a location. But why do you need to use maps on your website? If you are representing a business or offering services via website, your customers or people who are interested in your business may much prefer to find out where is your company or organization located. However you can just display official address or mention location on your website. Does it make sense? Hmm... for some extent. But sometimes your address could be doubtful for some people. So you can overcome this by displaying a map with directions for someone who wanna come over to your company or organization. Else you may wanna use maps to interpret a location for your audience. However there could be lot of usages beyond what I could think of right now. I ll leave it to you. Would you like to embed a map on your blog or website too?

If someone wanna come over to your company or organization, a map would be really helpful for him/her to figure out directions. Eventhough if someone don't wanna reach out, a map could emphasis about a real business behind the website. Or you just wanna embed a map on your article so your readers find it useful. However if you are looking forward to embed a map on your website, Google Maps is great service to display maps on your website. Basically Google Maps is a map service that you can explore or search locations and get driving directions immediately. Further it helps you create your own custom maps too. However here we gonna help you out with embedding a map on your website.
Before You Go:

If you wanna plot multiple locations on a map, you need to sign in to your Google account. If you haven't got one, create a new Google account.


Steps:

1. Navigate to Google Maps website.
2. Now select as per your requirement, select and follow relevant option from below.
Plot One Location

i. Search for a location or locate the area you wanna display.
ii. Now you need to select map type and attributes you'd like to display. Select them from top right menu.

Notes: 

• Some attributes or options such as Photos, Weather may not compatible with embeddable map. 
• Use zoom level control and position control on the left of the map to adjust your map display as you would like it to appear on your website.

Plot Multiple Locations

i. Click on My places button from left pane.
ii. Sign in to your Google account via Sign in button, if you haven't already signed in.
iii. Now click Create Map button.
iv. Add a title for your map and a description if you prefer. Further you can change privacy options as listed.
v. Click on Placemark icon on the map and mark your locations one by one with added title and description on the map.
vi. Now you need to select map type and attributes you'd like to display. Select them from top right menu.


Notes:                                                                                                                                                         

• Some attributes or options such as Photos, Weather may not compatible with embeddable map.
•  Use zoom level control and position control on the left of the map to adjust your map display as you would like it to appear on your website.

vii. Save your map and click Done.
viii. Now click on Rate this map link underneath your map details on left pane.
ix. Rate your map and click on your map preview.

3. Now click on the link icon on left panel.
4. Now click on the link Customize and preview embedded map on the box.

Note: If you can't find Customize and preview embedded map link on the box, you may have selected an incompatible attribute or option at the map display. Try deselecting options such as Photos, Weather.

5. You will get the customization window for your map. Select your preferred map size or enter custom dimension values.

6. At the bottom of customization window you will able to find embeddable code for your map. Now grab your code snippet and add it to your website.

Note: If you are a Blogger user and wanna add it to your layout, you can add your map code snippet via HTML/JavaScript element.

Stock Market Trading Tips Free India with Nifty Forecast on Monday 9 July 2012

Free Stock Market Today and Tomorrow Monday 9 July 2012, Market Updates Today and Indian Stock|Share Tips for Tomorrow 9 July 2012 for FREE, Nifty Trend tomorrow 9 July, Nifty tips, Cash market tips, Nifty outlook tomorrow, Nifty Technical View for Tomorrow Free, NSE Tips Free, Nifty Tips Free tomorrow 9 July 2012, Bank Nifty tips tomorrow, Get unique and accurate stock Market trading tips for Free for Today and Tomorrow, F&O Tips :-

Indian Stock Market Today on the very last day of the first week of July closed on a quiet note. It was a rangebound and a volatile Trading week for Indian Stock Market. Sensex today closed at 17531 down 7 points, Nifty up 0.7%. CNX Midcap index was up 2.3%, BSE Smallcap index up 4.9% over the week. BSE Metal index was up 2.8%, BSE FMCG index down 2.1%, BSE Bankex up 3%, BSE IT index down 1.2% and BSE Auto index up 1%.  

Nifty Support and Resistance for 9 July 2012 :-

The crucial support for the Nifty is at 5275-5250 and the resistance is at 5345-5375

Intraday Trading Tips 9 July :-

• Hold IDFC with a target of Rs 148-150 and stop loss of Rs 125
• Hold Sintex Industries with a trailing stop loss of Rs 63,
• Buy MARUTI above 1242 Stop loss: 1214
• Hold TVS Motor with a target of Rs 40
• Buy LT above  1427 Stop loss: 1401
• Hold GVK Power with targets of Rs 19 and 22 and trailing stop loss of Rs 15
• Buy HDFC July Futures with a 4-5 day target of Rs 700 and stop loss of Rs 664
• Buy Century Textiles with a target of Rs 334 and stop loss of Rs 318
• Buy Apollo Tyres at Rs 82 with a target of Rs 87 and stop loss of Rs 80

Fill Free Trial form placed on left side of the blog.... all the very Best for Monday's Trading Session 9 July 2012..... Have a Happy Trade!!! :)

Indian Stock Market Analysis, Sensex (BSE) - Nifty (NSE) News

Nifty Tips and Updates for Today 6 July 2012

* BUY NIFTY FUTURE (JULY) ABOVE 5352 TGT 5382 AND 5429 SL BELOW 5332

* SELL NIFTY FUTURE(JULY) BELOW 5326 TGT 5289 AND 5246 SL ABOVE 5348

After flat opening Nifty has witnessed buying in later part of the day and finally ended with relatively longer candle on daily chart. Still the further move is not cleared and consolidation at this level can`t be ruled out.

- Nifty intraday support placed at 5,312 - 5,297 - 5,280 levels and intraday resistance placed at 5,345 - 5,362 - 5,380 levels.

Intraday Trading Tips:-

* Buy Nifty July 5400CE at 49 Stop Loss 25 Target 80

US Data Update :-

US stocks ended lower Thursday, shrugging off moves by central banks in China and Europe to boost growth and honing in on US data showing weakness in consumer spending. The Dow Jones Industrial Average ended down 47.15 points, or 0.36% to 12,896.67. The S&P 500-stock index lost 6.44 points, or 0.47% to 1,367.58, while the tech-rich Nasdaq added a bar 0.04 points, or 0.00% to 2,976.12.

European stocks retreated as European Central Bank President Mario Draghi said downside risks to the economy remain, offsetting monetary policy easing by countries from China to the U.K. UK`s benchmark index FTSE 100 advanced 8.16 points, or 0.14%, to end at 5,692.63. French benchmark index CAC 40 declined 38.39 points or 1.17% to settle at 3,229.36. Germany`s benchmark index DAX decreased 29.24 points or 0.45% to settle at 6,535.56.

Fill Free Trial form placed on left side of the blog.... all the very Best for Monday's Trading Session that is on 9 July 2012 ..... Have a Happy Trade!!! :)