How to Backup a Blogger Blog

Here are the steps to backup a Blogger blog and export it to your computer:

  1.  In Blogger, click on Settings

  2. Click on Other

  3. Under Blog Tools, click Export blog

  4. Click Download Blog

  5. Save it to your computer

Your blog is now backed up.


The following video demonstrates how to backup a Blogger blog and export it to your computer:

 

How to Schedule a Post to Automatically Publish in Blogger

Here are the steps to schedule a post to automatically publish sometime in the future:

  1.  In Blogger, click on New Post



  2.   Click Schedule on the right

 

  3.  Select Set date and time



 

 

  4.  Set the future date and time you want the post to publish

  5.  Click Done



  6. Click Publish

  7.   When the time reaches your set schedule, the post will automatcially publish


The following video demonstrates how to schedule a post to automatically publish sometime in the future:

How to Transfer a Blogger Blog to Another Account

Here are the steps to transfer a Blogger blog from one account to another:

  1.  Log into Blogger with Account 1
  2. For the blog you want to transfer, go to the Basic page under Settings

  3.   Under Blog Authors, click on Add authors

  4.   Enter the email for Account 2 and click Invite authors

  5.  Log out of Account 1 and log into Gmail for Account 2
  6.  Click on the link in the email to accept the invite

  7.  Click the here link

  8.   Log out of Account 2 and log back into Blogger as Account 1
  9.  Go back to the Basic page under Settings
  10.  Under the Author drop down next to Account 2, select Admin

  11.  Click on the X next to Account 1

The blog is now transferred to Account 2.


The following video demonstrates how to transfer a Blogger blog from one account to another:

How to Create a Drop Down Menu in Blogger

Here are the steps to create a drop down menu in Blogger:

  1.  In the Blogger dashboard, go to Layout

  2.  Click on Add a Gadget

  3.  Select HTML/JavaScript

  4.  Under Content, paste the following code


  <div id='menubar'>
    <ul id='menus'>
      <li>
        <a href='#'>MenuItem</a>
      </li>
      <li>
        <a href='#'>MenuItem</a>
      </li>
      <li>
        <a href='#'>MenuItem</a>
      </li>
      <li>
        <a href='#'>MenuItem</a>
        <ul>
          <li><a href='#'>SubMenuItem</a></li>
          <li><a href='#'>SubMenuItem</a></li>
          <li><a href='#'>SubMenuItem</a></li>
        </ul>
      </li>
    </ul>
  </div>

  5.  Replace MenuItem with the appropriate menu label

  6.  Replace SubMenuItem with the appropriate sub menu label
  7.  Replace # with the appropriate URL
  8.  Click Save
  9.  Move the HTML/Javascript object to where you want the menu to appear
  10.  Click Save arrangement

  11.  Click on Template

  12.  Click Edit HTML

  13.  Click Proceed

  14.  Search for the following line:
          ]]></b:skin>

  15.  Paste the following code directly above that line

---

/*-------- Begin Drop Down Menu -------*/

#menubar {
    background: #8E8E8E;
    width: 840px;
    color: #FFF;
        margin: 0px;
        padding: 0;
        position: relative;
        border-top:1px solid #B2FFFF;
        height:35px;
}

#menus {
    margin: 0;
    padding: 0;
}

#menus ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#menus li {
    list-style: none;
    margin: 0;
    padding: 0;
        border-left:1px solid #1A6680;
        border-right:1px solid #1A6680;
        height:35px;
}
#menus li a, #menus li a:link, #menus li a:visited {
    color: #FFF;
    display: block;
   font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}

#menus li a:hover, #menus li a:active {
    background: #130000; /* Menu hover */
    color: #FFF;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 12px 10px 12px;      
}

#menus li {
    float: left;
    padding: 0;
}

#menus li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}

#menus li ul a {
    width: 140px;
}

#menus li ul ul {
    margin: -25px 0 0 160px;
}

#menus li:hover ul ul, #menus li:hover ul ul ul, #menus li.sfhover ul ul, #menus li.sfhover ul ul ul {
    left: -999em;
}

