Automatic Read More for blogger posts

Auto Read More/Continue Reading with Thumbnail For Blogger

This is a simple hack that will improve the look of your blog and avoid inserting "jump break" manually to every post. By adding few lines of code to the html template  "Read  more" / "Continue reading" is automatically added for every (old / new) blog posts.

Step 1
Go to Dashboard >> Design >> Edit HTML >> Download Template (for back up) >> Click on Expand Widget Templates and look for </head>


Now add following code ABOVE </head>
<script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script></span>
Step 2
Now look for <data:post.body/>


Add following code ABOVE <data:post.body/>
<b:if cond='data:blog.pageType == "static_page"'><br/>
Also add following code BELOW <data:post.body/>
<b:else/> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> </b:if>
Step 3
Save your template.


Customization
summary_noimg = 430;
is post cut height without image


summary_img = 340;
is post cut height with image


img_thumb_height = 100;
is thumbnail image height


img_thumb_width = 120;
is thumbnail image width
You can change these values as per your needs.

Note:

In stead of Read More you can write Read Full Article or Continue Reading… or insert an image or something like that. To make a change, edit the second code that you had to add below <data:post.body/> and edit that term Read More to whatever you want.

You can also add the post title to Read more links. To do this replace the code below <data:post.body/> with this code

<b:else/> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> <u>read more</u> "<data:post.title/>"</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> </b:if>

Continue Reading...

Setting up cybercafe

Inspiration : http://internetcafeonline.com/node/3993 http://www.youtube.com/watch?v=Sdsic3d8XN8 Diskless gentoo system : http://www.gentoo.org/doc/en/diskless-howto.xml Software for management 1. Netadmin : http://netadmin-online.com/en.html 2. CCL : http://ccl.sourceforge.net

Continue Reading...

Limitations of gmail

Limitations of Gmail (smtp.gmail.com), break the rules and Google will disable you Gmail account temporarily without any warnings.

1. Mail box size 6Gb and growing
2. Maximum attachment size 25MB
3. Daily quota of sending email 500

While sending an email message to a large group of friends using Gmail, follow the rules to avoid temporary shutdown of your account

Rule 1. If you access Gmail via POP or IMAP clients (like Microsoft Outlook), you can send an email message to a maximum of 100 people at a time. Cross the limit and your account will be disabled for a day with the error "550 5.4.5 Daily sending quota exceeded."

Rule 2. If you access Gmail from the browser, you may not address an email message to more than 500 people at a time. Try adding any more recipients in the To, CC or BCC field and your Gmail account will get probably disabled for 24-72 hours. Error: "Gmail Lockdown in Secton 4"

Rule 3. Always double check email addresses of recipients before hitting the Send button in Gmail. That's because your account will get disabled if the email message contains a large number of non-existent or broken addresses (>25 ?) that bounce back on failed delivery.

Rule 4: This is slightly unrelated but still important - Google will disable your Gmail account permanently if you don't check your Gmail email for a period of nine months. All the stored messages will be deleted and you Gmail address (user name) may be released for others to grab it.

Continue Reading...

opensource cloud management solution

Opensource cloud management solution.

1. Opennebula
2. OpenQRM
3. Isp-CP
4. Eucalyptus

Continue Reading...

How to display memory, cpu and network usage on the panel in ubuntu 11.04?

Indicator-Sysmonitor is a system-monitor applet for Ubuntu, capable of displaying CPU, RAM and Network usage. After installation and configuring the result is as shown in the image above.

Installation:

1. sudo add-apt-repository ppa:alexeftimie/ppa
2. sudo apt-get update
3. sudo apt-get install indicator-sysmonitor
4. sudo apt-get install dstat
5. Download the code from  wget http://webupd8.googlecode.com/files/sysmon_0.2.tar.gz 

Configuring:

• Create a folder called "scripts" in home folder 
• Extract the code " tar -xvf sysmon_0.2.tar.gz "
• Now open Indicator-Sysmonitor (it should show up as System Monitor Indicator in the menu), then click it on the panel and select "Preferences" and under "Use this command", enter this: "$HOME/scripts/sysmon " as shown in the image

