Best wishes to our new website

Total Pageviews

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:

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 ‘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 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 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:

Contact Form

Name

Email *

Message *

Theme Support

Unordered List

Recent Posts

Powered by Blogger.

Sample Text

Definition List

Text Widget

About me

Search This Blog

Categories

Cloud Labels

Pages