Every 1 Posts | Best All Techonolgy : blogger widgets

Add Facebook JQuery Popup like box with BackGround Image in Blogger

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbj-gdcbKVyMOEsLMsMyzBmJnibCXK4uHJHW8OiEP3wAHb6Nq5Ak78baHl1BFTQUwAEuNWe-XK44r2JPGICTsO5Q3XTtJ2C3Y8fGck7G0Iqo1mn8JzPGPnigkVhgZ9djIQ3FSpt7VRDrez/s1600/Facebook+popup+by+MakeMoneyOnline72.PNG" imageanchor="1" style="border: none; clear: left; color: #004d99; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Facebook-like-box" border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbj-gdcbKVyMOEsLMsMyzBmJnibCXK4uHJHW8OiEP3wAHb6Nq5Ak78baHl1BFTQUwAEuNWe-XK44r2JPGICTsO5Q3XTtJ2C3Y8fGck7G0Iqo1mn8JzPGPnigkVhgZ9djIQ3FSpt7VRDrez/s1600/Facebook+popup+by+MakeMoneyOnline72.PNG" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" title="JQuery-Facebook-Popup" width="400" /></a>As you know Facebook is the largest social media site in world and billion of people are attached to it. You can share your thoughts and ideas with your friends on Facebook. Specially if you haveBlogs or Websites then you must want to be popular on facebook. Facebook is that place where you can have more and more back-links. If you have a Website/Blog without interconnected social media then your Website/Blog may be worthless. So here I'm going to introduce a think that is very useful for your Blog ranking. So that is known as. 
<div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;">
</div>
 