• Save and restart the application indicator
• To restart, run this command in terminal " killall indicator-sysmonitor " (without quotes)

By default, the script displays the RAM and network usage. You can also display the CPU usage or any other combination (display the network usage only, display all: the CPU, ram and network, etc.). For this, open the script (run the following command in a terminal): " gedit ~/scripts/sysmon "

And on top of the file you'll see something like this:

#settings:

netspeed=true

ram=true

cpu=false

What these do is pretty much obvious - change the items you want to be displayed on the panel to true and the rest to false. Feel free to tweak the script to display other stuff if you want.

Source :http://www.webupd8.org/2011/05/how-to-display-network-upload-download.html#more

Continue Reading...

How to enable and disable user accounts in linux?

This will be useful in a situation where you don’t want to permanently remove the user from the system, but just want it disabled so that the user is no longer able to use the system. The user will still receive emails for example, but he will not be able to login and check them out.

The command to "lock (disable) a user account" is

# passwd -l username

With the above command the user account is locked and is available only to root. The locking is performed by rendering the encrypted password into an invalid string by prefixing the encrypted string with an !

The command to "unlock (enable) a user account" is

# passwd -u username

When a user tries to access an locked account, the system will return:

# su - usernameThis account is currently not available.

Continue Reading...

rsync for beginners

rsync -azv --progress --append --exclude=filename1 filename2  -e "ssh [options]" source destination

Options:

-a :  The files are transferred in "archive" mode, which ensures that symbolic links,

devices, attributes, permissions, ownerships, recursive etc 

-z : enable compression

-v : verbose

--progress : displays the progress of file transfer. This is useful if the file size is big

--append :  rsync will resume file transfer from a broken pipe.

--exclude : listed files will not be transfered.


-e : Specify the remote shell to use


Example :

rsync -azv --progress --append --exclude=sample.txt -e "ssh -p 22022" /home/user_source/ user_destination@123.123.123.123:/home/user_destination/backup/

In the above example all the files and folder from source directory ( /home/user_source/ )  will be transfered in archive mode to the destination folder (/home/user_destination/backup/ ), where the destination computer accepts connection on port 22022. If the connection breaks, running the above command will resume the incomplete file transfer.


Importance of trailing slash

A trailing / on a source name means "copy the contents of this directory". Without a trailing slash it means "copy the directory". 



Example:


   rsync -a foo/ bar/


directory bar will end up with a copy of the contents of foo. So a file foo/wibble.txt will end up as bar/wibble.txt. If on the other hand you say:


   rsync -a foo bar/


then you end up with a directory structure 'bar/foo/...', and wibble.txt ends up as bar/foo/wibble.txt


Other than that, the presence or absence of the trailing slash on the *target* directory doesn't make a great deal of difference.  I usually try and work things so that the rsync command line always has trailing slashes on both the source and the destination directories simply for consistencies' sake.

Continue Reading...

How to Show if your server is Online or Offline?

One way to try to find out if a server is online is to try and open a socket connection to the server. If the connection fails, one can assume that the server is down (although the problem can be somewhere else too).

Check out this function and read all the user comments:

http://www.php.net/manual/en/function.fsockopen.php

Here's a very simple demonstration of php code:

<?php if (fsockopen('www.yourserver.com', 80)){     
echo('The server in online');  
} else{   
echo('The server in offline');  } ?>

The first parameter is the IP address of the server you want to check (in this case, www.yourserver.com, it could also be something like 111.222.333.444). The 80 is the port number (for HTTP), which can sometimes be different (21 for FTP etc.).

Continue Reading...

Change newer older post link blogger

Changing Older Post and Newer Post with Next and Previous

Before

After

Follow the steps below:

1. Log in to blogger with your ID
2. Click Layout
3. Click Edit HTML tab
4. Click “Download Full Template”, please back up first your template (important)
5. Please check the small box beside Expand Widget Template

Wait for a while until the process finished. Find the following code on your template:

