Showing posts with label Blogger Help. Show all posts
Showing posts with label Blogger Help. Show all posts

Sunday, May 29, 2011

How to make a Blog Button

All right.  This is SUPER easy.  Here are the steps for Blogger.  I am not sure how other programs work so you will have to adapt if you don't use Blogger.
  1. Get yourself a picture that is about 150x150 pixels (it can be longer but stay with this width).  
    • You can use Picnik.com to crop/resize. <-- AWESOME picture editor.
    1. Save your picture in Picasa.  
      • Every blogger has a Picasa web album even if you didn't know it.  Just sign in to Picasa web album with your Blogger login.
      • To get the URL of your picture right click on it and select "Copy Image Location."  It should start with http:// and end with .jpg (or some photo file type).  You can test your link in a blank window to see if it opens.
      1. Go to "Design" and add a new Gadget.  Select HTML as the type of gadget.
      2. Paste in the code. 
        • Make sure to change the location of your photo and your blog to the correct URLs.
      3. Save the Gadget.
          THE CODE
          <br /><center><img src="IMAGE LOCATION" /></center><br />

          <center><textarea rows="4" cols="15" wrap="hard">
          <center><a href="BLOG ADDRESS"><img src="IMAGE LOCATION AGAIN" /></a></center>
          </textarea><span style="font-weight:bold;"><span style="font-weight:bold;"></span></span></center>

          If you make a Blog Button leave the link in the comments and I will grab it.

          Tuesday, November 16, 2010

          How to Add Pages Tabs in Blogger by Label

          NOTE: This is only if you want to add a Page Tab that shows a feed based off your labels or an external URL.  If you want to create a page that is simple like a regular blog post them go to "Posting" and select "Edit Pages" in your dashboard.  BUT if you are looking for something a little more complicated then read on.

          1. Go to Design in your Dashboard.
          2. Select “Edit HTML.”
          3. Check the “Expand Widget Templates” box.
          4. Search (Ctrl+F) for <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>


          5. Scroll until you find </b:loop> {About 12 lines down from the line you searched for.}
          6. Hit Enter a few times to add space after the last line and before the next set of code.
          7. Copy and Paste the following code (with the bold part changed to match your website).


          <b:if cond='data:blog.pageTitle == &quot;Blog Awards&quot;'> 
          <li class='selected'><a href='http://megandubyuh.blogspot.com/search/label/Blog%20Award' title='Blog Awards'>Blog Awards</a></li> 
          <b:else/> 
          <li><a href='http://megandubyuh.blogspot.com/search/label/Blog%20Award' title='Blog Awards'>Blog Awards</a></li> 
          </b:if>

          NOTE: To find the URL for your label go to a post with that label and then click on it.  Copy and paste that in to the code above that is red.
          NOTE: This [in blue] is the Title of your Page tab you will see on your blog homepage.

          8. Save Template and View Blog
          9. To add more pages like this simply copy and paste the code in #7 again changing it to your different label.
          10. If you would like the Page Tab to link directly to another website (your other blog) then replace the red above with the other websites URL.