Software Discounts

Entries Tagged 'Uncategorized' ↓

Your first blog post

One more thing about images before starting to write.

If you click Media in the left sidebar and add new, you will come to your WordPress uploader. So if you want to use it for your photos or videos in your blog, go right ahead. It won’t take the place of FTP for anything else, though.

Now it’s time to write. Log in to your dashboard, if you are not already there. You can start a New blog post by clicking the down arrow in the Posts button on the upper right-hand side of the window or the one in the left sidebar. I don’t know about you, but my title is going to be Test Post. You should probably pick something that sounds less like a tutorial blog.

When you click down in the main textarea and start typing, you will see your permalink to that post appear. If you change your mind and change your title, you can click the edit button to edit it. Post names in the permalink need to be in the same format as slugs. So my post name is currently /test-post/. If I wanted to change the title to This Is A Test Post, the name slug in the permalink could be /this-is-a-test-post/. You can’t use symbols and punctuation except for hyphens in the post name slug.

Type several paragraphs.

If you want a picture, upload one and code it like this:

<img src="photo link url">

If you want a small photo with text running alongside it, you will need to add an align attribute to the image to align it to the left or the right.

<img src="photo link url" align="left" >

or

<img src="photo link url" align="right" >

When you are finished with your post, go to the right sidebar. You probably want to add a category or two for your post. Categories are something you expect to write a lot of posts for, that people may later want to sort through your posts to find all of one type. Click the +Add New Category link, enter the new category, and click the button. New categories you add while writing a post will be automatically selected.

Go down to the Post Tags. Tags are not limited to something you may expect to write a lot of. You can add all your tags at the same time, by putting commas between them. You can use multiple word tags and category names, too.

Now scroll down to the All in one SEO Pack box at the bottom of the page. Enter your post title at the top, a 160 character or less description, and keywords at the bottom. Some themes nowadays may already be optimized. Others are not. Don’t worry about it right now.

Now scroll back up and click the Preview button in the Publish section of the right-hand sidebar. A new tab or window should open with your preview in it. If you like it, publish. If not, keep editing it until you have it as you like it.

One more thing. If you click the Edit link next to Publish immediately, you can change the publishing date of your post to any other date in the past you want. If you pick a date in the future, your post will post automatically at that time. So you can write your posts ahead of time and have them post for you on a schedule.

I’m done for now. Feel free to make requests.

Adding a photo, Part I

The first thing a lot of new flirts want to do is figure out how to add a photo to their listing. It seems like it ought to be pretty simple to do, but with no html background, a girl can find that the photo just doesn’t show, or it appears someplace she doesn’t want it to.

Here’s our example listing, which I have shrunk to a convenient size. There are actually two paragraphs here.

The first thing I’m going to do is insert an image at the beginning, using a standard image tag.
First notice that I am putting “http://myimagelocation” as the location of the image. For your image to appear, you will have to host it on your own website, on Niteflirt, or on another web host. To upload to Niteflirt, find the HTML tips link which the arrow is pointing at. Click it in your own listing edit window when you are ready to upload a photo.
<img src=”http://myimagelocation”>
Like so:

What happened is that the you only got one line of text at the bottom of the photo. That’s probably not what you were expecting. There’s also a white space on the left where the image couldn’t float all the way to the left-hand margin because the thumbnail was in the way.

To make the text start at the top and wrap around the photo, you put ‘align=”left”‘ in the tag.
<img src=”http://myimagelocation” align=”left”>
Let’s also move the whole thing down below the thumbnail by adding 7 line breaks at the beginning.
<br><br><br><br><br><br><br>
Now it looks like this.

Let’s add some white space to the right of the image so the text doesn’t touch the photo. I’m going to add ‘style=”margin-right:10px”‘ to the image tag to add a 10 pixel margin on the right.
<img src=”http://myimagelocation” align=”left” style=”margin-right:10px”>
Here’s what it looks like. See how the text will now wrap around the bottom if there’s enough of it.


This has gotten kind of long, so I think I will finish up another day.

Adding another photo

One last suggestion: type out your tags. WordPress uses non-standard characters for things like single and double quotes, and simply copying and pasting may not work.

Photo tips

So you want to add some photos to your listing. Before we get to that, let’s make sure you look good in those photos.

  • Take the photos in a good light. Photos taken under insufficient lighting can look really grainy.
  • Use the flash if you’re indoors. Use it at the correct distance. Too close and you are overexposed, too far and it won’t light you up.
  • Learn to use the timer if you’re taking photos yourself. Just about every digital camera nowadays has a timer. Read the owner’s manual.
  • Center yourself in the photo.
  • Fill the frame as much as possible. This may mean being closer to the camera or using the zoom
  • Make sure you don’t cut off your head. If you do, there’s nothing you can do to put it back.
  • Photos should be in focus. Learn how the focus is supposed to work on your camera.
  • Look at the pictures, delete any bad ones, and reshoot.
  • Can’t get the camera to take good pictures or pictures in focus? Buy a new one or borrow somebody else’s.
  • If you take photos with your cam, make sure you use lots of lighting.

