Posted: 21 May 2011 01:52 AM PDT How to add Google web fonts to Blogger - Was explained earlier on How to change Font on blogger Template, but of course the font used are still standard like Arial, Tahoma, Verdana, etc. If you want more interesting fonts, you can get it by using Google Web Fonts. Google Web Fonts is web fonts provide by Google which can be use on websites or blog for free. There are many interesting choices fonts, and you can chose whichever fonts you like. Google Web FontsBefore using google web font on your blog, please decide where you will put the font, whether for a blog title, posts title, sidebar title, or for the overall blog content? If you have decided, then you can go to google web font.Google Fonts Code from Google Web FontsThe first step you do is to take the font code from Google web fonts, here are the steps:
For example if the original font code like this <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>The code above should changed into like this: <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'/> Determine the fonts that will modifiedAs written earlier that you must to decide where you will use the font, whether for the body text, blog title, posts title, sidebar title, etc.Font for the body textFont for the body means for all your templates, the CSS code used could be like this:body { background:#8f8e8e; width:100%; color:#000000; font-family:Arial, Tahoma, Verdana; font-size:12px; margin:0; padding:0; }Focused on body { ………….} code because the value would be different for each template. Font for Blog TitleBlog tilte generally using heading 1 (h1) in the CSS code. Blog title code generally use code like this:h1{ color:#666; font-size:20px; letter-spacing:1px; font-weight:normal; padding:10px 0 5px 0; line-height:100%; font-family:"Arial",Georgia,TimesNewRoman,serif; text-transform:capitalize; margin-bottom:0px }Or maybe like this: #header h1{ color:#666; font-size:20px; letter-spacing:1px; font-weight:normal; padding:10px 0 5px 0; line-height:100%; font-family:"Arial",Georgia,TimesNewRoman,serif; text-transform:capitalize; margin-bottom:0px }Focused on h1 code, because each template will be different. Font for Posts TitlePosts title on blogger template typically use heading 3 (h3), so be focus on that code, posts title code sample:.post h3{ font-size:16px; line-height:20px; padding-bottom:15px; } Font for Sidebar TitleSidebar title on blogger template typically using heading 2 (h2), so be focus on that code, example for sidebar title code:.sidebar h3{ color: #333333; text-transform: capitalize; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px; border-bottom:1px solid #cccccc; } How to Add Gogle Web Font To BloggerHow to In Blogger assume that you already have google web fonts code and has determine where the code will be placed. For convenience, How To In Blogger will use Tangerine font and will be used for the posts title.Here are the steps:
How to Add Google Web Fonts To Blogger is a post from: Blogger Tutorial for beginners My digital Inspiration | Blogger Templates Another useful blogger tutorials: |
BOEMENT TEKNIK
PATNERS
CARI DISINI...!!!
STATISTIC
Categories
artikel
(10)
Buruh
(2)
computers
(3)
cooler engine
(2)
download
(1)
electric teory
(18)
gigi
(2)
headline news
(15)
hydraulic
(2)
injection molding
(10)
internet computer
(13)
iwan fals
(6)
kebumen tour
(7)
komputer
(5)
lirik lagu
(10)
maintenance
(5)
motivator
(5)
motor listrik
(1)
otomotif
(9)
selebrity
(4)
sport
(2)
Teknologi
(2)
tips blogspot
(3)
Followers
MUTIARA KATA
Minggu, 22 Mei 2011
How to Add Google Web Fonts To Blogger
Author :
Djendral's Jack
Langganan:
Posting Komentar (Atom)
BACA JUGA....!!!
-
Cara Reset Printer Canon IP 2770 / IP 2700. Printer Canon IP 2770 / IP 2700 atau semua merek printer canon biasanya memerlukan resetter. ...
-
Di dalam peradaban modern Manusia berpacu dengan waktu Semua melintas cepat memburu sasaran yang dituju Tiada lagi waktu ‘tuk merenung di...
-
KEHIDUPAN ANAK JALANAN Anak jalanan atau biasa disingkat anjal adalah potret kehidupan anak-anak yang kesehariannya sudah akrab dijalanan...
-
Misteri Meninggalnya Ibu Tien Soeharto Betulkah dua anak Soeharto saling tembak lalu mengenai Ibu Tien? [ selengkapnya ] Duar! Ada Le...
-
sedikit sulit tapi ga apalah dari pada ndorong....heee...berikut cara kalibrasi indikator bensin... gambar 1 pake cara lepas ban kiri blakan...
-
artis Olla Ramlan masih mau bercerita soal 12 tato miliknya."Ini tato sudah lama ya, saya suka tato sejak usia 17 tahun," kata Ol...
-
Ketika kami sedang bersama Rasulullah SAW di kediaman seorang sahabat Anshar, tiba-tiba terdengar panggilan seseorang dari luar rumah: “Wah...
-
Download Mars FSPMI " KLIK DISINI " Kami buruh fspmi Berjuang di sini karena hati kami Bukan karena digaji atau ingin dipuji ...
-
SUBJECT * : aneka sangkar burung DESCRIPTION * : <br /> bagi anda kicaumania yg berdomisili di jabodatebek apabila membutuhkan sangk...
-
Pertama-tama yang harus dilakukan dalam pengisian freon adalah mengoperasikan ac split. setelah outdoor unit mendapatkan supply listrik dar...
0 komentar:
Posting Komentar