July 2013

How to create an 'Add Me' facebook button for website or blog

Paste this code where you have to show the button.

Edit the text shown on the button by changing the value. Change the value of yourID from URL in the below code and type your facebook id. Example: ( http://www.facebook.com/addfriend.php?id=100004793197423 )

<html>
<style>
.button
{
font-size: +20;
color: white;
border-color:#3b5999;
background-color:#3b5999;
}
</style>
<body>
<input type="button" value="Add me on facebook" onclick="window.open('http://www.facebook.com/addfriend.php?id=yourID')" class="button"/>
</body>
</html>

How to remove Subscribe to: Posts (Atom) link on Blogger

Step 1. Go to your Dashboard > Template > Edit HTML (click on Proceed button if needed)

Step 2. Select "Expand Widget Templates"

Step 3. Find (CTRL + F) this line:

<b:include data='feedLinks' name='feedLinksBody'/>

Step 4. Remove it and Save Template.

This should remove subscribe to: posts (atom) link.

How to remove "Showing Posts With Label (label name). Show all posts" in Blogger

So, if you want to remove it, follow me. First backup your blogger template by going Template- Backup/Restore.

Then go to Blogger Dash Board-> Template -> Edit HTML -> Tick Expand Widget Templates and find the following part of 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>

Delete the code from above and replace it with this one:

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

Now Save the template. View your label pages, no more box.

How to show post titles in label page in Blogger

Steps:

Go to Dashboard and click on Template menu and then click on Edit HTML.

Use search option by Ctrl+F

Find this line shown below:

<b:include data='post' name='post'/>

Now replace the above code with the below one.

<b:if cond='data:blog.homepageUrl !=data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><li/><data:post.title/></a><br/><br/><b:else/><b:include data='post' name='post'/>

</b:if>

<b:else/><b:include data='post' name='post'/></b:if>

Now Save the template and check the changes.

How to create drop down label widget for Blogger

1. Log in to blogger account and Go to Design >> Edit HTML
Make sure you don't put check mark in Expand Widget Templates

2. Find below code by using Ctrl+F

<b:widget id="Label1" locked="false" title="Labels" type="Label">

3. Now replace above line (where you found) with below code.

<b:widget id='Label1' locked='false' title='Labels' 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 label</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>

You can change the wdth of drop-down by chaning 100%
You can change Choose a Category as your like, if you want.
If you want to hide the post counter so delete this code. (<data:label .count="">)