<span id='blog-pager-newer-link'>      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>      </span>    </b:if>   <b:if cond='data:olderPageUrl'>      <span id='blog-pager-older-link'>      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>      </span>    </b:if>   <b:if cond='data:blog.homepageUrl != data:blog.url'>      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>      <b:else/>      <b:if cond='data:newerPageUrl'>        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>      </b:if>    </b:if>

Look at the code in red printed.
Change the code <data:newerPageTitle/> with the word Next and the code <data:olderPageTitle/> with the word Previous


Click Save Template button
Finished. 



Changing Older Post and Newer Post with Icon
To change Older Post and Newer Post with icon, the first step is preparing the icon which you want to use. For example the icons look like this:

Please upload the icons you have to a server that you usually use to place an image, and note the URL address. For example the icons’ URL address as follow:


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnfGeNxZD3cg4d1pOvqB6x28s9iAnFGYx6wueYWblVVk_9dgFGol1gAI1UztMb-e2EwFr9_7zML7AIlR7l6-sgTQ6g7yQ4peeaHdhKFR_u9_NgGY0T1InZrvijx43ADQEk1zM68PsHpQ0/?imgmax=800

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEighfFqF_FXvH2lVwop8r7bIV-AUx1MCCi0iPeRdUk4s6L0W3R00RNbdazJL6FpSqI1OTMnv8mvxck55NgAyKI86zf2z_2FPJkX71QSLlV5tpCNR5re7AxJVoL5zzwPLVG-XzyPDxiOHtQ/?imgmax=800


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEaynOq39Wazewf6an5_nAHcuctGJfX8QsyVK2nz7IZbTTDUe1AkH6dH3-4wVbb1HCVIzRZl0CDhZk1-r6HeyoxE344jNIlNO40e9X0tbXdrXMNRF0TCM7ZNaAnyy5W55jhQuQ_hcUeE/?imgmax=800

Change the above code into like this:

<img alt='Next' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnfGeNxZD3cg4d1pOvqB6x28s9iAnFGYx6wueYWblVVk_9dgFGol1gAI1UztMb-e2EwFr9_7zML7AIlR7l6-sgTQ6g7yQ4peeaHdhKFR_u9_NgGY0T1InZrvijx43ADQEk1zM68PsHpQ0/?imgmax=800' title='Next'/><img alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEighfFqF_FXvH2lVwop8r7bIV-AUx1MCCi0iPeRdUk4s6L0W3R00RNbdazJL6FpSqI1OTMnv8mvxck55NgAyKI86zf2z_2FPJkX71QSLlV5tpCNR5re7AxJVoL5zzwPLVG-XzyPDxiOHtQ/?imgmax=800' title='previous'/><img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEaynOq39Wazewf6an5_nAHcuctGJfX8QsyVK2nz7IZbTTDUe1AkH6dH3-4wVbb1HCVIzRZl0CDhZk1-r6HeyoxE344jNIlNO40e9X0tbXdrXMNRF0TCM7ZNaAnyy5W55jhQuQ_hcUeE/?imgmax=800' title='home'/>

If you have had the code as above, the next step is to place it on your template code, here are the ways:

1. Log in to blogger with your ID
2. Click Layout
3. Click Edit HTML tab
4. Click “Download Full Template”, please back up your template first (important)
5. Please check the small box beside Expand Widget Templates

---

Your Ad Here

---

Wait for while until the process finished. Find this code on your template:

<span id='blog-pager-newer-link'>      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>      </span>    </b:if>   <b:if cond='data:olderPageUrl'>      <span id='blog-pager-older-link'>      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>      </span>    </b:if>   <b:if cond='data:blog.homepageUrl != data:blog.url'>      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>      <b:else/>      <b:if cond='data:newerPageUrl'>        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>      </b:if>    </b:if>

Look at the code in red printed
Change the code <data:newerPageTitle/>, <data:olderPageTitle/>, and <data:homeMsg/> with your icon code. E.g.

