2. On your Blogger Dashboard, click on the "Layout" link as shown in the blow image
3. Click On "Add a Gadget" as displayed in the Below Image
4.Scroll down the list and find "HTML/ Javascript" and click on the "+" button
5.When we click on the "+" button it will open a window "Configure HTML/ Javascript". Now Enter what ever you want as in title section "Blog Statistics" or "Blog Information" or "Blog Data" or any idea in your Mind.
6.In the content section, please copy & paste the following code:
how to disable right click on blogger(blogspot) or any other webpage using a html(javascript) code. It is so annoying if someone copies(thefts) your blog posts,articles,images and another kind of information owned by you saying that they are the original owners of the content. But,I think 'disabling right click' is not the right solution for that. Most people come to your site to read information and very small percentage of people come to your site to steal your work,images,etc.So,most people feel it insulting and I think it's very unprofessional thing to do
If you want to protect your images,my suggestion is to add a Watermark(logo) of your sitename,or your name on the images,pictures,etc. Note:Using this javascript code,you only disable the right click by warning the visitors that the content is copyrighted.
That's all my personal opinion,However if you despirately want to add this feauture,You can get this code
no right click code
click the 'highlight all' button then rightclick on the highlighted area select 'copy' from the popup
Where to paste it in blogger ? Sign in to your blogger dashboad>layout>Add a Pageelement>html/javascript(look at the screenshot below) and paste the below javascript code and Save the changes.
How it works? If you right click on the webpage,a message will pop up on screen saying "function disabled".If you want to change the message to you own one like "sorry....the work is copyrighted" or something like that,replace the "funtion disabled" text with your own message in the Javascript code.
click 'Layout' link on Dashboard. On Page Elements subtab click 'Edit Html' subtab at top. In Template Code box scroll down to this code :
Change this to :
Save Template. Switch to Page Elements tab. Click Edit link in the Blog Title widget. In popup window click Remove button.
Then click 'Add Page Element' link in the header. In pop up window choose 'Page Header' widget and choose the options and save. Here in the options you can add a new image or you can add it as in the next step.
ADD PICTURE AS BACKGROUND
If you want to add a picture that can be easily removed you can add it as a background in the CSS part of the template. First create your header picture and upload it to Googlepages or Photobucket.com and copy down it's link. Make sure that the width of the picture is the same as that of the header-wrapper. (See code in next step for width of header-wrapper) If the width is not the same the picture will protrude out on one side.
Then login at Blogger.com and click 'Layout' link on Dashboard. On Page Elements subtab click 'Edit Html' subtab at top. In Template Code box scroll down to this code :
Add the background line as shown above. Replace 'LINK_OF_PICTURE' with actual link of your uploaded picture. Change the '200px' in the height line to the actual height of the picture. Save Template. Clear Cache and view blog.
The Blog Title and description will be shown on top of the picture.
This theme is a 3 column design for Blogger XML with full support for drag and drop widgets in the sidebars and the footer area. It’s fixed width for a 1024 wide screen or wider. It features a built in RSS feed and an easy to edit horizontal navigation bar in the heading. You can easily add or remove links thru the Edit HTML editor. It’s a a sleek and uncluttered layout that will allow you to add lots of sub-sections in the sidebars.
Terminal Display Blogger Template:-
Terminal Display blogger Template and so many free template are available for blogger site.
Download from http://charmskins.com/blogger/terminal-display-xml-skin.zip
Adsense blogger template
This theme is specially optimized to use Google Adsense for advertising on your blog. The advertising code can be easily inserted using the HTML/Javascript sidebar and header area widgets in the Page Elements editor section. It has spaces designed in to take full advantage of the maximum number of ads allowed (3) under Google TOS. The ad space sizes are 468×60 in the heading panel, 336×280 in the upper right sidebar and 160×600 in the lower right sidebar. No modifications to the layout are needed to use these ad sizes. Click the image above to view the live demo. Of course you’ll have to sign up for Adsense and use your own ads on the site, the ads are not included.
This is a two column XML layout designed for use with the newest version of Blogger and includes full support for the drag and drop widgets. It’s a fixed width and will fit perfectly on an 1024 wide screen size and also works on wider screens as well. It has a permanent RSS Feed button in the sidebar. To install just download the .zip file from the demo site and unpack it, then copy and paste the contents into your HTML editor. The images are already hosted so there’s no need to download them. This theme is ready to go!.
