Showing posts with label website. Show all posts
Showing posts with label website. Show all posts

Wednesday, January 19, 2011

How to Make a PDF Download Link

There are two ways to create a download link for a PDF on your blog or website. The first involves a PDF hosting site, the other can be used if you have upload space on your website host. You can either upload the PDF to a PDF/Document Hosting website, such as Keep and Share and get the download link they give you after you upload. Or upload the file to your web host, and use this code.

To create a download link, copy and paste this code <a href="File.pdf">Download PDF</a> and replace the File.pdf with your PDF file location or URL.

If you'd rather display the actual PDF on your website, convert the PDF to SWF using SWFTOOLS.  Then upload the file to a SWF hosting site or your web host as detailed above and use this code, replacing nameofdoc.swf with your SWF file location or URL:
<object width="595" height="842">
  <param name="MOVIE" value="nameofdoc.swf">
  <param name="PLAY" value="true">
  <param name="LOOP" value="true">
  <param name="QUALITY" value="high">
  <embed src="nameofdoc.swf" width="595" height="842"
   play="true" align="" loop="true" quality="high"
   TYPE="application/x-shockwave-flash"
   PLUGINSPAGE="[[http://www.macromedia.com/go/getflashplaye]r]">
  </embed>
</object>


That should do it.

Tuesday, January 18, 2011

How to Make a Facebook Like Button

So you want to make a like button for your webpage or another site. How do you do that? First, visit this link. Scroll down to the 'configurator' (yes, that's what they call it). In the 'URL to Like' box paste or type in the URL for the page you are making a like button for. It could be a like button for your whole website or just one page.

Choose the 'Layout Style' from the drop down box. This will decide the size and amount of social content displayed with the like button. If you want the profile pictures of people who like your page to be shown underneath the button, then make sure the 'Show Faces' box is checked.

How much space do you have for your button width wise? This goes in the 'Width' box and is measured in pixels. In the 'Verb to Display' box, you can choose between a 'like' button and a 'recommend' button. The drop down box underneath 'Font' has a few different font choices to choose between, or just leave it blank for the default font. 'Color Scheme' lets you choose between a light blue like button and a dark blue like button.

You can preview your button to the right of the configurator. Once it is adjusted to your specifications, click 'Get Code.' This will make a little box pop up with two different kinds of codes. Both codes work fine in any HTML box. The difference between Iframe and XFBML: Facebook claims the XFBML code is more versatile since it uses Javascript SDK to resize itself and give you more information and it allows the person who clicks like to leave a comment as well. The Iframe is more basic. I use XFBML because the code is shorter.

How to Hide the Blogger Navigation Bar

The navigation bar is that little strip above your blog that says "next blog" and "sign in" along with a couple of other things and the Blogger logo. It looks like this:

Because my blog has its own domain name and since I have third party cookies turned off, it always tells me to sign in, even when I am signed in, I decided I wanted to hide the navbar. From what research I've done, it isn't against the Terms of Service to hide the navigation bar. There are two ways to hid the nav bar.
  1. Adding CSS. Go to the 'Design' tab. Click on 'Template Designer.' Go to the 'Advanced' tab, scroll down to 'Add CSS' (it will be at the very bottom). Copy and paste this: #navbar-iframe {height:0px;visibility:hidden;display:none} into the CSS box. Click 'Apply to Blog.' 
  2. Adding HTML. Go to the 'Design' tab. Click on 'Edit HTML.' Scroll down or use Ctrl + F to find the tag </head> in the 'Edit Template' box. Copy and paste this:
    <style type='text/css'>
    #navbar-iframe {
    display: none;
    }
    </style>

    just before the</head> tag. Click 'Save Template.'
Good luck!

EDIT: Now you can hide the navbar without editing the HTML. Simply go to the control panel/overview for the blog you want to hide the NavBar. Click on "Layout." In the Navbar box in the upper right hand corner, click on "Edit." A little box will pop up. Select the bubble next to "Off" and click "Save."

How to Use Your Go Daddy Domain on Blogger

It took way too much time and trouble for just me, so I am sharing how to use your GoDaddy domain name as your Blogger URL. First of all, Google's how to is not complete and it took some digging to locate GoDaddy's. So this is what you do.
  1. Park Your Domain Name. If you just bought the domain name from GoDaddy and that's all you did, then skip to step two. Otherwise, log in to your GoDaddy Account Manager, then under My Products, click Domain Manager. Select the domain you want to use for Blogger and then from Nameservers (the icon looks to me like a stack of three gold coins), click Set Nameservers. Choose I Want to Park My Domains and then click OK both times.
  2. Edit the CNAME. Log in to your GoDaddy Account Manager, then under My Products, click Domain Manager. In the Tools menu, click DNS Manager. This will take you to the DNS Dashboard. Click Edit Zone for the domain name you plan to use for Blogger. This should take you to the Zone File Editor. Scroll down to the CNAME (Alias) section and click on the 'www' listing. In the 'Points To' box (the middle one in the row), type in ghs.google.com and click 'Save Zone File' and then 'OK.'
  3. Create 'A' NAME Records. You only need to do this for a 'naked' domain, that is, a domain without 'www' in front of the domain name (like example.com). You should still be in the Zone File Editor after completing step two. If not, you need to be there. Scroll up to the A (Host) section and click 'Quick Add.' In the 'Host' field type your naked domain name (example.com) and in the 'Points To,' type 216.239.32.21 and repeat for three more records: 216.239.34.21 and 216.239.36.21 and 216.239.38.21
  4. Forward Your Domain Name. Log in to your GoDaddy Account Manager, then under My Products, click Domain Manager. Select the domain you're going to use for your Blogspot. From Forward, click Forward Domain. Choose 'http://' from the drop down box. In the Forward To field, type in your purchased domain name, including the 'www' (it would look like this: www.example.com). If you want the nameservers to automatically update, check the box that says Update my DNS setting to support this change. Click Advanced Options. Choose between Forward Only and Forward with Masking. If you choose Forward Only, select whether it is a permanent or temporary forward. If you choose Forward with Masking, you will need to type in a Title, Description, and Keywords for your site. Once you've made your choice, click 'OK.'
  5. Change Your Blogger Settings. Sign into Blogger and click on your blog's 'Settings.' Under the Settings tab, click 'Publishing.' It should say at the top 'You're Publishing on blogspot.com' and underneath have a link to switch to a custom domain. Click that and then click the link that gives you an option to use a domain you already own. In the 'Your Domain' field, type in your custom domain, including the 'www' then type in the word verification and click 'Save Settings.' Ta daa!
I really hope this saves you the trouble it would have saved me.