<span id='blog-pager-newer-link'>      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='Next' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnfGeNxZD3cg4d1pOvqB6x28s9iAnFGYx6wueYWblVVk_9dgFGol1gAI1UztMb-e2EwFr9_7zML7AIlR7l6-sgTQ6g7yQ4peeaHdhKFR_u9_NgGY0T1InZrvijx43ADQEk1zM68PsHpQ0/?imgmax=800' title='Next'/></a>      </span>    </b:if>   <b:if cond='data:olderPageUrl'>      <span id='blog-pager-older-link'>      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEighfFqF_FXvH2lVwop8r7bIV-AUx1MCCi0iPeRdUk4s6L0W3R00RNbdazJL6FpSqI1OTMnv8mvxck55NgAyKI86zf2z_2FPJkX71QSLlV5tpCNR5re7AxJVoL5zzwPLVG-XzyPDxiOHtQ/?imgmax=800' title='previous'/></a>      </span>    </b:if>   <b:if cond='data:blog.homepageUrl != data:blog.url'>      <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEaynOq39Wazewf6an5_nAHcuctGJfX8QsyVK2nz7IZbTTDUe1AkH6dH3-4wVbb1HCVIzRZl0CDhZk1-r6HeyoxE344jNIlNO40e9X0tbXdrXMNRF0TCM7ZNaAnyy5W55jhQuQ_hcUeE/?imgmax=800' title='home'/></a>      <b:else/>      <b:if cond='data:newerPageUrl'>        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>      </b:if>    </b:if>

Click Save Template button


The example of the result will be like this:

Continue Reading...

Back to Top floating blogger widget

 “Back To Top” floating image icon at the right side of your blog. You can see this button at right side of my blog. This hack is useful if the website or blog pages are too long. It always maintains the same position and if you click on it, it will take you to the very top of the page. This saves your visitors from an unnecessary hassle of scrolling up.

1. Login in to blogger dashboard

2. Go to Layout

3. Click on Add a Gadget

4. Select Html/Javascript

5. Copy n paste the below code in above opened editor

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjghi3dc6GZH8dQR3xwnCIknr_IUGPPtMjyy09Qe0-Gs_IHFfCAGjlZvkyRcG3h8lSCOV-Q2XvjuAOKStIata_IuC74qcEHmhLCyZJl4y72wW1ZetP6cGgRbWAZz0srevWp_t5WEheZsLc/s42/Back-to-top.png" /></a>

Tip: 

1. Add the gadget to the footer
2. You can change image url with your image.

Continue Reading...

Change blogger description font size

• Go to your blogger Dashboard >>Design>>Edit HTML
• Find the code

.Header .description {
  font-size: 100%;
}.

• Modify the font-size accordingly

Continue Reading...

Split bloggers header in 2 columns

How to split your template's header into two columns so that you can add your widgets along with your blog's logo. By default, blogger doesn't have any option to split header column into two parts.

Below is the how-to guide.

Go to your blogger Dashboard >>Design>>Edit HTML

Do not tick Expand Widget templates

Search for the following code in your template

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Test  Blog (Header)' type='Header'/>
</b:section>

Just below the above code, paste the following code

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

It should look like this

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tweak My  Blogger (Header)' type='Header'/>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

Now search your template for the following code 

]]></b:skin>

Add the following code just above ]]></b:skin>

#header {display:inline-block;_float:left;}
#header-right {display:inline-block;float:right;padding:15px 15px 15px 15px;}
#header-right .widget {margin:0;}
body#layout #header {width: 50%;}
body#layout #header-right {width: 50%;}

Now search your template for 

]]> </b:template-skin>

and just above that, paste the following code

#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}

Last step, SAVE TEMPLATE and then go to page elements to see that your header has been spitted into two columns. 


Source and credit : http://www.theinfow.com/2011/03/split-header-into-two-columns-blogger.html

Continue Reading...

Customize blogger template

1. Remove Navbar
2. Add favicon
3. Remove attribution
4. Remove home link at the bottom of the page
5. Remove subscribe to Posts Comments (Atom)
6. Remove post date time and author
7. Adsense only in post window and not on home page 
8. Change the Title Tags in Blogger for More Search Engine
9. Related posts : linkwithin

