arganoidsoftware

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Tuesday, 6 March 2012

How To Change Font of Blog Via Google Web Fonts

Posted on 02:00 by jona
Some Cool fonts
 Now Google Blogger.com has given us a new opportunity to change the font of your blogger blog.You can apply different font for different section of your blogger like sidebar,footer,heading etc.Google has given its users a hosting space where they can choose their font.Once they choose their respective fonts they can add a link and then new font will be updated on your site.Many times you want to make your site attractive but lack of proper guidance prevents you from getting that visitor -your site deserve.May be someway it`s blog rank that keep your blog away from visitors.But what if a visitor cam to your blog and never want to leave it?
Some Good CSS and Font Style can help you increase your visitors.These fonts are avaialble on the google web fonts .There are around 10k different fonts which can make your blog/site a well nourished and awesome showcase.These fonts are powered by by Google Api


How To Change Your Font
This Session is divided into two parts.
  1. Choosing a Font
  2. Setting the font for Different Section i.e Sidebar,Footer etc.
1.Choosing A Font From Google Webfonts 
  1. Visit The Google Web Fonts Site
  2. After That Choose The Font Your want to select.You can choose various ways like searching,selecting the width,thickness also.
  3. Add the selected Font to your Collection By Clicking on the –“Add to Collection” on the right hand side.
  4. After That Click on the “Use on the Right Hand Bottom”
  5. Copy The Code from the site which may look like -
  6. <link href='http://fonts.googleapis.com/css?family=Cantata+One'  rel='stylesheet' type='text/css'>
  7. Add this code just after <Head> Tag in Your Blogger HTML Code
2. Setting the Font to different Section:-
 
Now in this section You have to apply your font to particular section or complete blog.This may vary with each blog but the basic is same.Here it`s according to our blogger template.
1.Choose the section from your blog like sidebar or post font.
They may look like #Sidebar- For Changing the font of Sidebar
                              .post- for changing the font of whole post
                              .body – for changing the font of the whole body font.
For example if you choose  .body add
  font-family: 'Cantata One', serif;

.body {font: "Sail", "MS Serif", "New York", serif;
margin: 0;
padding: 0;
border-top: solid #e7ce00 medium;
border-bottom: dotted #e7ce00 thin;
width: 600px;
color: #e7ce00;} 


Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
Posted in Blogger, Font Api, Google | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • Try Google Gravity Effect Prank And Add in Website/Blog
    Google is knows for innovative things and this new prank of Google is really amazing.This prank is created by the Mr Doob.Do you remember ...
  • Blog A Post To Get Traffic
    To make a successfull,traffic generating blog is not an hectic work until you really know how to start up!It only takes few seconds to star...
  • Diablo 3 Release Date Rumors Ended Today
    After a long time Diablo 3 finally got it`s released date by it Developer Company Blizzard.Blizzard is claiming it`s launch to be in May 201...
  • Get Upto 16 GB Free DropBox Space
    DropBox is a free hosting provider where you can store your pictures,songs or can use it in million ways as you wish. Dropbox initially giv...
  • How To Switch Blogger Profile To Google+ Profile
    Wanna Connect Your Old Blogger Profile With The New Google Plus Profile? Blogger Provides it`s each user a profile independently where he/sh...
  • How To Save Crack/Keygen From Anti-Viruses
    Crack/Keygen files are always an enemy for Antivirus-programs.Anti-Virus remove them as soon as we download them.Many times these cracks or...
  • Download The WIndows 8 Codecs SharkPack Free
    Windows 8 Codecs are the most important software that is required for kick starting the new Windows Customer Preview.In this new codec you w...
  • Is Your Password Safe in Browser? Check Your Privacy
    Password is a sentence or phrase or combination of words and numbers.Many sites suggest you about using alphanumeric characters in your pas...
  • 5 Things That Ban Your Adsense Account !
    Is your Account Got Blocked and You don`t know the reason.Wanna protect your account before you loss it?Adsense another name of Google ads ...
  • Download IIT-JEE 2012 Brochure For Form Filling
    Get your IIT-Brochure for getting all the instructions for filling the IIT form.You can opt  either offline or online way to get the IIT for...

Categories

  • 2012 (1)
  • Aakash (1)
  • Adsense (1)
  • Analytics (2)
  • Android Rooting (1)
  • Anti-Malware (3)
  • Anti-virus (3)
  • Apple (4)
  • Apps (4)
  • Bits (1)
  • Blogger (8)
  • Bollywood (1)
  • breakingnews (2)
  • Brochure (2)
  • Browser (2)
  • Car Window (1)
  • Css (2)
  • Download (2)
  • DropBox (2)
  • Earn (1)
  • Entertainment (1)
  • Error (1)
  • Facebook (3)
  • FanPages (1)
  • Font Api (1)
  • Free (3)
  • Gadgets Gallery (9)
  • Games (1)
  • Google (6)
  • Harry Potter (1)
  • Honda (1)
  • Howto (9)
  • IIT JEE (1)
  • Iphone (4)
  • Labnol (1)
  • Laptops (1)
  • Latest News (8)
  • Mega Upload (1)
  • New Trends (12)
  • Novel (1)
  • Pandora (1)
  • Pottermore (1)
  • Raise Hands (1)
  • Skype (1)
  • Software (1)
  • Software Review (2)
  • Sony Ericsson (3)
  • Technology (4)
  • Template (1)
  • Timeline (1)
  • Tricks (1)
  • Whatsapp (1)
  • Windows8 (1)
  • Xperia Ray (3)
  • You Tube (1)

Blog Archive

  • ►  2013 (2)
    • ►  February (2)
  • ▼  2012 (24)
    • ►  August (1)
    • ►  April (3)
    • ▼  March (17)
      • 5 Things That Ban Your Adsense Account !
      • Earn Money From E-Promotions -A Scam [Review]
      • Display Your Image In Google Searches In One Step!
      • Diablo 3 Release Date Rumors Ended Today
      • Download The WIndows 8 Codecs SharkPack Free
      • Download Labnol Wordpress Theme Clone Free
      • How To Install Language Pack In Windows 8
      • Free Download Best 3 Antivirus [With Review]
      • Aakash Tablet II Launching In April This Year
      • How To Save Crack/Keygen From Anti-Viruses
      • [How To] Download Anti-Malware Software For Free
      • How To Listen Pandora Outside United States Withou...
      • How To Change Font of Blog Via Google Web Fonts
      • Add Follow By Email Widget Like Wordpress in Blogger
      • How To Switch Blogger Profile To Google+ Profile
      • How To Track Your Website Using Google Analytics!
      • How To Set New Timeline View On Your Facebook FanP...
    • ►  February (3)
  • ►  2011 (22)
    • ►  November (6)
    • ►  October (7)
    • ►  September (9)
Powered by Blogger.

About Me

jona
View my complete profile