Help with basic HTML web build – adding images, placing them in certain positions etc

@weapon_cricketNov 08.2012

Hi,

Hoping some more experienced people can help a newbie out!

I’m building my own website. I’ve purchased a template that i liked and edited it to suit my brand and products. I’ve loaded product images, descriptions, added zen shopping cart, it’s ssi protected.

I’m looking for simple improvements/advice that an inexperienced person like myself might need to know or can utilises to improve or ehance the look, feel and overall effectiveness of the site?

Things that come to mind?

E.g. How to add facebook/twitter images and hyperlinks to contact my business throughother means.

How to add a blog?

How to add SSI/credit card protection logo’s and position it in certain locations?

How to improve my .com.au and .com web rankings organically, I’m told blogs and reviews help with this?

Any help would be greatly appreciated.

I hope one day to be skilled enough to help others out with small personal websites and pass on the help/experiences I learn along the way.

Here’s my website in it’s current format:

weaponcricket.com.au

Thanks in advance.

Weapon_Cricket

to post a comment

HTML

2 Comments(s) _↴

@Sup3rkirbyNov 13.2012 — #Let's see, I'll try to cover everything as best I can and hopefully it'll help you with your pursuit of knowledge as well as your website.

[B][COLOR="#202020"]1. Facebook/Twitter Images and links[/COLOR][/B]

There are plenty of sites that have these and plenty of ways to implement them. Just taking a quick look at your site I feel you could easily add these along either the left or right side of your page, as a fixed bar of icons (can't think of any good example sites to link for this). As long as you can access your site's source code you'll just want to work in a bit of custom code in the header template file to get these social icons/links appearing on your entire site. Below is a rough draft of what it would be. You would need to of course find appropriate facebook, twitter and other networked site logos to upload and use.

[code=html]
 <div id="socialLinks" style="position: fixed; top: 50px; right: 0px;">
 <a href="http://www.facebook.com/YourFacebook"><img src="/images/facebook_icon.png" alt="Facebook" /></a> <br />
 <a href="http://www.twitter.com/YourTwitter"><img src="/images/twitter_icon.png" alt="Twitter" /></a>
 </div>
 [/code]

[B][COLOR="#202020"]2. Adding a blog[/COLOR][/B]

There are tons of choices for blog software available today and plenty of ways to go about creating one. Obviously you want this integrated in to your website and so you'll need to find a package that you can install on your webhost. Many webhost provide auto-installers for various things like blogs, eCommerce, etc. If you don't have anything to do that automatically then there will be some extra steps involved (downloading a blogging software package, uploading it to your site via ftp, running some installation scripts and filling out necessary information for database access, etc).

There is some useful information on blogging softwares here: http://blog-software-review.toptenreviews.com/

Other than that it really comes down to what you have available and what your preference is.

[B][COLOR="#202020"]3. SSI/credit card protection logos[/COLOR][/B]

This is really similar to what I talked about in #1. You can use essentially the same code to place the desired logos in a specific location. There would be adjustments more than likely, such as using 'absolute' instead of 'fixed' for the position and possibly changing the number values to move it to a location of your choosing. You also might not want it on every page, so it wouldn't be added to a header file in your site's template.

[B][COLOR="#202020"]4. Improve web rankings[/COLOR][/B]

When you want to improve the ranking of your website on many of the popular ranking sites/systems there is only so much you personally can do. One of the more important things is SOE (Search Engine Optimization). You'll want to make sure you use proper meta tags for your site to list its content, keywords and such as well as make sure all links on the site are search engine friendly.

Also submitting to various online directories can be useful. The open directory project is an example of this.

Also getting links to your site on social networking platforms can help with the rank.

In the end it's mostly about getting your site well-intertwined with as much of the web as possible. Website ranks from places like Google typically look at how many times (and from where) your site is linked to. That isn't something you can really control yourself as it typically has to come from other reputable pages (for instance a news homepage vs a personal facebook page) and so that depends on others wanting to share and link to your site.

@NickJohnsonNov 15.2012 — #

* How to improve my .com.au and .com web rankings organically :-

For this you have to hire a good SEO company which will help you to get improvement in web ranking.....

Also in #HTML _↴

HTML Frame [RESOLVED] Validation HTML and XHTML How do I update contents without reloading a whole page?

Success!

Help @weapon_cricket spread the word by sharing this article on Twitter...

Tweet This

Help with basic HTML web build – adding images, placing them in certain positions etc

2 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Help with basic HTML web build – adding images, placing them in certain positions etc

2 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #HTML _↴