Continue Reading...

Hide post date time author in blogger

This blogger hack is really useful for the ones who want to keep their blog clean in fact very clean by removing all the post date, time and name of author. So if you too belong to the same category then this blogger hack is for you.

First thing first, go to 'layout' and then to 'Edit HTML'. Don't forget to check 'Expand widget templates'.

Hide Post date

To hide the post date, find the code below and delete it.

<data:post.dateHeader/>

Hide Post time

This blogger hack says, to hide post time find the code below and remove it, NOW!

<span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'

title='permanent link'><abbr class='published'

expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

</b:if>

</b:if>

</span>

Hide Post author

To hide the name of author, why don't you find code below and delete it.

<span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<span class='fn'><data:post.author/></span>

</b:if>

</span>

Congratulations, now your post is time, date and author free.


Source and credit : http://thirdworldchaos.blogspot.com/2008/05/blogger-hack-hide-blog-post-date-time.html

Continue Reading...

Remove HOME link from blogger

Q.How to remove the HOME link at the bottom of blogpost in blogger?

Ans:

Step 1. Click "Edit html" under "design" tab.

Step 2. Check the box "Expand Widget Templates"

Step 3. Find the follwoing line in the html code and delete it.

<a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/></a>

Continue Reading...

Remove blogger attribution widget

How to Remove Attribution Widget on Blogger

How to remove attribution on Blogger?

How to remove copyright widget on Blogspot?

How to remove line at the bottom of blog?

If you're using a template by Blogger's Template Designer, most of them have an attribution widget at the bottom of the blog.

Take a look and it's something like this...

You're able to modify only the "Copyright" statement from the widget.

If you want to remove this Attribution widget at Design > Page Elements, you see that it can be edited...

blogger attribution widget

But unlike the other normal widgets, you won't be able to remove the Attribution widget because it doesn't have a "Remove" button.

If you insist on removing the widget, here are the steps to remove the attribution widget on Blogger. It's pretty easy and understandable.

1) First, go to Design > Edit HTML > Tick "Expand Widget Templates". Search for the word "attribution".

2) When you see the Attribution widget code (refer to image above), change the "true" on locked to "false".

3) Go back to Design > Page Elements.

4) Since the lock function is disabled (by changing the code to "false"), it's movable and can be removed as well. Click on "Edit" on the Attribution element.

5) And now with the "Remove" button available, you can finally remove the Attribution widget for good.

Done! 

Source and credit : http://simple-blogger-tips.blogspot.com/2011/01/how-to-remove-attribution-widget-on.html

---

Your Ad Here

---

Alternative method :

1  Go to Design > Edit HTML.


2  Take a backup: Download a copy of your template:  this is a backup - save it somewhere safe, in case things go wrong.


3  Click Expand Widgets, so you can see all the code


4  Find this section in the template:

      <!-- outside of the include in order to lock Attribution widget -->      <b:section class='foot' id='footer-3' showaddelement='no'><b:widget id='Attribution2' locked='true' title='' type='Attribution'><b:includable id='main'>    <div class='widget-content' style='text-align: center;'>      <b:if cond='data:attribution != &quot;&quot;'>        <data:attribution/>      </b:if>     </div>
    <b:include name='quickedit'/>  </b:includable></b:widget></b:section>

4  Comment-out the code that displays the Attribution gadget, by putting it inside these characters  <!--   -->    so it ends up looking like this 

      <!-- outside of the include in order to lock Attribution widget -->
<!--
<b:section class='foot' id='footer-3' showaddelement='no'> <b:widget id='Attribution2' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
        <data:attribution/>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
</b:section>
-->

5  Preview the template change, to check that everything is ok.  If not, fix the problem


6  Click Save Template


7  As the template tries to save, you will get a warning message: 

Warning: Your new template does not include the following widgets:
Attribution
Would you like to keep these widgets on your blog or delete them?
Deleting widgets cannot be undone.

8  If you want to , add an an alternative attribution notice or delete and continue

Continue Reading...