Stylish Email Subscription Box Widget for Blogger

How To Install This Stylish Email Subscription Gadget –

Follow these steps to add this Gadget into your Blogspot blog.
  • Go to Blogger Dashboard
  • Click on Layout
  • Click on add a Gadget
  • Select an HTML/JAVASCRIPT widget
  • Paste the following Code and Change bestbloggertipstricks with your own Feedburner id . Click on Save You are Done.
#feature_box{background:#f0f4f4;
border-bottom: 1px solid #D4D4D4;
padding:10px 15px 0px;}
#sleek-subscribe{display: block;
margin:0 auto; }
.newsheadline {
color:#222;
font-size:16px;
line-height:50px;
float:left;
font-weight:bold;
}
.newsheadline span{font-size:38px;
color:#444;
line-height:14px;
font-family: “Droid Sans”,arial,sans-serif;
font-weight:normal;
}
.newsheadline cite{font-style:normal;
color:#f00;
}
.signform{
padding:0 0 10px 100px;
float:right;
}
.txt2, .txt2:focus{
width:140px;
font-size:15px;
background:#f7f7f7;
color:#004B80;
border:1px solid #E36B0A;
margin:0 5px;
float:left;
padding:10px;
width:160px;
border-radius: 10px;
}
.btn2, .btn2:focus {
background:#E36B0A;
margin:0 5px;
padding:8px 10px 9px;
border:1px solid #AD5513;
color:#fff;
font-size:15px;
border-radius:10px;
}
.btn2:hover{
background:#6689b0;
}
Sign up for FREE daily Tips Directly to your Inbox.

<form action="http://feedburner.google.com/fb/a/mailverify?uri=bestbloggertipstricks” class=”signform” method=”post” target=”_new”>

Advertisements

Add Feedjit Live Traffic Feed Widget to Blogger And Websites | Live Traffic Feed

WELCOME!!
You’re about to join over 1 Million site owners around the World who use Feedjit to improve user engagement and create a live surfing experience. The feed on the right-hand side is your sample feed that you can use to customize what your Live Traffic Feed will look like. You can drag the inside of your traffic feed up or down to pause it or see older visitors. The data in your sample feed is actual live data showing people 
IMPORTANT TIPS:
Your Live Traffic Feed keeps the 100 most recent visitors. Drag it up with your mouse to see older visits. If the feed is in the top 30% of your page you can watch it all day and it will continue to show new hits. If it’s below the top 30% of your web page, it will stop updating after 3 minutes until you refresh the page.

Easy to Add / Install Facebook Comment Box in Blogger

Install Facebook Comment Box In Blogger

Hello people, When i was new on Blogger i was searching for the trick to add facebook comment box below every Blogger post.Honestly it was little bit lengthy process for me. Now i have find out the easiest way to install this facebook comments box along with Blogger’s own commenting system.

I believe this 


commenting system is useful for a blog/website because every user has a facebook profile and he will prefer to comment from the same profile. Also there is an option of comment box if a user clicks this option, The post will start showing on his facebook friends wall.So using this commenting system will increase the chances of page views of a Blogspot post.

How to install Facebook comments box in Blogger :

  • Login to Blogger Dashboard
  • Select your Blog and click on Layout
  • Click on add a html/javascript box
  • Enter the following codes
  • (function(d){
      var js, id = ‘facebook-jssdk’; if (d.getElementById(id)) {return;}
      js = d.createElement(‘script’); js.id = id; js.async = true;
      js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”;
      d.getElementsByTagName(‘head’)[0].appendChild(js);
    }(document));

    <div class="fb-comments" data-href="http://bestbloggertipstricks.blogspot.com/” data-num-posts=”10” data-width=”500“>

  • Change the url bestbloggertipstricks.blogspot.com with your own Blog url
  • Now click on save
  • You can also change Width 500 and Posts 10
  • Then rearrange this box in the section of blog posts as shown in the figure below
    • How to Add or Remove an Underline for Links in Blogger Post


      If you underline the links on your blog, then the page-links and post-titles are usually underlined too. But you can turn underlining OFF for these items, and adjust the spacing to make them stand out.


      How to Add or Remove an Underline for Links in Blogger Post


      • Go to your Blog>>>Template>>>Customize
      • Click on Advanced>>>CSS
      • Paste following code in CSS Section



      a:link {
      text-decoration:underline;
      }
      a:visited {
      text-decoration:underline;
      }
      a:hover {
      text-decoration:underline;

      }

      OR

      • Login to your account. Go to Layout > Edit HTML.
      • Search for a:link (Tip: Use Ctrl + F)
      • You will see a similar code there as:

      a:link {
      color:$linkcolor;
      text-decoration:none;
      }
      a:visited {
      color:$visitedlinkcolor;
      text-decoration:none;
      }
      a:hover {
      color:$titlecolor;
      text-decoration:underline;
      }

      OR Search this

      a:link {
      text-decoration:none;
      color: $(link.color);
      }

      a:visited {
      text-decoration:none;
      color: $(link.visited.color);
      }

      a:hover {
      text-decoration:underline;
      color: $(link.hover.color);
      }


      Now


      The above code specifies that there is no underline as dictated by text-decoration:
      text-decoration:none

      Here none specifies “No Underline”. To add underline simply change the command to:
      text-decoration:underline

      If it was originally underlined simply change it back to, yea you guessed it right 😉
      text-decoration:none