SOHO : Small Office Home Office
Freeware - Opensource software tips, tricks, tweaks & fixes for managing, securing, improving the performance of SOHO Desktop, Laptop, Networks

Saturday, December 10, 2011

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>

Step 2
Now look for <data:post.body/>


Add following code ABOVE <data:post.body/>

Also add following code BELOW <data:post.body/>

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
Continue Reading...

Saturday, November 12, 2011

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...

Sunday, September 4, 2011

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...

    Sunday, June 26, 2011

    Thursday, June 16, 2011

    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.


    Continue Reading...

    Saturday, June 4, 2011

    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...

    Wednesday, June 1, 2011

    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...

    Sunday, May 22, 2011

    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:

    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...

    Monday, May 2, 2011

    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:


    http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800

    http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800


    http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?imgmax=800

    Change the above code into like this:
    <img alt='Next' border='0' src='http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800' title='Next'/><img alt='previous' border='0' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800' title='previous'/><img alt='home' border='0' src='http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?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






    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='http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?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='http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?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='http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?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...

    Sunday, May 1, 2011

    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://lh4.googleusercontent.com/_JD82gUGAvhk/Tb1AqypDCiI/AAAAAAAABIU/r0EZkzH6eH4/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...

    Friday, April 29, 2011

    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

    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



    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...

    Hide / Remove new blogger Navbar

    To hide the Blogger Navbar :

    Step 1 Log in to blogger

    Step 2 On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

    Step 3 Paste the bold CSS definition in the top of the template code:


    ...
    <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:     Rounders
    Designer: Douglas Bowman
    URL:      www.stopdesign.com
    Date:     27 Feb 2004
    Updated by: Blogger Team
    ----------------------------------------------- */

    #navbar-iframe {
       display: none !important;
    }

    /* Variable definitions
      ====================
       <Variable name="mainBgColor" description="Main Background Color"
                 type="color" default="#fff" value="#ffffff">
       <Variable name="mainTextColor" description="Text Color" type="color"
                 default="#333" value="#333333">
       ...
    Continue Reading...

    Add favicon to blogspot


    Step 1 : It is easy to create favicon on this site http://www.favicon.cc/
    Step 2: upload the favicon to your bloggers picasa album
    Step 3: Editing the template
    Now go to your blog and click customize.Then click the Edit HTML tab and search for "title" , this should be inside the header tags.You should find something like mentioned below.
    <title><data:blog.pageTitle/></title>
    Just after that line add the following line and enjoy the nice icon showing up before your url.
    <link href='your url' rel='shortcut icon' type='image/x-icon'/>

    Done...
    Continue Reading...