Do not let visitors leave your blog!

The simple but effective method of keeping your readers on your site is - creation hyperlinks open in a new window when they are clicked.

Why Define Hyperlinks to Open a New Window?

"Why would one want to have their links open in a new window?", you might ask. The primary, and probably the only reason a blogger would do that - is to trying to keep the user on their site as long as possible. You provide the reference link in the text of your posts not just because you want you reader to go away. In some cases, reader might come back after reviewing the site where you sent him, in some case, he will stay there, move further, or just close the online session. If you have the hyperlink opening a new window in every case, it will be easier for your visitor to come back to your site, when he is done with exploration of the link, you created. And he will be able to painlessly resume investigation of your own site after coming back.

When you provide internal links, directing to your own content, this issue is not very important, since your visitors does not leave actually your site, but just continues its exploration. Opening every time a new window, when customer clicks a new link, is not recommended, since your reader might get a feeling that you are spamming him. He will get annoyed and leave.

But if you are referring to another blog or web site, have a new window opened to display the web page, while keeping your own page in the background.

Create a Hyperlink That Opens a New Window

The basic structure of a hyperlink looks like this:

<a href="http://internet-traders.blogspot.com">Online Stock Trading for Beginners</a>

If you use this code, the clicking on the link will lead the clicker to the new location. To manually change the hyperlink properties, forcing to open a new window on every click, requires code modification. Just add one more property to the ’a’ tag to make it do what we want.

All we need to add is:

target="_blank"

Just like the href property/value pair (href="some value"), you need simply to include the target="_blank" to the ’a’ tag of your hyperlink. Here is what the finished hyperlink will look like:

<a href="http://internet-traders.blogspot.com" target="_blank">Online Stock Trading for Beginners</a>

Some desktop software HTML authoring utilities are able to provide this functionality as an option for you when you create a hyperlink. For example, Post2Blog, I use can do that easily. But if you use online Blog editor, like Blogger, you do not have ready to go option for the hyperlinks properties modification. You need to review the HTML source, find the ’a’ tag you want to modify and then add the target="_blank" value pair to the hyperlink definition.

Read More

Removing Newer and Older Post Links in Blogger Blog

If you are using Blogger as blogging platform, you might be used to some of the built-in features, that you consider hard coded, but can be changed with slight template code modification. One of the hacks, presented in this publication, addresses a seemingly minor issue on the page - two links “Older Posts” and “Newer Posts” on the bottom of the page.

For those, who prefer their blog to be maximally close to the static webpages, these links not just unnecessary, but are plainly irritating. There is a way to remove them once and forever. And that is quite easy to do, even for not very experienced users. Note, that this hack will also remove “home” link from the bottom of the blog page.

Open Layout Tab in your blog profile page, choose Edit HTML, and search your code in your blog template for the following text:
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}


Now replace that code with the following code:

#blog-pager-newer-link {
display: none;
}
#blog-pager-older-link {
display: none;
}
#blog-pager {
display: none;
}


Save the template and you are done. I hope that was indeed an easy and straightforward one.

Additional Reading:

http://bloggeruniversity.blogspot.com/
http://tipsforwebsite.blogspot.com/2008/09/how-to-remove-post-and-post-link-on.html

Read More

Disabling Right Click in Blogger Blog

Have you noticed, that some web sites do not allow their visitors using right mouse click while pointer is on the blog area. This option is useful for the site and blog owners, who want to minimize the possibilities of the content direct copying to other posts.

Provided cross browser DHTML script from dynamicdrive will help you achieving the same result on your own blog, preventing default right menu from popping up when right mouse is clicked. There are actually two options for this script are provided: Alert Option and Non-alert Option. If the Alert Script is enabled, if someone tries to execute Right click on the blog, then a Message, which can be customized per your desire, appears. If the Non-alert script is activated, then no message is displayed.

To setup this tool in your blog Copy the Following code and paste it to your blog by adding a new page element.

Message Alert Script:

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

Message Non-Alert Script:

<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

Read More