Showing posts with label blogger trick. Show all posts
Showing posts with label blogger trick. Show all posts

How To Disable Right Click In Blogger


Disable Right Click In Blogger



  • Go to Blogger Account >>> Blogger Dashboard.
  • After Selecting Layout Tab will Open. Click On" Add a Gadget ".
  • Now a again a New Window will Open.Here select " HTML/Java Script.
  • Now Copy the Given Below Code and Paste it Here.

<script language=javascript>
<!--

//Disable right mouse click Script
//For full source code, visit https://sudhirsahoo84.blogspot.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>




  • Now Save the open window


Click Here to copy



Share:

How to Disable Text Selection In Blogger


Disable Text Selection In Blogger


  • Go to Blogger Account >>> Blogger Dashboard.
  • After Selecting Layout Tab will Open. Click On" Add a Gadget ".
  • Now a again a New Window will Open.Here select " HTML/Java Script.
  • Now Copy the Given Below Code and Paste it Here.



<!- START disable copy paste --><script src='demo-to-prevent-copy-paste-on-blogger_files/googleapis.js'></script><script type='text/javascript'> if(typeof document.onselectstart!="undefined" ) {document.onselectstart=new Function ("return false" ); } else{document.onmousedown=new Function ("return false" );document.onmouseup=new Function ("return false"); } </script><!-- End disable copy paste -->


  • Now Save the open window


Click Here to copy



Share:

How To Remove "Showing Posts With Label ... Show All Posts" in Blogger




Remove Showing Posts With Label In Blogger



Step 1. Login to your Blogger account, then go to Theme > Edit HTML.


Step 2. Click anywhere inside the Theme code, then search for the following code ( CTRL+F ):


<b:includable id='status-message'>


Step 3. After expanding, Remove the code Given Below (with first line):


  <b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>



Step 4. Replace the Code with this code:


<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>



Step 5. Click on Save theme.









Share:

HOW TO REMOVE THE “SHOWING POSTS WITH LABEL” MESSAGE






HOW TO REMOVE THE “SHOWING POSTS WITH LABEL” MESSAGE





To remove the message completely following these quick steps. Go to Template > Edit HTML > Jump to Widget > Blog1. Under this you’ll see

<b:includable id='status-message'> ... </b:includable>
Click on the black arrow on the left to expand this code.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Replace it with the following

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Save the template. Now when a reader clicks on a label, the message won’t show. This is great when using navigation menus for different blog categories.

CHANGE THE “SHOWING POSTS WITH LABEL” MESSAGE

To edit what the message says go to Template > Edit HTML > Jump to Widget > Blog1. Under this you’ll see

<b:includable id='status-message'> ... </b:includable>
Click on the black arrow on the left to expand this code.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
To change the display message, you need to change whats in between these lines

<div class='status-msg-body'>
                                      
</div>
You can change <data:navMessage/> to show the text you want, such as displaying the label name

<div class='status-msg-body'>
Check out my <data:blog.searchLabel/> posts!
</div>

EDIT THE LOOK OF THE MESSAGE

Add the following to Template > Customise > Advanced > Add CSS to style your message. Adding code here will place it above ]] </b:skin> in Template > Edit CSS. Add the styling you want between the brackets.

/* change text style  */
.status-msg-body {     }

/* change background */
.status-msg-bg {     }

/* change border style */
.status-msg-border {    }
Share:

How To Show Blogger Labels In a Drop Down Menu Gadget On Blogger




How To Show Blogger Labels In a Drop Down Menu Gadget On Blogger


STEP 1

1. Sign in to your blogger dashboard and locate layout.

2. Click on layout  and find Add Gadget.

3. Click on Add gadget and scroll till you find Labels.

4. Add label and drag it to where you want it to display and click on Save.

STEP 2

1. Go to Dashboard > Design > Edit HTML.

2. Back up your template


3. Make sure you DO NOT tick the Expand Widget Templates checkbox.

4. Press CLTR key + F key.

5. In the box paste this code and press ENTER key
<b:widget id='Label1' locked='false'

6. Look for the following lines in your HTML code.
 <b:widget id='Label1' locked='false' title='Labels' type='Label'/>

7. Erase it all and Replace that line with this code:
<b:widget id='Label1' locked='false'
title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select style='width:100%'
onchange='location=this.options[this.selectedIndex].value;'>
<option>Click To Choose a Category</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

8. click Save and you are done.

HOW TO COSTOMISE  THE GADGET

1. If you want change the width of the drop down menu then change this value width:100% to any percentage, or pixel (px).

2. To change the phrase “Click To Choose a Category” then find this line Click To Choose a Category  and replace it with your preferred phrase.



3. If you do not want to show post count at the end of each label then delete this line (<data:label.count/>) .
Share:

How to Remove ‘Powered by Blogger’ by unlocking Attribution widget



How to Remove ‘Powered by Blogger’ by unlocking Attribution widget




Step 1 : Go to your blog “Template” | click on “Edit HTML”.
click on edit html for modifying blogspot code

Step 2 : Here on drop-down “jump to widget” option and select Attribution 1 as shown below
jump to widget Attribution1 for modifying the footer credits in blogger

Step 3: After selecting Attribution 1 widget you will be able to see this line

<b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’>
on your blogger template.
In html editor find attribution 1 locked widget

Step 4: Replace the locked=’true’ with locked=’false’ as you can in picture highlighted
In html editor replace true with false for removing powered by blogger

Step 5: Once done click on ‘Save template’.
Step 6 : Now go to layout option and at the below you can see attribution gadget, click edit you will be able to see new pop up window, click on remove button. that’s it you are done.


This method is not working in some blogger templates, then the alternative solution for this is to hide attribution widget by using adding CSS code method.

Just go to your Blog dashboard, click on Template tab and then hit Edit HTML button.Now find
  1. ]]></b:skin>
and replace it with the following CSS Code as shown below
  1. #Attribution1{display:none;}
  2. ]]></b:skin>

Now, save the template and enjoy!
Share:

How To Add Custom Attribution Widget...






How To Add Custom Attribution Widget


Sign into Dashboard > Template > Edit HTML and using ctrl+F to find the word  ]]></:skin> and above it past the following code

#credits { background: #666 url(); height: 30px; width: 960px; margin: 0; padding: 0; text-align: center; } #credits p { color: #FFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0; padding: 9px 0 0; } #credits a, #footer a:visited { color: #FFF; text-decoration: none; } #credits a:hover { color: #FFF; text-decoration: underline; }

*now serch for </body> code and below it paste the following code



<div id='credits'> <p>WRITE WHAT EVER YOU WANT HERE</p> </div>
Share:

How to Remove Subscribe to: Posts (Atom) Link




How to Remove Subscribe to: Posts (Atom) Link




Go to dashboard/ template/ edit HTML
Click the 'Expand Widgets Templates' box
Find:

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

Remove this line:
<b:include data='feedLinks' name='feedLinksBody'/>
That should remove Posts (Atom).
Share:
Copyright © sudhirsahoo84 | Powered by Blogger