#menus li:hover ul, #menus li li:hover ul, #menus li li li:hover ul, #menus li.sfhover ul, #menus li li.sfhover ul, #menus li li li.sfhover ul {
    left: auto;
}

#menus li:hover, #menus li.sfhover {
    position: static;
}

#menus li li a, #menus li li a:link, #menus li li a:visited {
    background: #B3B3B3; /* drop down background color */
    width: 120px;
    color: #FFF;
    display: block;
    font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border-bottom:1px solid #1A6680;
}

#menus li li a:hover, #menusli li a:active {
    background: #130000; /* Drop down hover */
    color: #FFF;
    display: block;     margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}

/*-------- End Drop Down Menu -------*/

---

  16.  Click Save Template, then Close


The following video demonstrates how to create a drop down menu in Blogger:

How to Add a Menu Bar in Blogger

Here are the steps to add a menu bar in Blogger:

  1.  In the Blogger dashboard, go to Layout

  2.  Click on Add a Gadget

  3.  Select HTML/JavaScript

 

4.  Under Content, paste the following code

  <div id='menubar'>

    <ul id='menus'>

      <li>

        <a href='#'>MenuItem</a>

      </li>

      <li>

        <a href='#'>MenuItem</a>

      </li>

      <li>

        <a href='#'>MenuItem</a>

      </li>

    </ul>

  </div>

  5.  Replace MenuItem with the appropriate menu label

  6.  Replace # with the appropriate URL

  7.  Save your changes

The following video demonstrates how to add a menu bar in Blogger:

How to Remove Powered by Blogger

Here are the steps to remove Powered by Blogger in Blogger:

  1.  In Blogger, click on Template

  2.  Click on Edit HTML

  3.  Click Proceed

  4.  Check the box for Expand Widget Templates

  5.  Search for the following word: Attribution1
  6.  Remove the entire <b:widget> tag

  7.  Click Save template

  8.  Click Delete widgets

  9.  Click Close


The following video demonstrates how to remove Powered by Blogger:

How to Remove Subscribe to: Posts (Atom) in Blogger

Here are the steps to remove Subscribe to: Posts (Atom) in Blogger:

  1.  In Blogger, click on Template

  2.  Click on Edit HTML

  3.  Click Proceed

  4.  Check the box for Expand Widget Templates

  5.  Search for the following word: feedLinksBody
  6.  Remove this line:
        <b:include data='feedLinks' name='feedLinksBody'/>
  7.  Click Save template

  8.  Click Close


The following video demonstrates how to remove Subscribe to: Posts (Atom) in Blogger:

How to Add a Facebook Like Button to Blogger Blog Post

Here are the steps to add a Facebook Like button to your Blogger blog post:

  1.  In Facebook, click on Developers on the bottom

  2.  On the top, click on Docs

  3.  On the left, click on Core Concepts

  4.  Click on Social Plugins

  5.  Click on Like Button

  6.  Under URL to Like, enter your website URL

  7.  Click on Get Code

  8.  Copy the 1st set of code

  9.  In your blog editor, click on HTML

  10.  Paste the 1st set of code in the body
  11.  Copy the 2nd set of code

  12.  Paste it where you want the Like button to appear

  13.  Click Update


The following video demonstrates how to add a Facebook Like button to your Blogger blog post:

How to Embed a Word Document in Blogger

Here are the steps to embed a Word document in Blogger:

  1.  Go to www.scribd.com

  2.  On the upper right, click on Publish

  3.  Under Select file, click Upload

  4.  Select the Word document to upload
  5.  Enter your email address in the Email textbox and click Send

  6.  Hover over the icon on the upper right and click on My Documents

  7.  Click on your Word document
  8.  Click on the Embed button

  9.  Click the Copy button

  10.  In your blog post editor, click on HTML

  11.  Paste the code from Scribd where you want the Word doc to appear

  12.  Save an update your blog

The following video demonstrates how to embed a Word document in Blogger: