Thursday, September 15, 2011

How to Disable Right click in Blogger

 Protect you text, images ,links in Blog

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

Step 1 : Go to Dashboard > Layout > Add Gadget > HTML / JavaScript
Step 2 : Copy the following code and paste it there .




<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>



Step 3 : Save the html/javascript and view you blog.
When you will try to do right click, a message will tell you that “Function disabled” , and if you want to change this words” Function Disabled” Then simply find it in code and replace it.


How to Add Multi Tabbed Navigation Widget In Sidebar For Blogger


I am going to tell you  how to add multi tabbed widget for blogger. I have seen that there are so many tutorials on the web regarding this. But as I thought these are really complicated.I am writing very easy and simple tutorial which will guide you to add this widget to your blog's sidebar.


Just Follow the simple steps :

Step 1: Go to your blogger dashboard < Layout > Edit HTML.

Step 2:And find the code </head>

Step 3: Now add the following code just before the </head> tag.


<script src='http://www.tricksmachine.com/wp-content/uploads/2010/02/tabber.js' type='text/javascript'/>
<link MEDIA='screen' TYPE='text/css' href='http://www.tricksmachine.com/wp-content/uploads/2010/02/example.css' rel='stylesheet'/>

Step 4: Now go to Layout > Add a Gadget >Page Elements, and then select "HTML/JavaScript" type.

Step 5: Now Copy the following code and paste into it and save it.




<div class="tabber">

<div class="tabbertab">
<h2>Tab 1</h2>
<p>Tab 1 content.</p>
</div>


<div class="tabbertab">
<h2>Tab 2</h2>
<p>Tab 2 content.</p>
</div>


<div class="tabbertab">
<h2>Tab 3</h2>
<p>Tab 3 content.</p>
</div>
</div>

enjoy this mathod to improve your blogging

Popular Posts