How to Embed Adobe PDF On Blogger

• Log in to Blogger.
  
• Press New Post.
  
• Paste the following code:
  
  <iframe src="YOUR_DOCUMENT.pdf" height="556" width=100%></iframe>
  
  
• Replace YOUR_DOCUMENT.pdf with the URL of your Adobe PDF.
  
• Press Publish Post.
  

Example:

How To Embed Mp4 Videos On Blogger

In this easy tutorial, I will teach you how to embed mp4 videos to Blogger using Quicktime.

• Log in to Blogger.
  
• Press New Post.
  
• Paste the following code:
  
  <embed src="YOUR_VIDEO.mp4" width="320" height="256" autoplay="true" controller="true" loop="false"></embed>
  
  
• Replace YOUR_VIDEO.mp4 with the URL of your video.
  
  
• Change the attributes of the code to meet your desires:
  
  width - How wide;
  height - How tall;
  autoplay - Plays automatically when page loads (true or false);
  controller - Shows Quicktime movie controls (true or false);
  loop - Plays movie continuously (true or false).
  
  
• Press Publish Post.
  

Embed Flash Games On Blogger

• Go to a flash games website (i.e. addictinggames.com), and choose a game that you would like on your blog. Go to that games page.
  
• Right-click anywhere on that page, and choose View Page Info.
  
• Press the Media button.
  
• Scroll down until you see Embed under the Type Column.
  
• Right-click that choice, and press copy.
  
• Paste it in a new tab, and press enter.
  
• Now, Log In to Blogger in a new tab.
  
• Press Posting and then New Post.
  
• Paste the following code:
  
  <embed src="YOUR FLASH GAME HERE.swf" type="application/x-shockwave-flash" width="400" height="300"></embed>
  
  
• Replace the words YOUR FLASH GAME HERE with your game's URL that you opened in a New Tab.
  
• Edit the width="400" height="300" to meet your game's needs.
  
• Press Publish Post.

EXAMPLE:

If you publish the following in a new post:

<embed src="http://www.addictinggames.com/D78AQSAKQLQWI9/1298.swf" type="application/x-shockwave-flash" width="400" height="300"></embed>

The result would be:

Change Blogger Font Face In Posts

There are a few ways to do this:

1) Font Tag
<font face="Font Name">YOUR TEXT GOES HERE</font>

EX. If you wrote <font face="Comic Sans MS">Superman</font> in a New Post, the published result would look like this: Superman

2) Blogger Fonts and Colors Tool

• Press the Layout tab
  
• Press Fonts and Colors
  
• Press Text Font
  
• Choose your Font Family that you would like to use by pressing the
  button.
  
• Press Save Changes

NOTE: When you change Text Font face using this method, it changes the font face of the text on your entire website (not just the posts).

Create Blinking Text For Your Blog

<blink>YOUR TEXT GOES HERE</blink>

EX. If you wrote <blink>TICK</blink> in a New Post, the published result would look like this: TICK

NOTE: This code does not work in Internet Explorer.

Change Blogger Font Size In Posts

Size 1,Size 2,Size 3,Size 4,Size 5,Size 6,Size 7.

There are seven font sizes in HTML. You can change the font size a few different ways in Blogger:

1) Font Tag
<font size="Size #">YOUR TEXT GOES HERE</font>

EX. If you wrote <font size="5">My Lucky Number</font> in a New Post, the published result would be this size: My Lucky Number

2) Blogger Fonts and Colors Tool

• Press the Layout tab
  
• Press Fonts and Colors
  
• Press Text Font
  
• Choose your font size that you would like to use by pressing the
  < Smaller or Larger > button.
  
• Press Save Changes

NOTE: When you change Text Font size using this method, it changes the font size of the text on your entire website (not just the posts).

Embed A Webpage Within Your Webpage

This tutorial will teach you how to embed a fully functional webpage onto your blog or website using an inline frame (iframe).

If you insert the following code in a New Post...:
<iframe src="http://www.google.com/" height="110" width=80%></iframe>

...You'll get the following result:

Create Tables in Blogger

Use this HTML Table Generator to create a custom table that you can add to your website or blog.

Table Width (in pixels):
Cell Padding:
# of rows:
# of columns:
Table Border (in pixels):
Background Color:
Table Alignment:	LeftCenterRight
Table Cell Alignment:	LeftCenterRight
Table Cell Vertical Alignment:	MiddleTopBottomBaseline
Table Code:

Change Blogger Font Color in Posts

You can do this a few different ways:

1) Color Name
<font color="color name">YOUR TEXT GOES HERE</font>

EX. If you wrote <font color="purple">Eggplant</font> in a New Post, the published result would look like this: Eggplant

CLICK HERE TO CHOOSE A COLOR NAME

2) Color HEX
<font color="color HEX">YOUR TEXT GOES HERE</font>

EX. If you wrote <font color="#FFA500">Basketball</font> in a New Post, the published result would look like this: Basketball

CLICK HERE TO CHOOSE A COLOR HEX

3) Variable Definition

• Press the Layout tab
  
• Press Edit HTML
  
• Ctrl+F and search for:
  Variable name="textcolor" description="Text Color"
  
• Directly under it, change the value to your color's HEX code.
  
• Press Save Template

NOTE: When you change the Variable Definition of the Text Color, it changes the font color of the text on your entire website (not just the posts).

4) Blogger Fonts and Colors Tool

• Press the Layout tab
  
• Press Fonts and Colors
  
• Press Text Color
  
• Choose your color that you would like to use, and press it.
  
• Press Save Changes

NOTE: When you change Text Color using this method, it changes the font color of the text on your entire website (not just the posts).

Create Numbered Lists in Blogger

1. Type the following in a New Post:

<ol>

<li>First point</li>

<li>Second point</li>

<li>Third point</li>

</ol>

2. Publish Post

3. This results in:

1. First point


2. Second point


3. Third point

Create Bullet Points in Blogger

1. Type the following in a New Post:

<ul>

<li>Bullet point</li>

<li>Bullet point</li>

<li>Bullet point</li>

</ul>

2. Publish Post

3. This results in:

• Bullet point


• Bullet point


• Bullet point