<h2 style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px;">
Facebook popup Widget:</h2>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
How it is useful for your Blog/Website? It is useful as a visitor click on your website there will be automatic popup of this widget. If a visitors wants to like your facebook page, he will like the page without doing anything further. </div>
<h3 style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px;">
Add this Widget on your Blog:</h3>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
<ol style="list-style: none; margin: 0px; padding: 0px;">
<li style="list-style: none; margin: 0px; padding: 0px;">Firstly open the Blog on which you want to add this widget</li>
<li style="list-style: none; margin: 0px; padding: 0px;">Go to > Layout > Add a Gadget</li>
<li style="list-style: none; margin: 0px; padding: 0px;">Select HTML/JavaScript after this</li>
<li style="list-style: none; margin: 0px; padding: 0px;">Put this code given below</li>
</ol>
<blockquote class="tr_bq">
<div class="MsoNormal">
<span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #888888; font-family: Georgia, serif;"><script src="http://makingdifferent.github.com/blogger-widgets/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><style type="text/css"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#colorbox, #cboxOverlay, #cboxWrapper{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">position:absolute; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">top:0;left:0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">z-index:9999; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">overflow:hidden; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxOverlay{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">position:fixed; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">width:100%; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">height:100%; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxMiddleLeft,#cboxBottomLeft{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">clear:left; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxContent{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">position:relative; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxLoadedContent{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">overflow:auto; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxTitle{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">margin:0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxLoadingOverlay,#cboxLoadingGraphic{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">position:absolute; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">top:0;left:0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">width:100%; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxPrevious, #cboxNext, #cboxClose,#cboxSlideshow{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">cursor:pointer; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.cboxPhoto{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">float:left; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">margin:auto; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">border:0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">display:block; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.cboxIframe{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">width:100%; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">height:100%; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">display:block; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">border:0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxOverlay{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:#000000; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">opacity:0.5 !important; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#colorbox{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">/*box-shadow*/ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">-moz-box-shadow:0 0 15px rgba(0,0,0,0.4); <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">box-shadow:0 0 15px rgba(0,0,0,0.4); <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxTopLeft{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">width:14px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">height:14px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0 0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxTopCenter{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">height:14px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png) repeat-x top left; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxTopRight{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">width:14px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">height:14px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat -36px 0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxBottomLeft{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">width:14px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">height:43px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0 -32px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxBottomCenter{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">height:43px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png) repeat-x bottom left; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxBottomRight{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">width:14px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">height:43px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat -36px -32px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxMiddleLeft{width:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) repeat-y -175px 0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxMiddleRight{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">width:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) repeat-y -211px 0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxContent{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:#fff; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">overflow:visible; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxLoadedContent{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">margin-bottom:5px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxLoadingOverlay{background:url(http://3.bp.blogspot.com/-7VRvnW_MUSw/TwRGXjXjloI/AAAAAAAACM0/5K-J5jgkxo4/s1600/%255Bwww.gj37765.blogspot.com%255Dloadingbackground.png) no-repeat center center; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxLoadingGraphic{background:url(http://3.bp.blogspot.com/-xjj51r2lm2M/TwRGaKezqHI/AAAAAAAACNI/lKX9_-YUUdY/s1600/%255Bwww.gj37765.blogspot.com%255Dloading.gif) no-repeat center center; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxTitle{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">position:absolute;bottom:-25px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">left:0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">text-align: <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">center;width:100%; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">font-weight:bold; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">color:#7C7C7C; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxCurrent{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">position:absolute; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">bottom:-25px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">left:58px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">font-weight:bold; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">color:#7C7C7C; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">position:absolute; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">bottom:-29px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0px 0px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">width:23px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">height:23px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">text-indent:-9999px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxPrevious{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">left:0px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-51px -25px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxPrevious.hover{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-51px 0px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxNext{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">left:27px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-75px -25px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxNext.hover{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-75px 0px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxClose{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">right:0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-100px -25px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#cboxClose.hover{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-100px 0px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.cboxSlideshow_on #cboxSlideshow{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-125px 0px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">right:27px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.cboxSlideshow_on #cboxSlideshow.hover{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-150px 0px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.cboxSlideshow_off #cboxSlideshow{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-150px -25px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">right:27px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.cboxSlideshow_off #cboxSlideshow.hover{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background-position:-125px 0px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#mdfb{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">font:12px/1.2 Arial,Helvetica,san-serif;color:#666; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#mdfb a,#mdfb a:hover,#mdfb a:visited{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">text-decoration:none; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.mdbox-title{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">background:#000; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">color:#fff; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">font-size:20px !important; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">font-weight:bold; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">margin:10px 0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">border:20px solid #ddd; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">/*border-radius*/ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">-webkit-border-radius:6px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">-moz-border-radius:6px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">border-radius:6px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">/*box-shadow*/ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">-webkit-box-shadow:5px 5px 5px #CCCCCC; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">-moz-box-shadow:5px 5px 5px #CCCCCC; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">box-shadow:5px 5px 5px #CCCCCC; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">padding:10px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">line-height:25px; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">font-family:arial !important; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.mdbox-tagline{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">color:#999; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">margin:0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">text-align:center; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">#mdsubs-container{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">padding:35px 0 30px 0; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">position:relative; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">}a:link,a:visited{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">border:none; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.demo{ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">display:none; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">} <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></style> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><script type="text/javascript"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">jQuery(document).ready(function(){ <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">if (document.cookie.indexOf('visited=true<span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">') == -1) { <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">var fifteenDays = 1000*60*60*24*30; <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">var expires = new Date((new Date()).valueOf() + fifteenDays); <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">document.cookie = "visited=true;expires=" + expires.toUTCString(); <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">$.colorbox({width:"600px", inline:true, href:"#mdfb"}); <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">}}); <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></script> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><div style='display:none'> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><div id='mdfb' style='padding:10px; background:#fff;'> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><center> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><table align="center"background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVEOtKhoMxTf3iTo7qA7uz4g7f0X28G-lEcPJH_N3p-rFgC6A6rjj9J2iDSl4qhcb3We6BLxWAwbURZm8qcqpYQ3IopV0Yy-pz8n1xmPdLJlkB6S2DjfQRoXHjmwCoOI7aBqLsl608dYvm/s1600/adsense+background+image%2528gj37765.blogspot.com.jpg.png" border="0" height="300" style="width: 505px;"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><tbody> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><tr> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><td height="345" width="505"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><div align="right"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/everyposts<span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">&width=350&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:250px;" allowtransparency="true"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></iframe></div> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></td> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></tr> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></tbody> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></table> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></center> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">By <a style=" font-size:9px;color:#3B78CD;text-decoration:none;" href="http://Every1POsts.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html">Every1Posts</a> | <a style=" font-size:9px;color:#3B78CD;text-decoration:none;" href="http://every1posts.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html ">Get This !</a> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></div> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"></div></div>
</blockquote>
 Recommended: How to Make Money through Facebook. <h2 style="font-size: 12px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px;">
