Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

Friday, March 9, 2007

Sitemap for blogger

Many blogger tried to sitemap their blog but some of them not to be success that because of blogger not allow you to upload anything.So you can't do the do the same way you normally did wtih your website.
But I offer you a alternative way for sitemap your blog but Meta tag.Let's start the sitemap for blogger.

1. go toGoogle webmaster tool

See Add site box?? go for Add site.Enter your blog domain Then click ok

2. Verify your site

3. Choose verify your site method choose Add a meta tag So we go to claim our blog by meta tag

4.Copy Meta Code

5. go to your blog template

edit html then paste the meta tag to your the Head template then save template

6. Backto Google Webmaster press Verify
7. find sitemap tab the press sitemap

8. Сhoose type choose sitemap url put your blog name like http;//www.yourblogname.blogspot.com/atom.xml
9. Done

How to Re-design blogger template ( 2 )

After we just the New Header for our blogger template.I think It's not quite finish.So we gonna more edit the template by Css command.
This kind of the thing you gotta to know about Css.So to day gonna learn basic css that not quite to hard to learn.And that's make our blogger template look unique and more profressional.OK...we start from

Font

* Font Family: Controls the font on the page should be tahoma,courier,vedana
* Font Style : Controls the style of the font should be italic,bold,normal
* Font Size : Controls the size of the font should be medium or number of pixels or percentage

Color and Background Properties

* Color: Controls the color of the text should be red or the color code like #FFFFFF
* Background Color: Controls the background color should be transparent (default) or red or the color code like #FFFFFF
* Background Image should be Allows to set background image should be none (default) or image url
* Background Position Controls the position of the background on the page
For me I think with these 2 Css properties you can create a lot of cool template.
If you want to learn more about css you go to
w3.org/css
pageresource
htmldog.com/cssproperties

Now we're gonna fix more our blogger template.
First thing I want to change is Background color that is original one is Grey #333333
that I want to change to background-color: #006633;Green
You can check the color code from the color tool

online is http://www.colorschemer.com/online.html

And I change my content background color #333333 to #FF6314 that's Orange
And I also change my main background color #999999 light grey to #FF0080 which's pink color
And the last I will change my sidebar background color #666666 grey color to #0099FF blue.
Here you are my Re-design blogger template by luukmuu.

I think quite nice,isn't it?? hahaha......I think can make a idea how and can enjoy design a new your only one unique blogger template in the entire whole world.

How to re-design blogger template?

A lot of blogger want to have thier own unique template but most of them lazy....haha and don't know html.One of the best way to have your own unique style template is to Re-design Free blogger template.Today I'll show you guy how to and it's not so hard to learn.You'll love it
1.You choose the template.I go for the http://www.laughingliondesign.com/templates.html
that's my favourite free blogger template smart and cool. I will go for : Pink and Grey
2.Download template

3.extract zip file to get html to get the notepad file.

4.Go to Blogger template edit reverse it to the classic template style.

5.copy the html code to template then save.

6.you will get the new template look like this


Ok. after this I think you will get the template look like this
We gonna Re-design it to be my own unique blogger template.

I.Header
1.go for Adobe photoshop to create my own header.Open it> New >
I go for width 765 height 169

2.Choose your graphic.
MY favourite place is Flickr ,photobucket.com,
gettyimage to find image.

3.open the image to photoshop.Design it until you love it.
This is my new heading


4.upload this image to photobucket.Get the code then Paste the the template to the header
Let' see in Blogger template

#header { width:765px;
margin:0 auto;
padding:0px 0;
-align:left;
background-color: #ED2C9F;

background-image: url(http://photos1.blogger.com/blogger/1642/3208/1600/header.2.jpg);
height: 200px;

http://photos1.blogger.com/blogger/1642/3208/1600/header.2.jpg
this is the old header
put the new header code instead...then preview template If .....this ok press save
This is my Re-design blogger template look like.


Next we gonna Re-design the template 's title,background color,font and more.

Free blogger template

laughingliondesign
zootsdesigns
kaushalsheth
blogspottemplates.blogspot
blogtemplates.noipo.org
ehsany
ravasthi
thrbrtemplates
solucija
freetemplates.blogspot/
not-that-ugly
loveproductions
diaphaneity
zootsdesigns
kaushalsheth
laughingliondesign
free-blogger-templates
freeblogspottemplates/



1.choose your template then press Download template.

2.Zip the file.You will get the template code.

3.Go to Blogger.com then Template menu


4.Go to Revert to the classic template

5.Select all the code then delete and come back to
the code select all the code then Back to the edit html paste the code & save


6.sign up free photobucket to upload photo

you'll get the html like .........http://i107.photobucket.com/albums/m283/luukmuu/Untitled-3d.jpgput the html code in the Background image .....

7. There you go!! you will get the new beautiful template.

Thursday, March 8, 2007

My Feedburner email form re-design attempt


Hi Reader.Actually this my first post for online tip.Today I install some form and codes.One of these is the Feedburner form that I do love to design it that because of I think the original one is too big so I want the new small one.Here is my attempt to re_design the Feedburner email subscribe form.Here is it.
First Iwant to change the Original one to the small tiny one with the word "Subscribe via Email" inside and the button subscribe change to "Go" and come to the all same line.

I begin with change the code border 1px to 0px and take the tag Delivered by FeedBurner off change to go
that's plain one
I want to put the Text "subscribe via email" to the box
this my 3nd attempt the text " subscribe is out of the box"
the 4th and 5th is the box is double to 2 boxes.But the 6th is look ok and I test by put email to test the form work ???

Here's the code