Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Wednesday, April 27, 2011

Create Free E-Mail Icon

To generate any free E-Mail icon, just visit this link:
E-Mail Icon Generator


       **!!!ENJOY!!!**

Create Buttons And Banners

To create your buttons of Facebook or Twitter or others, for you blog or website, just visit this site:
To create Flash Banners , Clocks, Widgets, Menus, Text or Buttons, just visit this site:

Disable Right click in Blogger

To Disable Right-Click 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.



    **!!!ENJOY!!!**

Thursday, April 14, 2011

Add a Floating Scroll To Top Button

You can add a floating Scroll To Top Button on your blog or website by using this simple Script:


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="javascript:scroll(0,0)" title="Scroll To Top"><img src="THE URL OF YOUR IMAGE" /></a>


     **!!!ENJOY!!!**

Add a Floating Scroll To Bottom Button

You can add a floating Scroll To Bottom Button on your blog or website by using this simple Script:

<a style="display:scroll;position:fixed;top:5px;right:5px;" href="javascript:scroll(800000,800000)" title="Scroll To Bottom"><img src="THE URL OF YOUR IMAGE" /></a>


     **!!!ENJOY!!!**

Thursday, March 31, 2011

Scroll to Top of Page

Scroll To Top


<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
    </script>
     <script type="text/javascript" language="javascript">
         $(function () {
             $('#scrlTop').click(function () {
                 $('html, body').animate({
                     scrollTop: '0px'
                 },
                 1500);
                 return false;
             });
         });
    </script>




   
    <a id="scrlTop" href="#">Scroll to Top</a>
     <div style="height:5px"></div>



             **!!!ENJOY!!!**

Scroll to Bottom of Page

Scroll To Bottom


<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
    </script>
     <script type="text/javascript" language="javascript">
         $(function () {
             $('#scrlBotm').click(function () {
                 $('html, body').animate({
                 },
                 1500);
                 return false;
             });
         });
    </script>




    <a id="scrlBotm" href="#">Scroll to Bottom</a> 
    <div style="height:5px"></div>


     **!!!ENJOY!!!**

Thursday, March 24, 2011

Disable Selection On Your Blog

This widget will not allow your visitors to highlight the text in your articles.


To Stop your Visitors form highlighting texts, Go to Layout--->Add A gadget-->HTML/Javascript and add add this code :






<script type="text/javascript">

/***********************************************
* Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]

omitformtags=omitformtags.join("|")


function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}

function reEnable(){
return true
}

if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}

</script>

Tuesday, March 22, 2011

Make a picture into a link with HTML

With standard HTML, it's easy to make a picture into a link. If you already know how to make a link, like this:
<a href="your_url_goes_here" target="_blank">
And you already know how to show an image, like this:
<img src="your_picture_link.jpg" />
Then you can combine those tags to make an image into a link:
<a href="your_url_goes_here"><img src="your_picture.jpg" /></a>
See that? Now, You can link any picture with HTML to your Website.

      **!!!ENJOY!!!**

Tuesday, March 15, 2011

Sunday, March 13, 2011

Add or Change Favicon in Blogger Blog

To get started, first you need to backup your Blogger template: Click on ‘Layout’ > ‘Edit HTML’ and then click on ‘download full template’ to save it on your computer. Now perform following steps to a change favicon in your Blogger blog:
1. Click on ‘Layout’ > ‘Edit HTML’
2. Then add following code after <head>
<link href=’http://www.URL.com/favicon.ico’ rel=’shortcut icon’/>
<link href=’http://www.URL.com/favicon.ico’ rel=’icon’/>
Above http://www.URL.com is the web address or location where your favicon is stored (hosted). You can upload favicon to Googlepages (now Closed) or on any free image hosting websites that support favicons upload.
Most of popular image hosting services do not support favicons upload, including ImageShackTinyPic and many more. Here are few selected free favicon hosting services that can come handy in hosting your customized favicons.
  • PicPanda - Max File Size 1.5MB or 1536kb
  • ImageBoo - Max File Size 2MB or 2048kb

‘favicon.ico’ is the name of your favicon file. You can use any name like myfavicon.ico and so on. After adding above code, update the http://www.URL.com and favicon.ico in the code.
Then click on save template button. Open your blog and your new favicon should be visible in the address bar!

       **!!!ENJOY!!!**

Wednesday, January 26, 2011

Remove The Blogger Navbar

To hide the Blogger Navbar :

1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3- paste the CSS definition in the top of the template code:



...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
   display: none !important;
}
/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">
   ...


                 **!!!ENJOY**!!!