Customize: </h2>
</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
<ul style="list-style: none; margin: 0px; padding: 0px;">
<li style="list-style: none; margin: 0px; padding: 0px;">Replace the Every1POsts with your facebook page name.</li>
<li style="list-style: none; margin: 0px; padding: 0px;">If you want every time popup of this widget simply replace true with false</li>
</ul>
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
Note: By adding this code on Blog if it doesn't appear, it means there is no JQuery script in your template. So in order to appear this Facebook popup box you must add Jquery script in your template. How? Follow the given steps. <h3 style="color: #333333; font-size: 16px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px;">
How to Add:</h3>
<div>
<ul style="list-style: none; margin: 0px; padding: 0px;">
<li style="list-style: none; margin: 0px; padding: 0px;">Go to > Blogger Dashboard > Template > Edit HTML</li>
<li style="list-style: none; margin: 0px; padding: 0px;">Add the given below code before </head> tag, save the template</li>
</ul>
</div>
<blockquote class="tr_bq">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></blockquote>
 Also share this info. with your friends on Social Media Sites and follow us on Facebook, Twitter and Google+.</div>

Add Facebook JQuery Popup like box with BackGround Image in Blogger

As you know Faceboo k is the largest social media site in world and billion of people are attached to it. You can share your thoughts and...

Add Attractive Email Subscription Widget in Blogger

Add amazing RSS Subscription Form: This is really a very <a href="http://makemoneyonline72.blogspot.com/" style="background-color: white; border: none; color: #004d99; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none;" target="_blank">great feature</a> to add like this widget in blogger, by adding this widget you can easily increase your Subscribers and Viewers. If you provides useful and healthy content to your viewers, then some times your readers need to get latest newsletter from blog, that's why you should add Email subscription form in your blog. 
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1LrYwpeyfRFPgiKNLN3dkq6Ob5sc5_5weWgCPwuRi8TyL6JR99dP8pP20OxYpfyNbdgF73HYbkaPzFAr-Y1ky-c3J4FeWfe9KGvdAQ2Pdx_HBpu-wMsvZZTz4vOqOCn-aHxH5Ud0aecx0/s1600/RSS+Subscription+Widget+Ready.png" imageanchor="1" style="border: none; color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="RSS-Subscription-form-in-blogger" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1LrYwpeyfRFPgiKNLN3dkq6Ob5sc5_5weWgCPwuRi8TyL6JR99dP8pP20OxYpfyNbdgF73HYbkaPzFAr-Y1ky-c3J4FeWfe9KGvdAQ2Pdx_HBpu-wMsvZZTz4vOqOCn-aHxH5Ud0aecx0/s1600/RSS+Subscription+Widget+Ready.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" title="Add-Email-Subscription-widget" width="320" /></a></div>
 Recommended: Add JQuery Facebook popup window in blogger</div>
<h3 style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px;">
Add RSS Subscription form in blogger:</h3>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
You just need to follow given below steps.</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
* Go to desired blog > > Select Layout > > Click on "Add a Gadget" link * From the popup window, scroll down and click on the "HTML/JavaScript" gadget * Now Copy the given below code and paste in empty "HTML/JavaScript" gadget. <ul style="list-style: none; margin: 0px; padding: 0px;"></ul>
 <ul style="list-style: none; margin: 0px; padding: 0px;"></ul>
