• RSS
  • Facebook
  • Twitter

THE INFINITE INFO is a technology news and information website. The website's primary focus is software, web applications, technology, gadgets, opinion and reviews.

  • THE INFINITE INFO

    A perfect medley that tickles all level of creativity. www.theinfiniteinfo.com

  • Technology Gossips

    TECH.THEINFINITEINFO.COM is a blog with some useful tips for pc and internet users, you will find it interesting.

  • Free softwares

    Free Download Updated Softwares, apps and website templates at WWW.DOWNLOADNP.COM .

  • 2014-01-20

    A lot of people are there who try to make someone happy and cheerful by means of hugging. When a person hugs someone for about twenty seconds or more than that then some amount of oxytocin are released from the body which makes that person to have some more faith in you. Now for brief information, oxytocin as a lot of people may think is a hormone but it is not. Oxytocin is actually a neurotransmitter which behaves as a hormone and helps a person to gain some fine trust from the other one. Several surveys have been made to understand the main role of this neurotransmitter in the life where faith and morality plays important role.


    This oxytocin gets released from the body when a person considers himself to be secure and connected to his or her loved ones. Through this release the brain gets to know that now everything is fine and there is nothing to be worried of which makes a person feel safer. Coming to the production of oxytocin, one can ponder over the facts that the oxytocin is generally produced at the time of feeding your child from the breast, when a person is having an orgasm, at the time of getting hugs from your opposite sex, snuggling also contributes in the production of this neurotransmitter, having a fine dance with your partner can also help you produce oxytocin, getting a massage and praying to the god also contribute to this production.


    Human beings are always considered to be social creatures. A person cannot live alone for his or her lifetime without making some fine relationships. In this social life, oxytocin improves our relationship and help us to make some fine bonds with one another by forwarding our positive part to the people with whom we are in contact so that one will be able to achieve some nice contentment along with the pleasure of feeling relaxed. Along with trust and faith, one can also be able to generate compassion, the ability to forgive someone and many more. If one puts this in simple words, then we can tell that the increase in the level of oxytocin in our head will help us to create good bonds with people we do not know.


    Trust is something that cannot be gained by providing them with beautiful items or attractive things. Trust can only be gained if a person is satisfied enough as to the things that you are telling to your partner or the things that you supply them have come from your heart. In order to gain trust, hugging has been one of the oldest and finest methods. If one person hugs the other person for mere twenty to thirty seconds then the level of trust he or she can gain is much more than the attractive materials provided. Scientists as well as the research persons have made their analysis and have proved this theory to be right without any doubt or hesitation.

    2013-05-17

    These inspiring quotes about love, life and friendship might motivate and help you have a better life. Feel free to share with us your most favorite quotes.

    “I'm selfish, impatient and a little insecure. I make mistakes, I am out of control and at times hard to handle. But if you can't handle me at my worst, then you sure as hell don't deserve me at my best.” 
    - Marilyn Monroe 

    “You've gotta dance like there's nobody watching, Love like you'll never be hurt, Sing like there's nobody listening, And live like it's heaven on earth.” - William W. Purkey 

     “You only live once, but if you do it right, once is enough.”
    - Mae West 

    “A friend is someone who knows all about you and still loves you.”
    -Elbert Hubbard 

     “Live as if you were to die tomorrow. Learn as if you were to live forever.”
    - Mahatma Gandhi

    “I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.”― Maya Angelou 

    “To be yourself in a world that is constantly trying to make you something else is the greatest accomplishment.”
    - Ralph Waldo Emerson 

    “To live is the rarest thing in the world. Most people exist, that is all.”
    - Oscar Wilde 

    “Yesterday is history, tomorrow is a mystery, today is a gift of God, which is why we call it the present.”
    - Bil Keane

    “That which does not kill us makes us stronger.”
    - Friedrich Nietzsche 

    God does not create a lock without its key & God does not give you problems without its solutions! TRUST HIM. 

    Life is too short to start your day with broken pieces of yesterday, it will definitely destroy your wonderful today and ruin your great tomorrow.

    Mistake is a single page of life but relation is a complete book. So don’t lose a full book for a single page.

    2012-11-19

    Follow the steps below:
    • Go to Dashboard - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
    .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
    .BlogList .item-thumbnail img {
      padding: none !important;
      border: none !important;
      background: none !important;
      -moz-box-shadow: 0px 0px 0px transparent !important;
      -webkit-box-shadow: 0px 0px 0px transparent !important;
      box-shadow: 0px 0px 0px transparent !important;
    }

    Now your blogger images should appear without any border or shadow. Cheers!

    Update:

    If the above method doesn't work for you, do the following:

    - Go to Blogger's Dashboard > Design (Layout) > Edit HTML
    - Thick the "Expand widget templates" checkbox;
    - Search (CTRL + F) for the following code:
      border: 1px solid $(image.border.color);

      -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    - Delete it and Save your template.

    Enjoy!!

    2012-11-18

    How to add a Recent Posts widget/gadget with thumbnails to your Blogger / Blogspot blog

    Follow the steps below:

    1. Go To Blogger > Design > Page Elements
    2. Click on "Add a Gadget" link
    3. From the pop-up window, choose HTML/JavaScript
    4. Paste the following code:
    <div class="eggTray">
    <script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
    "pipe_params":{"URL":"YOUR-BLOG/SITE-URL/feeds/posts/default"},
    "hideHeader":"false","height":"500","count": 8 }</script>
    <div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://www.theinfiniteinfo.com/2012/11/recent-posts-widget-with-thumbnails-for.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://helplogger.blogspot.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
    <style type=text/css>
    .eggTray {margin:10px 0px;padding:0px;}
    .ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
    .pipesTitle {padding-top:0px;}
    .pipesDescription {display:true;}
    .ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Qf-Cwls-Y5_zHzxiJZQaAZFjJfpkDhE3TX5TXmjKYGtr5nB-x2oZvkvYJYu11lbLyElZ-fneN8DUlySw5hQq_uiaXp364JK80u391nMThG5-eD779icbjrN5zvCOBom8mQWbuTLna9g/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
    .ycdr, .ycdr a {color:#999999;}
    .widget .popular-posts ul {padding-left:0;}
    </style>

    Change YOUR-BLOG/SITE-URL with the url address of your site/blog (ex: http://thehtd.blogspot.com) and be careful to have no forward slash symbol "/" at the end of your url

    Settings
    • To disable the scroll bar, remove the number 500
    • By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts desired
    • if you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10

    5. Save your widget.

    Enjoy!!

    2012-11-17

    With this widget you can display the post titles and post excerpts or snippets on your blog.
    How to add Recent Posts Widget to Blogger

    1. Log in to your Blogger Dashboard >> go to Design >> Add a Gadget >> choose HTML/JavaScript

    2. Choose & Copy the code of one of the options below and paste it into the new HTML/JavaScript:

    Option 1: Recent posts widget with snippets

    <div id="hlrpsa">
    <script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
    </script>
    <script>
    var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
    </script>
    <script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
    </script></div>
    <div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
    <a href="http://www.theinfiniteinfo.com" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://thehtd.blogspot.com" title="Recent Posts Widget">thehtd</a></div>
    <noscript>Your browser does not support JavaScript!</noscript>
    <style type="text/css">
    #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiCzVAx4cckCsfGk_KdjMXVek2E0Ku7tKZd1GDanEHfi_pTSyBUy9owklZJxY_rIoDjaVu23fo7yBBg6agnH4aBTOqgI_DiQOjos8LBPnaKic9fkpld_N3ZAYapb7DHyNx0ivQqkjV2MV7/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
    #rpdr, #rpdr a {color:#808080;}
    #hlrpsa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
    .hlrps a {font-weight:bold; }
    .hlrpssumm {}
    </style>

    Option 2: Recent Posts Widget Showing Post Titles Only

    <div id="hlrpsb">
    <script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
    <script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
    <script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
    <div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://thehtd.blogspot.com" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://www.theinfiniteinfo.com" title="Recent Posts Widget">THEINFINITEINFO</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
    <style type=text/css>
    #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiCzVAx4cckCsfGk_KdjMXVek2E0Ku7tKZd1GDanEHfi_pTSyBUy9owklZJxY_rIoDjaVu23fo7yBBg6agnH4aBTOqgI_DiQOjos8LBPnaKic9fkpld_N3ZAYapb7DHyNx0ivQqkjV2MV7/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
    #rpdr, #rpdr a {color:#808080;}
    #hlrpsb { }
    .bbrecpost2 {
    padding-top:6px;
    padding-bottom:6px;
    border-bottom: 1px #cccccc dotted; }
    </style>

    3. Change 5 (option 1) and 10 (option 2) with the number of posts you want to show. Change false to true if you want the posts dates to appear, and change 100 (option 1) if you want more characters to be displayed.
    Don't forget to change your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example:
    http://www.your-site.com/feeds/posts/default....
    4. Save your widget.

    Enjoy!!

    2012-11-16

    It looks wonderful if you display related posts below each blog posts along with thumbnail. The related articles are chosen from other posts in that same category/label/tag. With this, many of your readers will remain on your site for longer periods of time when they see related posts of interest. 

    Steps adding the Related Posts Widget to Blogger/Blogspot

    Step 1. Go To Blogger Dashboard >> Template >>Edit HTML;

    Step 2. Check the "Expand widgets template" box;

    Step 3. Search (CTRL + F) for this piece of code:
    </head>

    Step 4. Copy and paste the below code just before/above </head>
    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #related-posts {
    float:center;
    text-transform:none;
    height:100%;
    min-height:100%;
    padding-top:5px;
    padding-left:5px;
    }

    #related-posts h2{
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: none;
    color: #5D5D5D;
    font-family: Arial Narrow;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    border-right: 1px dotted #DDDDDD;
    color:#5D5D5D;
    }
    #related-posts a:hover{
    color:black;
    background-color:#EDEDEF;
    }
    </style>
    <script type='text/javascript'>
    var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhQxbbnIk-2AtTObpZSVXf_svQXisgcxUDBtgLTgPOqamV_WxBRkJ7sPE1jKqVoAB6ohDtMIdj2bdxALEkpIvD_f3grJmMPNwmuUf-bEc5sS0xeMWAHKeNqwo1BcZDJXQUrRZnhATMFJBO/s1600/no_image.jpg&quot;;
    var maxresults=5;
    var splittercolor=&quot;#DDDDDD&quot;;
    var relatedpoststitle=&quot;Related Posts&quot;;
    </script>
    <script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
    <!-- remove --></b:if>
    <!--Related Posts with thumbnails Scripts and Styles End-->

    Note:
    - to change the default picture, replace the URL in blue with your own
    - for displaying more than 5 posts, replace 5 value from "var maxresults=5;"
    - remove the code in violet if you want the related posts to be displayed in homepage too

    Step 5. Now find the following code:
        <div class='post-footer'>

    Step 6. And just above it, copy and paste the below code:
    <!-- Related Posts with Thumbnails Code Start-->
    <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
    </script>
    </div><div style='clear:both'/>
    <!-- remove --></b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
    <a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyDv70uEXq1VOsPcJOQtbZPIulGCwnsDlVry37qWmIGDQbgKd1_5DK8M9tQnG5ENGjIJOsyvV1VL6ZGieRnzINPyl_WBiTyPCUjRzsw6a0NBerZ6Mp-Jh_JPzO91icCaOxE2IGSM_X-HUO/s1600/best+blogger+tips.png'/></a>
    </b:if></b:if>
    <!-- Related Posts with Thumbnails Code End-->

    Note:
    - change the 6 value from max-results=with the number of posts you want to be displayed.
    - If you want the related posts to be displayed on homepage too, remove the code in violet.

    Step 7. Save the Template

    Enjoy :)
    You may know that all the gadget/widget you add to your blog will be displayed in all the pages including home page by default. Lots of widget in blog/site make it to look unprofessional and increasing page loading time which makes visitors loose their patience.


    You can use conditional tags to hide (or show) widgets in particular posts, static pages, homepage or archive pages.


    1. First of all, go to Blogger's Dashboard >> Design >> Page Elements and give a name for the HTML/Javascript gadgets you have already added. Doing this it will be easy for you to identify the widgets in your blogger template. Give it a unique title so that it does not match with any of the titles of other widgets added.

    2. Then go to Dashboard >> Design >> Edit HTML and check the "Expand Widget Templates" box.

    3. Find your widget in the HTML by using Ctrl+F and entering the widget's name in the search box. Let's say i have given the title for my widget as "Recent Posts". After searching you will find the below snippets:

    <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>  

    This code represents the widget/gadget that you have added in the Page Elements location. All you have to do is to add the following conditional tags marked with red just below and above to hide the widget from specific pages or posts in Blogger. Let's see some examples:

    To show the widget only in Homepage:

    <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>

    To show Blogger widget only in post pages 

    <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == "item"'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>

    To show the widget in a specific page
     
    <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url == "URL of the page"'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>

    Note: Replace URL of the page with the address of the page in which you want the widget to appear

    To hide a widget only in a particular page

    <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url != "URL of the page"'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget> 

    To show widgets only in static pages

    <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == "static_page"'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget> 

    To hide widgets in Static Pages

    <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType != "static_page"'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget> 

    To show widgets only in Archive Pages

     <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == "archive"'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget> 

    After you have added the conditional tags, Save Template and view your blog.
    Enjoy!