Search this keyword

Showing posts with label Java Script. Show all posts
Showing posts with label Java Script. Show all posts

Create Blank Blogger Template or Blank HTML Page

Blank Blogger Template

Is it possible to create blogger Blank template or a blank html page?
yes, it is Possible and Easier to create a Blank Blogger Template.
Blogger templates are coded using the XHTML 1.0 Strict Document Type.Unlike PHP or ASP.net the rules of XML are strict and unforgiving. A slight error in code results in terrifying error messages that you often see while editing your blog template. The entire blogger template consists of widgets that are operated and managed using classes and IDs. The blog posts section itself is a giant widget that can be styled in different ways.

Steps to Create Blank Blogger Template:
1. Login to Blogger > Dashboard
2. Create a New Blog > Select Simple Blogger Template
3. Click on Drop Down Menu and choose Template
4. Now Click on Edit HTML > Proceed.
5. Delete all codes and copy & paste the below code in it
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blank Blogger Template
Name:        Blank Blogger Template
URL:         http://lwthacking.blogspot.com
----------------------------------------------- */
]]></b:skin> 
</head>

  <body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

<div style='margin-top:700px; '>
<br/>
<center><b><font color='#ffffff'>&#169; All Rights Resrved by <a href='http://Lwthacking.blogspot.com' style="color: #ffffff">LWTHacker</a> 2013.</font></b></center>
</div> 
   
</body>
</html>
6. Now click Save Template and you will get this error  (see below)
then, Click delete button.
Warning: Your new template does not include the following widgets:
BlogArchive1 Profile1 Attribution1 Header1 Blog1
When You See the Layout of this template, It will be Blank and only it will show only the Favicon
Blank Blogger Template Preview

Customizing Blank Template:
Add Meta tags/JavaScripts/links etc. in between <head> ... </head>
Add CSS codes to style your page in between <b:skin><![CDATA[ ... ]]></b:skin>
Add Content in between <body> ... </body>
Enjoy :)
Technorati Tags:

Disable Right Click in Blogger Blog without JavaScript

Disable Right Click

Disable the right click on Blogger Blog without using any javascript. it is a simple context menu disabling HTML that will automatically prevent user from right clicking on your blog.

Instructions:
1. Go to Blogger > Template > Edit HTML.

2. Press Ctrl + F and search for <body>

3. Now replace it with the below line.
<body oncontextmenu='return false;'> 
Or if you have <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> replace it with below line.
<body expr:class='&quot;loading&quot; + data:blog.mobileClass' oncontextmenu='return false;'>

4. Now just save your template and refresh your blog. now you will not be able to right click on your blogger blog.

Technorati Tags: ,,

Related Posts Plugin for WordPress, Blogger...