There are lots of things you can do to enhance photos, and if you have the money (and lots of time to learn) I recommend Photoshop. I have Paintshop Pro, which can do a whole lot of things at a good price.

You don’t need to take the time to learn how to do all those things right now. What you need to do to those photos is crop and resize them. You want to trim off any extra space around you, and then you want to make the photo the right size for a listing. Resize a copy of the photo, not the original, then save it with a new name. Don’t resize it by changing the width and height in your image tags. That can make the page load really slowly, and it gives your viewers right-click access to full sized photos without paying for them. Don’t resize photos to make them larger, only smaller. If you need it larger, take a new photo. Enlarged photos look smeary or pixellated.

There are a lot of free image editing apps out there you can use. I haven’t evaluated any, but I know people who have used Photo filtre. Photo filtre studio is a free download trial. The page also has links to the older version. If you want one you can use for free, pick the most recent. I would try the free version before downloading the studio to see if you can use the extra features. In fact, I would wait to download until after you get used to the free one. If you aren’t ready to learn to use some of the more advanced features, you won’t be able to figure out the trial version before it expires.

A free program with more features (but harder to learn) is The Gimp. You will find lots of tutorials for it, but it will be frustrating at first if you aren’t accustomed to using graphics software.

If you find you are blocked on by me…

on Niteflirt email, in all likelihood it means that you spammed me after clicking one of my pretty buttons. When you click another flirt’s button, that adds her to your customer list, but it doesn’t add you to hers.

I have no interest in getting my Niteflirt inbox clogged with pornospam, nor do I have any intention of begging flirts to stop spamming me. So if you can’t buy or you need to contact me, you’ll need to click the handy-dandy email me link in the sidebar here. I also suggest that you sort out your customer list and place flirts whose buttons you clicked on a list that doesn’t get spammed. While you’re at it, you can also place free minutes beggars on a “no offers” list so you don’t encourage them.

I sort my customer list, and so can you.

HTML and ‘tags’

HTML is a formatting language. That means that it affects how what you write appears on the page. You break it up into chunks and assign “markup” to them, which tells the browser how to present it to the viewer. And you mark up the text by adding “tags”.

Definition
formatting
Changing the appearance of plain text to make it easier to read, giving it more impact through the use of headers, paragraphs, line breaks, etc.

markup
Code you add to plain text to tell the browser how it divides up into different parts by purpose or appearance.

HTML tags
Specific snippets of code added to plain text to make a browser interpret or display different sections in different ways.

Microsoft Word produces attractive documents for you as you work. It uses markup to do this, though the markup is invisible to you. Notepad produces plain text documents. There is no markup. However, many designers type web documents in plain text, adding tags in afterward or as they go. When they save these documents as .html, they open in a browser window as a completed document, not one long paragraph of plain text with some code showing.

Most tags have a beginning tag before the chunk of text you want to format and an end tag after it. There’s not an HTML tag called ‘tag’. But if there was, this is what it would look like:

<tag>Format Me!</tag>

Because there’s not a tag called ‘tag’, if I were to put this into an HTML document, the browser would ignore the tags. They would not show in the browser window. Anything between ‘<’ and >’ that the browser does not recognize will be ignored. So if you spell your tags wrong, they won’t work. It’s really easy to spell them wrong, so if you want to do HTML, you’re going to have to start proofreading carefully.

Some tags do not have a separate end tag. All the work happens within the one tag.

<tag=”Tag!”> or <tag=”Tag!” />

mean the same thing. We use the first one to format on Niteflirt to save characters. The second one is a little more web-friendly.

The last thing to remember about tags is that you have to nest them properly. Tags that overlap can do all kinds of crazy things to your page. This is easy to do properly when you’re writing it in the first place, and much harder to figure out when the page is all written and seriously messed up.

You can see that the lines cross in the second one. That’s not nested.

Assignment

You can look at the source code for any page online, but most pages nowadays have plenty of stuff in the source code that is not HTML. You might find that really confusing. So I have made a page from this tutorial. It doesn’t look exactly the same as it does here, because WordPress blogs add formatting. On that page, only the markup in the code is operating to format the page.
See this page in plain HTML.

Now go to the menubar. Click View => Source. A window or tab should open showing you the source code. Look at how the tags enclose pieces of text. Everything in this window—and much more—will become clear by the time you finish this series of lessons.

Next lesson: Headers and Subheaders

HTML for Niteflirt step-by-step: Why you need to learn html

