Blog | Anna Dusek: geek

Showing posts with label geek. Show all posts

How to Use HTML/JavaScript Gadget on Blogger

Posted on Tuesday, September 23, 2014

Last week I showed you how to personalize your "About Me" section on your blog. Now I am going to show you how to add an image in a HTML/JavaScript Gadget.

First upload your profile image in a site like Photobucket, and copy the address of the image. Once you have the address, follow the next steps.

1) Go to "Layout" then "Add a Gadget"

2) On the pop up window, select "HTML/JavaScript" (it's all the way down).

3) In the next window, you will need to insert your html code:

4) If you uploaded your image on Photobucket, select the HTML code, paste inside of the window and go to the next step. If not, I'll break down how the code reads:

<a href="your image address goes here" title="Anna Dusek"><img src="your image address goes here" alt="About Anna Dusek" style="border:none;" /></a>

5) If you would like the image to be centralized in the sidebar, use div tags as follow.

<div align="center">
what you want centralized goes here
</div>

It will look like this.

<div align="center">
<a href="your image address goes here" title="Anna Dusek"><img src="your image address goes here" alt="About Anna Dusek" style="border:none;" /></a></div>

6) Your final result will look like this

♥ Enjoy!

Anna Dusek

0 Comments

In blog fonts geek

10 Free Fall Fonts

Posted on Monday, September 22, 2014

Apple Butter; Haymaker; Bready; KG Skinny Latte; Egregio Script; Ostrich Sans; Little Lord Fontleroy; Tropicana; Homestead and Riesling

I am a font junkie and I love finding fonts for free. Here are a few I am sharing with you that will be perfect for fall use.

♥ Enjoy!

Anna Dusek

0 Comments

In blog geek icandesignablog tutorial

How to Personalize About Me Section on Blogger

Posted on Tuesday, September 16, 2014

If you don't personalize your "About Me" section on your blog, it will show your Google+ Profile as showing on the picture below. To change it just follow the next steps.

1) First, delete the "about me" showing on your blog, go to "Layout", then click "Edit" where show "About Me".

2) On the pop-up window click "Remove" and the gadget will be gone.

3) Now to create your own personalized "about me", you need to "add a gadget".

4) Select HTML/JavaScript (it's all the way down)

5) In the next window type about yourself and click "save". You can also insert an image and links.

6) Here's your new "about me" section.

♥ Enjoy!

Anna Dusek

0 Comments

In blog geek icandesignablog tutorial

How to Personalize your Header on Blogger

Posted on Tuesday, September 9, 2014

Blogger offers your two ways to personalize your header. One is through it's own tools, and mainly you will have your a vary basic header, the other is uploading your own image. I'll show you both ways here today.

Using what Blogger has to offer:

My original template used to look like this.

1) Go to "Template" then "Customize".

2) Go to "Advanced" then on the next tab click on "Blog Title" and select the font that pleases you best. You can also change the size and color in the same tab.

3) Here's the final product.

Using what your own image:

I was not happy not having a completely personalized header, so I designed my own using photoshop. To upload a picture as your header follow the next steps.

1) Go to "Layout" then click on "Edit" on the "(Header)" section.

2) On the pop up window click on "Choose File" and Select your desired file. Select "Instead of title and description" in the Placement section, to show only your new picture as the header.

3) You can preview your header, to make sure you selected the correct file. If is the correct image, click on save.

4) Now you can check your blog, and you will have a completely personalized new header.

♥ Enjoy!

Anna Dusek

0 Comments

In blog geek icandesignablog tutorial

How to Center Your Blog Header on Blogger

Posted on Tuesday, September 2, 2014

1) Go to "Template" then "Customize".

2) Select "Advanced", then "Add CSS".

3) Copy and paste the following code in the available field and click "Apply to Blog"

#header-inner img {margin: 0 auto !important;}

#header-inner {text-align:center !important;}

4) Here's your centralized header.

♥ Enjoy!

Anna Dusek

0 Comments

In blog geek icandesignablog tutorial

How to hide your NavBar on Blogger

Posted on Tuesday, August 26, 2014

Everyone that uses Blogger platform when starting out has the ugly NavBar on the top of your pages (you know, the one saying "Create Blog" and "Sign In")