<blockquote class="tr_bq">
<div class="MsoNormal">
 <style> .hl-email{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAJ1SPBb6Vv8e82Hz2HaDh1DoqmnJMD_WI-lG8zqK6t3dFmDMe_CccV4X3trino5glJ0IRIYTPkNwwwCP3YkVvs0nd0XGORnmx1fozPEgKBnrEaTU07XoK7Bt2_BdxTXpalEUzF1gRnNY/s1600/mail.png) no-repeat 0px 12px ; width:300px; padding:10px 0 0 55px; float:left; font-size:1.4em; font-weight:bold; margin:0 0 10px 0; color:#686B6C; } .hl-emailsubmit{ background:#9B9895; cursor:pointer; color:#fff; border:none; padding:3px; text-shadow:0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif; } .hl-emailsubmit:hover{ background:#E98313; } .textarea{ padding:2px; margin:6px 2px 6px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; width:130px; color:#666;} </style> <div class="hl-email"> Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=every1posts', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" /> <input type="hidden" value=”makemoneyonline-72" name="uri"/><input type="hidden" name="loc" value="en_US"/> <input class="hl-emailsubmit" value="Submit" type="submit" /> </form> </div><o:p></o:p></div>
</blockquote>
<div class="MsoNormal">
<o:p></o:p></div>
<h3 style="color: #333333; font-size: 16px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px;">
Setting:</h3>
<div>
 * Replace the URL in green to change the Email icon. * To change the width or the text area, increase/decrease 130px in red. * Replace the '<a href="http://feedburner.google.com/fb/a/mailverify?uri=every1posts" style="border: none; color: #004d99; text-decoration: none;" target="_blank">http://feedburner.google.com/fb/a/mailverify?uri=every1posts</a></div>
<div>
' with your feed burner url. * Replace the "makemoneyonline-72" with your feed burner name. * Now Save the widget, and again save Layout. <ul style="list-style: none; margin: 0px; padding: 0px;"></ul>
<ul style="list-style: none; margin: 0px; padding: 0px;"></ul>
</div>
<div>
 Keep visiting this blog to get latest post. Don't forget to share this post with your Friends on Social Media Sites.</div>
</div>

Add Attractive Email Subscription Widget in Blogger

Add amazing RSS Subscription Form: This is really a very great feature to add like this widget in blogger, by adding this widget you can ...

Add Social Sharing Icons with Email Subscription Widget Below Every Post

You have a blog and if your blog is with out collaboration of social media sites, then may be your blog worth is nothing in online world. In this post I will tell you how to add social sharing buttons with Email subscribe widget and facebook page like icon. If you add this widget in your blog, your viewers can easily share/like and subscribe your every post. This widget can help you a lot to popular you in social media sites. 
<div class="separator" style="background-color: white; clear: both; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0beVAs_SPUG43A1kZSBuPA0rAcRqwbAIuluKbmBSoAc9Iteu9mgwf2_zYFhUSg0z2nd9l1hoBdcY1x0-_jAI6L38UxFbWdeugs1wsmIVsVIOJWmNowS3q7TZPVJ2xZBYOUfGdNkRpFGK/s1600/Social+sharing+with+Email+subscription+Widget+Ready.png" imageanchor="1" style="border: none; color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Add-Social-icons-with-Email-RSS-widget" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0beVAs_SPUG43A1kZSBuPA0rAcRqwbAIuluKbmBSoAc9Iteu9mgwf2_zYFhUSg0z2nd9l1hoBdcY1x0-_jAI6L38UxFbWdeugs1wsmIVsVIOJWmNowS3q7TZPVJ2xZBYOUfGdNkRpFGK/s1600/Social+sharing+with+Email+subscription+Widget+Ready.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" title="Social-Sharing-with-Email-Subscription-Widget" width="400" /></a></div>
 Recommended: Add Attractive Email Subscription Widget in Blogger 