There are a lot of reasons why you need to learn html;

  • There’s no other way to format a listing. Niteflirt requires html for formatting a listing.
  • You want to do it for free, rather than paying somebody to make your listings or buying software.
  • Html is not rocket science. It may look like incomprehensible gobbledegook on the source code page, but writing it is just applying a series of simple rules.
  • Doing your first html page will make you feel like a rocket scientist. Mastering a new technique just makes you feel brilliant.
  • There are so many free editors you can’t figure out which to download.
  • Learning to use a free html editor is as hard in many ways as learning html. It can be extremely confusing. Not only that, but you will probably go through a series of html editors, get stuck, and try another one. The amount of effort involved with doing that is greater than learning simple html.
  • Code editors write for the web. Niteflirt has a special type of html that will not accept many things that will work fine on a webpage of your own.
  • Code editors add stuff to your code to make changes. If you play with it a lot, you can end up going over the Niteflirt character limit while your listing is still quite small.
  • Code editors are intended to save you work by making decisions for you. Some of the things they decide you want are not things you want, and you may not be able to change it back without going into the code to delete what the editor put in.
  • Even if you don’t care about formatting, you’ll need html to insert photos and graphic images into your listing.
  • When you buy a purchased template, it usually comes with instructions that assume you understand something about html. If you do not, you may be unable to install the template and put in your content. Buying a template means you are saving money by agreeing to set it up yourself. The designer may be willing to help you if she has time. Some designers don’t have the time, and in any case if you don’t know any html, the designer isn’t obligated to spend unlimited time teaching it to you so that you will understand how to follow standard setup instructions.
  • Troubleshooting your own work: when things go wrong, as they will, you need to be able to figure out what the problem is and fix it quickly, so you can get your listing working again.
  • If you can make a simple Niteflirt listing, you can make a simple webpage.

Okay, I’m sure there’s a bunch more reasons, and if I think of them after the caffeine takes effect, I will edit them in. But right now I want to introduce a little project to you. I’ve made a “listing” on Niteflirt with no html whatever. You will certainly recognize the type. Some of you may have listings that still look like this.


We’ll be fixing this up step by step. This will not be a complete web design course, or even a complete html course. It will teach you what you need to know to fix your listing up pretty.

Next chapter: titles and paragraphs.

How to find a flirt on Niteflirt

I see this question a lot. The trick is in understanding that Niteflirt has two site search engines. One searches through listing text, and the other searches only flirt names. So if you type a flirtname that is made up of common words into the regular search box, you could get back a list of thousands of listings that contain any of those words. Obviously this situation would not be helpful.

The other is a flirtname-specific search box. If you type the flirt’s name in there, you may come up with a list that has only the listings of the flirt you are looking for, or the list might have hundreds of flirtnames on it. For some reason a long list like this is not sorted so that exact matches come first.

But if you put quotation marks around the name, now you should only get a list of names that contain all the words as the one you are searching for.

The other way to find a flirt is to type their name in the address bar of your browser right after the sitename, like so:



and you are there, whether or not the flirt has listings. If you want to email her, there is a Send Email link on her home page and every listing page, provided she has listings approved. You can’t email members who are not on your customer list until they have listings approved.

Protecting your images from online theft

This tutorial is for girls with websites.

Here’s the problem. When you have an online directory without an index page (index.html, index.htm, index.php, etc.), many hosts will helpfully create one for you – or for a surfer who happens to be looking for one.

What this means is that if you have a folder full of photos and you give or sell the address of one of them to someone, they can go hunting through to see what else you’ve got there in that folder.

Here’s an unprotected directory.

Maybe you sold Image1.gif to a customer, or maybe this person knows your site domain name and is just guessing you have an ‘images’ folder. Most people do have a folder named ‘/images/ on their site. So they can type in any of the following:

  • http://yoursite.com/images/index.html
  • http://yoursite.com/images/index.htm
  • http://yoursite.com/images/index.php
    or even just
  • http://yoursite.com/images/

which assumes you have some kind of index page there and will produce it for him. Here’s what will come up on many webhosts when you don’t have an index page of any kind:

These are clickable links. If you had folders in that directory, they would appear, and he could click down to see what was in them, too. He can open any image he wants and save it, stealing all your images because you left your directories wide open to view.

On your website, create a new directory. Put an image in it, but no index page. Then type the url to the directory only to see what comes up. If you get a page like the default directory above, you need to fix this now.

Some girls will put a blank page in directories and folders, which certainly will stop unwanted visitors from figuring out what’s inside, and without the file name, they can’t access any of your files. I have made pages with “naughty boy” messages that redirected to my homepage after allowing time to read.

[At this point I will add that there are those who say that having html redirects (which this is) will hurt your ranking with Google. There are many things that are said to hurt your ranking. It is extremely unclear what does and what does not. The bots are pretty smart. I think if it's clear you're doing something to trick your way up in search standings, you run the risk that your site may get in trouble over it. But if you're not trying to do that, you will probably be ok.]

An html redirect will send who lands on your page to another url in a timeframe you specify. Undoubtedly you have seen pages with a message saying, “The page has moved. You will be redirected …blahblahblah.” You can do that yourself and redirect the surfer to your homepage or any other url you want to send them to.

Here’s the code:

<meta http-equiv=”REFRESH” content=”0;url=http://www.the-domain-you-want-to-redirect-to.com”>

where you replace the number ’0′ with the number of seconds you want them to linger on the page before they are redirected.

But I got tired of that. The only people arriving at that page are thieves. Why be nice, why not just redirect them directly to my callbutton url?

Since the surfer is immediately sent to your callbutton. Take your sid right out of the callbutton code niteflirt gives you.


Click on the image to open the text file. Copy it, edit to put in your listing sid code, then resave as an .html file. Upload into any or all of your directories that have no index.html file of their own.