Every 1 Posts | Best All Techonolgy : blogger

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

Free Download Customize Me Blogger SEO friendly Template

<a href="https://fbexternal-a.akamaihd.net/safe_image.php?d=AQAvyw4_kItoRtFw&w=470&h=246&url=http%3A%2F%2F3.bp.blogspot.com%2F-XhWqZEtRRxM%2FU9JVeMoC9pI%2FAAAAAAAAAEU%2F3SDe4C91aVA%2Fs1600%2FBlog%252BTraining.jpg&cfs=1&upscale=1" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://fbexternal-a.akamaihd.net/safe_image.php?d=AQAvyw4_kItoRtFw&w=470&h=246&url=http%3A%2F%2F3.bp.blogspot.com%2F-XhWqZEtRRxM%2FU9JVeMoC9pI%2FAAAAAAAAAEU%2F3SDe4C91aVA%2Fs1600%2FBlog%252BTraining.jpg&cfs=1&upscale=1" /></a> This the theme where you can do easily each and every thing without having any trouble. CustomizeMeis highly <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">customizable template</a> and SEO friendly to index your blog faster. It has been designed in a way that can be easily customized according to your needs and requirement without having change in code of this template. All you need to do is press the button of "Customize" and now you are ready to customize your theme according to your own will. Just try this template for the better ranking and get result in positive way. 
<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;">
Powerful Features Of This Template:</h3>
  1. Movable/Fixed Left Navigation Menu Bar  2. Customized Popular Post  3. Flat and Grid Design  4. Recent Comments  5. Recent Posts  6. Expandable Search Bar  7. Page Numbering  8. Author Bio Box With Image  9. Floating Social Bar Widget 10. Related Posts with Thumbnail 11. SEO Friendly 12. 404 Error Page 
<ol style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; list-style: none; margin: 0px; padding: 0px;"></ol>
<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; text-align: center;">
Download Template:</h2>
<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>
 
<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="http://customizeme-template.blogspot.com/" imageanchor="1" rel="nofollow" style="border: none; color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;" target="_blank"><img alt="Check-live-template" border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPQjVtyl8uee4uBCh6CmE_tJlcqt3WTjiyyHZZwj_7o7pEv694w4EK6-XrOYCYzP4ecuwhdpYj0pgEN_PFg794C7vU2E7NEBxZSAfSfFbrXY0P7Dj6-iAg4_oESKZErKpUVAzrgSsJaS8C/s1600/Blog-live-demo+Ready.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" title="CustomizeMe-Live-Preview" width="200" /></a></div>
<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>
<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://app.box.com/Customize-Me-full-SEO-friendly" imageanchor="1" rel="nofollow" style="border: none; color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;" target="_blank"><img alt="Download-Theme-Free" border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihJnrNKSD1dky5Vd5GoMKvpnEvi5F2vYh06rI_HZtrfWpm_26_yWWVG-te-Tt8cLASGdxeSrtkMN1vQWz3xxMpx1_3OH-495GoPscd6VFzWLGRFIoxsnpLoXV2ve_wHjM0Dsay-ZXz21Mi/s1600/Download-CustomizeMe-Template+Ready.png" style="border: 1px solid rgb(204, 204, 204); max-width: 600px; padding: 2px;" title="Free-Download-CustomizeMe-Template" width="200" /></a></div>
 Recommend: Also watch Attractive and SEO Friendly Widget for 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;">
Install Customize Me Template:</h3>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
Installation of CustomizeMe template is very easy even installation of any theme is very easy, you just follow given below steps. >> Go to Blogger Dashboard and open the targeted blog >> Click on "Template" button and hit "Backup/Restore" button on top right side 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">Download full template</a>" >> Open the CustomizedMe downloaded theme from this blog and open in Notepad/WordPad >> Select all the code by pressing Ctrl + A and copy >> Now again Go to "Template" and >  "Edit HTML" >> Select all the code of your current template and delete it and paste the code that you just copied from Notepad >> After that Preview your blog, if every thing is right then "Save" template. Note: This method might delete some of your widget, and if you want to keep this widget then simply > Go to "Template" > Hit on "Backup/Restore" button and upload/Browse CustomizeMe template. (Ignore above method) 
<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;">
Recent Posts and Comments Widget:</h3>
<div style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;">
 </div>
GO to "Template" > "Edit HTML" and click anywhere inside the code and press Ctrl + F to open the search box and replace the given below address with your blog address. ( You will find it twice and must change it with your link ) 
<blockquote style="background-color: #cccccc; border: 2px solid rgb(102, 102, 102); padding: 8px;">
http://every1posts.blogspot.com/</blockquote>
<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;">
Enable "About Author Profile":</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;">
Go to "Layout" then "Edit" link of the "Blog Posts" element. From the popup window check on the "Show Author Profile Below Post" option and hit save.</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;">
Customize Colors and Fonts in "CustomizeMe" Template:</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 can customize and change fonts and font colors. For this purpose Go to "Template" >"Customize". Here you can customize lots of cool stuff, even you can do each and every thing like change all the default fonts, text and background colors etc. </div>
 I hope you will enjoyed this Template. Please don't forget to share this post with your friends on social media sites, also share your thoughts and queries in comment section.

Free Download Customize Me Blogger SEO friendly Template

This the theme where you can do easily each and every thing without having any trouble. CustomizeMe is highly customizable template and S...