<h3 style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px; text-align: center;">
Instructions to Add Widget in Blogger:</h3>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
1- Go to blogger Dash Board →  Template →  Edit HTML 2- After it Find the shown code below by pressing Ctrl+F (Click anywhere in code then press Ctrl+F) <blockquote class="tr_bq">
<code><data:post.body/></code></blockquote>
3- Now Copy code shown below and paste just after ( <code><data:post.body/> )</code> it. <blockquote class="tr_bq">
<code><b:if cond='data:blog.pageType == "item"'></code><code><style></code><code>p#socialicons img { -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} p#socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}</code><code>.emailbutton{background:#f7f8f9;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f7f8f9,0),color-stop(#e9e9e9,1));background:-webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:-moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:-o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);color:#888;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;}</code><code>.emailbutton:hover{background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f1f1,0),color-stop(#e0e0e0,1));background:-webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:-moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:-o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );text-decoration:none !important;}</code><code>.email{clear:both;width:100%;margin:10px 0;}.emailform{position:relative;width:300px;margin:0 auto;}</code><code>.emailinput{width:200px;height:18px;margin:0 auto;padding:8px 40px 8px 10px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:georgia;font-style:italic;-webkit-box-shadow:1px 1px 2px #dfdfdf;-moz-box-shadow:1px 1px 2px #dfdfdf;box-shadow:1px 1px 2px #dfdfdf;font-size:14px;color:#666;}</code><code>.emailbutton{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;padding:9px;position:absolute;right:-2px;top:0;display:block;line-height:16px;}</code><code>.emailbutton{padding:8px !important;}</code><code>.emailform, .emailinput{width:98% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;}</code> <code></style></code><code><center></code><code><div style='font-size: 22px;'>Share this article with your friends.</div></code><code><a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcObIAzvJG9GorIn_dOiMB_W2A1rbg2p742yOS0QWfJNH75Dfgg1g9LRhTXt5VILFAJMBVwHgETaR2hAfdBL9i3_AOyavygP3Kagdg2CRJEa4k7EPXN0lS8yDsiMlPzr9AzkKTv9Llh14/h120/pctoolstips.blogspot.com.png'/></a></code><code><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP7D6dXOK0yTI-IJA6I7MGmtSQypWHip3S0HOD3fRPBBCiyYkMEV7BzXJIQV_w1FRGN-WWolh0JNmP2YPxksNsTmkGQIhXCh8QA5yz4UgqvBQ7Ol85pabSLzo28h0rfsYdYI9i8TBpPV0/h120/pctoolstips.blogspot.com.png'/></a></code><code><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjNJHqeRYa0GHI_QXIoJ0kXo5m1dGZsyj0gByQlrCAzod3a-uOgS5tYH8zDFXpaBzYG2r3zdgF_PdzVlQ_73mQaI7zZ6aio8UG9iZqG8-3KLbfGC8NwNUIozf56XaFeOp_yQdKwUS0tM/h120/pctoolstips.blogspot.com.png'/></a></code><code><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLGHoheKVYHbXKKmGe9-wLLA6tu0KJ23nXTalOmOjT1gN9IZ68m5CU6tr3k_sP0ef84c_7g13-IAVUwUG6b9CgjPGPwCBWwnWDBhe4wkXo6sbNKlRCZUKdTC0rzGZHCWuKBX4Tb_Hm26E/h120/pctoolstips.blogspot.com.png'/></a></code><code><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2K_IKhIFWsIxPTc17Gs7pYMYHr2CbkZuqv7PvCIcDYdx4NOXw77eeUM6lf9EjoxcYVtzv3yP_dJI-Qp5gmb_E_u6GMKVHRlQu8rQKsUu4IMgKqJa50TKPPq6Up23EjRdnw4YZR5nlM0/h120/pctoolstips.blogspot.com.png'/></a></code><code><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBrdDhirJB4b1Edljpz018C5tQJwtARlYjmzttzwI3841c7kyU9ECWDX3ppxTc28OCOQxhNNKJGeL2BmOmAmL8pRYPsAvbgqtdRDF7CGxtRZj6fNfJp1xLdFTRp3hXnM6ccONc9EVm7gc/h120/pctoolstips.blogspot.com.png'/></a></code><code><a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjztPZ_pgM_cV9-46AE_6K0rHCq_wiIqncBvAhRqPXbdHpVua7pk_o1DzUrDpOVrnIeP2sHgbNbzGVl0WfPbRiCKgpslvMzVwWaLYIqjZeZ10fUE3U5j5pslJ-IasdG2myqPHXEMir814M/h120/pctoolstips.blogspot.com.png'/></a></code><code><div style='margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; '></code><code><div style='float:left; width:272px; border-right:1px solid #ddd;'></code><code><iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=</code><code>URL HERE</code><code>&amp;width=292&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false&amp;height=62' style='border:none; overflow:hidden; width:292px; height:62px;'/></code><code></div></code><code><div style='margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;'></code><code><iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=</code><code>USERNAME2</code><code>&amp;show_count=true&amp;show_screen_name=true&amp;size=l' style='width: 266px; height: 32px;' title='Twitter Follow Button'/></code><code><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></code><code></div></code><code></div></code><code><div class="email"></code><code><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=</code><code>USERNAME1</code><code>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform"></code><code><input type="hidden" value="</code><code>USERNAME1</code><code>" name="uri" /></code><code><input type="hidden" name="loc" value="en_US" /></code><code><input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailinput" /></code><code><input type="submit" class="emailbutton" value="SignUp" title='' /></form></div><div dir="ltr" style="text-align: Right;" trbidi="on"><a href="</code> http://every1posts.blogspot.com/2015/01/add-social-sharing-icons-with-email.html<code>" target="_blank" >Get This</a></div></code><code></center></b:if></code></blockquote>
<div class="MsoNormal">
<o:p></o:p></div>
 <h3 style="color: #333333; font-size: 16px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px; text-align: center;">
