How to add paypal donate button to blogger blog

The paypal donate button is totally free and this can increase the donations from the peoples that visits you website and you can easily receive your donations in your paypal account.

1. Login to your paypal account.

2. Click on merchant services tab and go to merchant service page.

3. scroll down to create buttons for website tab click on it.

4. You will be taken to Step Choose a button type and enter your payment details.
5. If you want to customize your button then click on customise text or appearance.

6. The customize menu lets you to choose smaller button size, remove credit card logo, specify language and even use your own button image.

7. Skip Step 2 and Step 3.

8. Click the Create Button button at the bottom of the page when you are done with the configuration.

9. You will be provided with the HTML code for the button you created. Click Select Code button to highlight, then copy the code. 

Step 2: Adding button to your blog

1. Login to your Blogger account and go to Design > Page Elements.

2. Click Add A Gadget and select HTML/Javascript .

3. Enter the title of your widget.

4. Paste the Paypal button code inside the content box.

5.Click Save, then view your blog.

enjoy.......

Read More

How To Disable right click on text and images

Disabling right click on context menu is one of the more popular ways to prevent image from being stolen from a blog.

1: Disable right click on all image

Go to your template Edit HTML and paste the following script after the </head> tag.

Copy Code above

<script type="text/javascript">
//<![CDATA[
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Disable context menu on images by GreenLava (BloggerSentral.com)
Version 1.0
You are free to copy and share this code but please do not remove this credit notice.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
    function nocontext(e) {
        var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
        if (clickedTag == "IMG") {
            alert(alertMsg);
            return false;
        }
    }
    var alertMsg = "Image context menu is disabled";
    document.oncontextmenu = nocontext;
//]]>
</script>

the right click have been disabled on images

Read More

Styling Individual Page Tabs On Blogger

Changing the appearance of page tabs on Blogger is relatively easy. It can be done via template designer’s built-in menus or using custom CSS. However, the changes will be applied to all tabs.
What if you want to style each tab individually? Let’s say you want to use a different font or color on just a single tab, or add a different background image to each tab, or perhaps you fancy multi-colored tabs like the one on USA Today’s website

1. Assigning a unique identifier(s) to each tab

For you to be able to target each tab individually in CSS, each tab has to have an identifier, and it has to be unique. In our case we will use a class name(s) as the identifier. Here’s how:


1.Go to Template > Edit HTML > Proceed, click the Expand Widget Templates checkbox.

2.Locate your Pages gadget by finding this line of code:

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>

3.Several lines below that you will find this list element:

<li><a expr:href='data:link.href'><data:link.title/></a></li>

4.Replace the list element with this one:

<li expr:class='data:link.title'><a expr:href='data:link.href'><data:link.title/></a></li>

What the code above does is taking the title of each tab and using it as the tab’s class name.

2. Applying the styling

To style a tab, go to Template > Customize > Advanced > Add CSS and enter a CSS snippet into the custom CSS box. The snippet should be of the following format:


.PageList li.TAB_NAME a {PUT CSS DECLARATIONS HERE}


in which:

TAB_NAME is the name/title of the tab that you want to style differently. Remember classnames are case sensitive, so make sure you enter the name as you did when you created the pages. 

CSS DECLARATIONS are whatever property:value combinations you like to apply -background color, background image, text color, font etc.. The possibilities are endless.

For example if you want to color your “Contact” tab’s background orange, the code required is this:

.PageList li.Contact a {background-color: #FF8000;}

For a multiple-word tab name, each word will become a classname. So if your tab’s name is “SEO Tools”, you can reference the tab either by using:

"SEO", like this:

.PageList li.SEO a {background-color: #FF8000;}

or "Tools", like this:

.PageList li.Tools a {background-color: #FF8000;}

Read More