BLOGGER TEMPLATES AND TWITTER BACKGROUNDS »

Friday, October 1, 2010

To all the blogger user

Do u see it???Beautiful background....How I do tis,damn easy la

1.go find any image u want on google image.If u want to find wallpaper like mine,u can go to tis website:http://www.wallpaper-place.com/
2.Open or enlarge the picture or wallpaper on a new tab
3.Copy the link or url on the new tab(must hav .jpg at the last part of url) n...wait,forgot one step.Open ur blog n click design,if u haven sign in pls sign in firs.Then click design again inside the design(hope u noe wat Im saying).After that,click edit html,it will open a document sumthing like notepad.
4.Hard part,not for u,is for me,hard to explain...
  The document will like tis:



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     
Designer: pYzam Team
URL:      www.pyzam.com
----------------------------------------------- */


/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#000000" value="#000000">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#81e7ff" value="#81e7ff">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#81e7ff" value="#81e7ff">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#81e7ff" value="#81e7ff">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#81e7ff" value="#81e7ff">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#1f1f1a" value="#1f1f1a">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#ffffd4" value="#ffffd4">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/


/* Use this with templates/template-twocol.html */


body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  background-color:#000000; 
background-image: url(http://www.wallpaper-place.com/images/wallpapers/where_the_wind_talks_hd_widescreen_wallpapers_1280x800.jpeg); 

Tis is mine for an example,it has more document under it,i juz stop at the part u need to edit.
At the last sentences,it will show: background-image: url(XXXXXXXxxxxxxxxxxxXXXXXXXXXXXXX)
Copy the url or link from the new tab n overwrite,paste inside the ( )

5.Save ur settings n view blog,hope it is work for urs

Posted by KiaSu de Yang + at 12:05 AM  

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)