Customize this Widget</h3>
<div>
4- Replace USERNAME1 with your Feed Burner user name {by pressing Ctrl+F}</div>
<div>
 </div>
<div>
5- Replace URL HERE with you Facebook fan page URL</div>
<div>
 </div>
<div>
6- Replace USERNAME2 with you Twitter user name. </div>
<div>
 </div>
<div>
7- Save Targeted widget and Enjoy.</div>
<div>
 </div>
<div>
Note: If this widget doesn't appear after paste Code, then find next [ <code><data:post.body/></code> ] code and paste widget code just after it. In case of me I was find this code for 4 time then paste widget code, So Widget will be <a href="http://every1posts.blogspot.com/" style="border: none; color: #004d99; text-decoration: none;" target="_blank">show below every 1 post</a>. </div>
<div>
 </div>
<div>
I hope you enjoyed this featured post. And I'm sure It's working for you. If you have any question and query please ask me in comment section and remember don't forget to share this post with your friends in social media sites.</div>
</div>

Add Social Sharing Icons with Email Subscription Widget Below Every Post

You have a blog and if your blog is with out collaboration of social media sites , then may be your blog worth is nothing in online world...

Add/Install Google+ and Blogger Comments With Blogger

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1mK3yG61J2ajQVCfC0XrdKfiM-H_aheAopJkVfIIi2YiZ_TxLMdxNcUpSIP_TwCCiQMY8fKTVgZ76DtjgNWp4GXgdThYvdxeb9yQSO_cEEtW9ZJSzo94OR0s98j7APngEYapZlpmKzVzM/s1600/Google+++and+Blogger+Comment+ready.png" imageanchor="1" style="border: none; clear: left; color: #004d99; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Install-blogger-and-Google-plus-comments" border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1mK3yG61J2ajQVCfC0XrdKfiM-H_aheAopJkVfIIi2YiZ_TxLMdxNcUpSIP_TwCCiQMY8fKTVgZ76DtjgNWp4GXgdThYvdxeb9yQSO_cEEtW9ZJSzo94OR0s98j7APngEYapZlpmKzVzM/s1600/Google+++and+Blogger+Comment+ready.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" title="Integrate-google-plus-and-Blogger-comment" width="320" /></a>Users can easily comment on your every single post while reading your post or using the Google+ account. Today I'm going to show you how to attach/add Google+ and <a href="http://every1posts.blogspot.com/" style="background-color: white; border: none; color: #004d99; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none;" target="_blank">blogger comments</a> only on blogger platform. It means when any webmaster create a post, he/she shares this post on Google+, So your post also available in Blogger and Google plus. Users/Viewers can comments on your post even on your Google plus share post. As you know Google plus is Google property and it's very powerful for SEO. If any visitors comes to your post from google plus, Google consider that visitors as a organic visitors. 
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 <div class="separator" style="clear: both; text-align: center;">
</div>
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
By this way you can increase blog Traffic, Google plus followers and Google plus circle. You can take advantage of the google plus comment system on blogger. You can reply easily of google plus commentator as well as blogger on one platform.</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 Recommended: How to Make Money on YouTube</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
<h3 style="color: #333333; font-size: 16px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px;">
How to Integrate Google Plus and Blogger Comments:</h3>
</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
To add this installation as simple as possible, We used inline JQuery and CSS, but anybody can change it later. So let's start to adding it.</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
Step 1. Go to your Blogger Dashboard, Open specific Blog, > then select "Template" and click on "Edit HTML"</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
Step 2. Clock anywhere on the code and press Ctrl + F to open the search box, Now Find the code below</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<blockquote class="tr_bq" style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
<b:include data='post' name='post'/></blockquote>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
Step 3. Copy the given below code and paste just <b:include data='post' name='post'/> after it</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<blockquote style="background-color: white; border: 2px solid rgb(102, 102, 102); color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; padding: 8px;">
 <b:if cond='data:blog.pageType == &quot;item&quot;'><style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5B51sg82K-mvwbs55mD6Mb3sNw98VoTwPd-kdqdvfkaNtJhiaNcZA7AsnySEbeIrCjL6kWvQV-sFItmyfHdbMJ3npHjLs70ESyoyhNUezmoB4b22JaLAMpQWN03dxF5OvsHmBdRaY-ARs/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style><div class='comments-icons'>Show Comments: <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcC2ufhgUy4N3Dpk0VGL7mcgU890d5TGYe4m8C8JQA37JEdjZ_AIi2EnXqzM79t83W2nul0IFfWmu3AnUZO__lCoJ_LhOTLTPZ98kkd3HpMCtc7_fAuwoYw7aOFNc9kRDkOZUyyf-5KXsL/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEita4NT0FrHqmboyU8-kv_EMqt4HpHBM3wmUScG94n2rWkxqawR2RQI5a1oT-Y1G78Ceb1vgRWq63nYS-3aHQ0scLewz6Vo0iqCffgQoLYjFiNFbPzwjLUiGoicoYVY_f3iD8NP15IakgRU/s1600/blogger-logo.png' width='35'/></a></div><div id='gplus-comments-visibility'><div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' <span style="border: none; color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;">data-width='550'expr:data-href='data:post.url'/></div>       </b:if></blockquote>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
Step 4.  The code data-width='550' indicate that you can change easily by increasing/decreasing '550' according to your blog size.</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
Step 5. Now Save your Template, and check your blog to see if you have successfully added this code to blogger</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
Note: If this code is not working for you it means you must have to put JQuery script in <head> </head> section </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<h3 style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-stretch: normal; line-height: 1.4em; margin: 0px; padding: 0px;">
Add JQuery script: </h3>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
Paste the given below code before the </head> tag</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<blockquote class="tr_bq" style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/></blockquote>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
You have Done. Your reader will enjoy the flexibility that your site provides and you will also get benefit from the inclusive services offered by Google.</div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
Share this post of this site with your friends on social media sites. If you have any Question and any problem feel free to contact me in comment section.</div>

Add/Install Google+ and Blogger Comments With Blogger

Users can easily comment on your every single post while reading your post or using the Google+ account. Today I'm going to show you how...