Javascript Disable Right Click on your website and blog

Well lots of friends wana know how to disable the right click on there site so that nobody can copy there content wel there is an easy way to disable right click on yoyr website and blog just ad the Java Script code to your website or blog to disable the right click code is in Box Below just copy and paste.

you can change the message. 

<script language="JavaScript">
<!--

//Disable right mouse click Script
//cplanet.info

var message="Right click 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>

Read More

How To Remove The Blogger NavBar

A lot of people who host their blogs on Blogger (www.blogspot.com) complain about the inability to remove the blogger navigation bar via their elements page. Indeed, if that's where you are looking, the only thing you'll be able to do from there is change the color to one of several pre-determined selections.
If you really want to remove the blogger navigation bar, you need to access your HTML template. Before I tell you how to do that, however, I'd like to first talk about why you may or may not want to remove the nav bar from your blogspot blog.

Main Reasons To Remove It.

• It looks more professional without it: Depending on what your purpose for blogging is, you may choose to remove the blogger navbar because having one makes a blog look more like a free-hosted blog and less like a professional site worth taking seriously.
• It gives you more space at the top of your page: This may not seem significant, but not having the navbar there does give you a bit more space for graphics. I have found this space to be quite useful when designing my own blogs.

Main Reasons To Keep It.

• It makes editing a little bit easier: You can login directly from the blog itself, and don't have to worry about logging into blogger. You can also edit capsules from the main page, without having to go into elements.
• You get a teeny bit of traffic from the "next blog" button: And I do mean teenie. I can't even recall the last time I saw traffic from it.
  
  

  How To Remove It

  If you've decided that you definitely want to remove your blogger navbar, it's actually a very simple process that any non-technically-inclined person can accomplish with ease. Just follow these steps:
  1. Login to your blogger dashboard.
  2. Click "Layout"
  3. Click "Edit HTML"
  4. Find the BLUE code you see in the image to your right. The code will be quite near the top of your HTML section, you shouldn't have to scroll very far at all. The blue code should definitely be there, but the data box you see may not be, depending on where your template came from.
  5. ADD the code you see in red precisely where you it see it in the image to your right. If you want to copy and paste it, do so from the bold text you see below:
  
  
  
  #navbar-iframe {
  display: none !important;
  }
  
  
  

  Preview It First!

  Use your preview button before you click save! If you like what you see, go ahead and save.
  

  What happens if I want the navbar back in the future?

  Simply go back into your HTML the same way and delete the part you just added. It's really that simple!

Read More

Highlight Text In Posts Through Colored HTML Text Boxes

By highlighting specific regions of your post/article, you make it easier for your readers to understand the post in a better way. Although in Blogger, you can tweak the quote boxes (like the gray boxes, I use in my blog to show HTML codes), but as it is done directly in the template of the blog, so it will be applied to the whole of your blog, and therefore the boxes will have same appearance every time you use them anywhere in the blog.
So here's another easy method through which you can control and change all the settings like background color, text color size, font style etc. every time you use these boxes:
An example:

The Best way to make your dreams,
come true is to wake up.
esite4u.blogspot.com

<div align="center">
<div style="background-color: #cccd94; border: 1px solid black; font-family: sans-serif; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
<i>The Best way to make your dreams,
come true is to <span style="color: blue; font-weight: bolder;">wake up.</span>
esite4u.blogspot.com</i></div>
</div>

You can adjust the colored parts in the code to match your blog and requirements.

Read More

How TO Add Search Box To Blogger

How to add a search box to your blogger,as default template doesn't provide any search codes or search box in your template so as readers can search of in your blog or web from your blog.There are many methods of adding search box to your blog at different places you want and different types of codes for search which you want to be done in our blog.Now i will explain where to add these codes and what codes to add to make a seach box in your blog.

Lets first of all start with the search codes which you need to add in your blog. The codes are below:-

First




<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Go" type="submit"/></form>

Change the text in red to any text like search or hit you want to display in button to hit the search.

Your search box will appear like this below.

Second

If you want to add some styling like this new sample below:-

Use these codes

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #ccccff; border: 2px solid #000066"/><input id="search-btn" value="Search" type="submit" style="background: #000066; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"/></form>

Edit the colors or styling in red in above codes to change the styling of search box to adjust in your template.

Third

Now if you want to add image in place of search button like below:-

Use these codes:-

<form id="searchthis" action="/search" style="display:inline;" method="get">

<input id="search-box" name="q" size="25" type="text" value="Enter search terms"/><input id="search-btn" value="Search" type="image" src="http://dryicons.com/images/icon_sets/stickers_icon_set/png/16x16/search_magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>

Change the image url in red above with the url of the image you want to use.and hope you would have no problem in using any of the codes.

Now How To place search Box at different places in blogger blog:-

To Place it in sidebar:-

Under Template->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear.
Select HTML/JavaScript and add the above codes.

Read More

How Add Favicon Icon To Blogger Url

Have you wondered how these little icons appear before the web addresses, like the one of blogger logo you see in all blogs? When you visit the sites or bookmark them, these icons will make these URLs stand out.Check out your Bookmarks.These are “Favicons” or “Favorite Icons”.It will be clear from the picture below as shown by the arrow in the figure.

You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some images you like for your favicon.Now you would have to convert them to .ico format.How to do it.

How about the step to do that? this are the steps :

1. First you must have an image any .png,.jpeg,.gif format.

2.After that, you must change your image to be icon. For do that, you can use favicon Generator, please check out Favicongenerator or Dynamicdrive site to convert your image into icon format.

3.Browse your image there from your hard disk,click generate button and then downlaod your icon to your hard drive from there.

4.Now upload the icon to your any hosting service you use like,get it from here.where to upload files.

5.After uploading take the url of the image where it's hosted.

6.Now Login To Blogger and Browse to Layout > Edit/Html > Press Ctrl+F

Now Search For <head> and place the below code after this tag

<link rel="shotcut icon" href="Url OF The Image Hosted"/>

Read More