Monday, September 10, 2012

How to add Related Posts widget to your Blog

Adding a related post widget with thumbnail at the bottom of your blog post will deferentially increase your page views. Related posts widget will also decrease the bounce rate of your blog. Today I will show you how to add related posts widget in your Blogger/Wordpress using Linkwithin. Just follow the simple steps....






                                         First click to the link :   http://www.linkwithin.com/learn

You will find this page.Provide the same email address that you registered with blogger/wordpress and also fill up your blog link, Platform and width. Click on Get Widget.On the next page click on Install Widget.

On this screen choose your blog name if you have multiple accounts. Then click on Add Widget.


Now your Linkwithin  widget has now been added to your layout. All you have to  do is that, drag  the widget from the top of your sidebar to the bottom of your post. Finally save it. As simple is that. By default the widget title is "you might also like " Obviously you can change it. If you having any problem to add this widget  to your blog please left a comment bellow I will try to solve it. 

Tuesday, August 28, 2012

Adding Search Box to Blogger

Search Box is one of the most used tool for navigating of any website. It will bring the opportunity to your readers to find any topic within your blog quickly. Though Blogger do provide a default  search box widget but unfortunately it does not provide accurate search result all the times. Today I will show you how to add a nice search box in your blogger. just follow the simple step.


Go to your Blogger Dashboard >> Select Layout >> Add a gadget >> Select HTML/Java Script >> Paste the code given below within the Java Script >> Save it. You are done. As simple is that. 

Obviously you can customize the size of the search box. Just find width and height section and change it according to your need.     

<style type="text/css">
#searchbox
   {
    background: #eaf8fc;
    background-image: -moz-linear-gradient(#fff, #d4e8ec);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff));
    -moz-border-radius: 35px;
    border-radius: 35px;
    border-width: 1px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;            
    width: 270px;
    height: 35px;
    padding: 10px;
    
    overflow: hidden;
   }
#search, #submit
        {
            float: left;
        }
        #search
        {padding: 5px 9px;
            height: 23px;
            width: 180px;
            border: 1px solid #a4c3ca;
            font: normal 13px 'trebuchet MS', arial, helvetica;
            background: #f1f1f1;
           -moz-border-radius: 50px 3px 3px 50px;
             border-radius: 50px 3px 3px 50px;
             -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
             -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);            }
  #submit
  {  background: #6cbb6b;
            background-image: -moz-linear-gradient(#95d788, #6cbb6b);
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788));
            -moz-border-radius: 3px 50px 50px 3px;
            border-radius: 3px 50px 50px 3px;
            border-width: 1px;
            border-style: solid;
            border-color: #7eba7c #578e57 #447d43;
            -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
             -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
             box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;     
   height: 35px;
   margin: 0 0 0 10px;
   padding: 0;
   width: 60px;
   cursor: pointer;
   font: bold 14px Arial, Helvetica;
   color: #23441e;
   text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  }
  #submit:hover
  {         background: #95d788;
            background-image: -moz-linear-gradient(#6cbb6b, #95d788);
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #95d788),color-stop(1, #6cbb6b));
  } 
#submit:active
  {  
            background: #95d788;
   outline: none;
           -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
             -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
             box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;  
  }
#submit::-moz-focus-inner
  {
    border: none;
  }  
  
#search::-webkit-input-placeholder {
           color: #9c9c9c;
           font-style: italic;
        }
        #search:-moz-placeholder {
           color: #9c9c9c;
           font-style: italic;
        }    
        #search.placeholder {
           color: #9c9c9c !important;
           font-style: italic;
        }  
        #search:focus
        {
            border-color: #8badb4;
            background: #fff;
            outline: none;
        } 
</style>
<form id="searchbox" action="/search" method="get">
    <input id="search" name="q" type="text" placeholder="Type here" />
    <input id="submit" type="submit" value="Search" />
</form>

Friday, August 17, 2012

How to Add Moving Popular Posts in Blogger

Wants to add a moving popular post in your Blogger? The trick is very simple but it will create a nice impression of your blog. Most probably you already noticed my popluar posts are moving. If you are interested to add  the same type of moving popular posts widget to  your blogger then this post is for you. The process is very simple. Just follow the simple step.


Go to your Blogger's Dashboard  >> Select layout >> Add a Gadget : Popular Posts ( select more then 4 posts) >> Again Add a Gadget : HTML/Java Script >> Paste the code in java Script Gadget  (given Below). Save the Arrangement. This is it. As simple is that.Your Java Script code is given below.



Sunday, August 12, 2012

How to add Page number in Blogger


Page number is one of the most important tool for web site navigation. It gives  your readers the opportunity of navigate the blog easily. Unfortunately blogger does not provide page number  navigation widget by default. But you can add page number to your blogger. Today I will show you how can you add page number widget to your blogger. Before that just let you know that, you can add page no. to your blogger by two ways. One is editing your blogger’s  HTML code  and another way is adding a page no. widget to your blogger’s  layout. Honestly speaking I don’t like editing HTML and it is bit difficult too. So I will show you how can you add page number to your blogger by just adding a widget. The process is very simple. Just follow the simple step…..


Go to your Blogger’s Dashboard >> Select layout >> Add a Gadget >> Choose HTML/Java Script Gadget >> Paste the code (given below) in your java script. Place the java script widget just below the post section of your blogger's layout. As simple is that.
Note: Just Reminding you; show post per page must be same to your blogger’s settings. Suppose if you select show post per page is 6 to your blogger. You have to select var pageCount 6. Otherwise it will not work properly. Here var page count by default is 5. You can choose how many post you would like show in your Blogger’s per page. Your Java Script code is given below.



Tuesday, July 31, 2012

Samsung to fix Galaxy S3 search function removal mistake - BBC


Samsung has admitted it made a mistake in releasing a software update that removed a search function from international versions of its flagship smartphone.
The "stability update" disabled the Galaxy S3's ability to search the web, contacts, apps and other on-device material through a single interface.
The move had been thought to be linked to Apple's claim that the innovation infringed one of its US patents.
Samsung said a fix was imminent.
"The most recent software upgrade for the Galaxy S3 in the UK included the inadvertent removal of the universal search function," it said in a statement.
"Samsung will provide the correct software upgrade within the next few days."

Samsung has sold more than 10 million Galaxy S3 phones since the model launched two months ago
Patent dispute
Users who downloaded the update had not been warned that it would remove the advanced search function when the software was installed on GT-i9300 (S3) models available in the UK and other places outside the US.
It appears the firm meant only to prevent some US models from being able to use a Google-powered search tool to show information sourced from within the phone's memory in its results.
Apple has claimed the technology infringed its patent to a unified search interface which it uses in its Siri app to collate results from a range of sources.
The iPhone maker has launched a lawsuit over the matter in the US and had briefly secured a sales ban of another Samsung handset - the Galaxy Nexus - on the basis that the inclusion of the feature threatened "irreparable harm".
A Washington-based court will review the case on 20 August.
Recommended Post Slide Out For Blogger

Infolinks In Text Ads