Search Engine Optimization is a rather complex and never ending process. You have to analyze a lot of things including what keywords people are searching for, the density of those keywords in your sites, how many sites link back to you, how popular your links are and so on. Doing all this manually can be a huge pain.
Social media is one of the biggest buzzwords of 2009. You can’t even turn on the news without hearing terms like tweet, poke, event invitation, or profile wall. We see it in commercials, on billboards and even celebrities, athletes and government officials are using it.
We’ve all had to achieve some effect that required an extra handful of divs or PNGs. We shouldn’t be limited to these old techniques when there’s a new age coming. This new age includes the use of CSS3. In today’s Tutorial, I’ll show you eleven different time-consuming effects that can be achieved quite easily with CSS3
Your website may be top notch but what’s the use of an online presence if no one can find it? In this quick start guide to search engine optimization we’ll review an assortment of tactics to increase your page ranking.
The Google Navigation bar at the top of your Blogger blogs has an embedded search box. However, you may want to include a similar box in the main body of your blog (like what I have done), or the sidebar. Other than the convenience for users, the added advantage is that unlike Google search box, the search results of this Blogger.com search box appear in the main body of your Blog.
Under Template->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.
There are several HTML codes posted on the net. I tried a few, and found the one that works as follows:
<p align=”left”> <form id=”searchthis” action=”YOUR BLOG URL/search” style=”display:inline;” method=”get”> <strong>NAME OF YOUR BLOG<br/></strong> <input id=”b-query” maxlength=”255″ name=”q” size=”20“ type=”text”/> <input id=”b-searchbtn” value=”Search” type=”submit”/> </form></p>
Remember to change YOUR BLOG URL to the URL or web address of your Blog. Also, change the NAME OF YOUR BLOG to that which you want to call your site. For instance, if your Blog Name is long, you may want to write something like “Search Here” or “Search this site”.
You can also change the “Search” button to say, “Hit” or “Go”, by changing the Value.
Save the code and refresh your page. If you want a longer or shorter search box, you can play around with the size. The above example of a width size=”20″ and value=”Hit” will give you this:
Search Here
Whereas a width size=”30″ and value=”Go” will give you this:-
The size of the search box is a matter of appearance. You may have noticed that the maxlength=”255″. This indicates that a user may enter up to 255 characters in the search box, which I think is sufficient and need not be altered.
Image instead of Search button
Just for the fun of it, if you want readers to click an image instead of a button, you will first need to do up a small picture. You can also resize a picture you already have with photo editing tools like Google’s Picasa. After creating a picture, upload it onto a free server like GooglePages or Google Groups, or other free hosts that offer direct links to the image files. Take note of this IMAGE URL
The HTML code to insert is this:
<p align=”left”> <form id=”searchthis” action=”YOUR BLOG URL/search” style=”display:inline;” method=”get”> <strong>NAME OF YOUR BLOG<br/></strong> <input id=”b-query” maxlength=”255″ name=”q” size=”20″ type=”text”/> <input id=”b-searchbtn” type=”image” src=”IMAGE URL” align=”top”/> </form></p>
Remember to insert into the code the IMAGE URL, where your picture is uploaded. You can align the image to the top, bottom or set a horizontal space between the bar and the image by using a hspace tag. For more examples on alignment of images, you may refer to the article Hyperlinks and Image Links (II).
Blogger has released an updated version of the Post Editor.This one has more features than the old post editor.Here is a screen shot of the new Post Editor,so that you can get an overview of what is new in this advanced post editor.
Some of the added Features in this new Editor are:
Improved Image Handling
Improved Raw HTML
Geotagging
Resize the Post Editor Vertically
Easy Link Editing in Compose Mode
Better Previews
Draggable Placeholders
A New Advanced ToolBar
How to Enable the New Post Editor
Go to the Settings Page, and under the global Settings, Opt for the Updated Editor and save the settings.
This beginners WordPress Tutorial will teach you how to add a Download Button to the bottom of your WordPress posts, with the ability to change the buttons destination URL on every post by using a Custom Field.
Would you like a Transparent Website Layout? It can be very useful if you would like to have a different theme for your website, but do not want to change too much of the design. Simply changing the background image can also give you a whole different feeling sometimes. We are going to teach you how to design a transparent website layout in Photoshop. Hope you would find it useful.
In this, his first tut at Flashtuts+, Yanko takes you through building a dynamic ‘Hot Products’ list using old favourites ActionScript 3.0 and XML. He also smoothes things out by utilizing the Caurina Tweener class. Enjoy..
