Make Money Online

Top 12 Responsive SEO Friendly Blogger Templates Free Download

<div dir="ltr" style="text-align: left;" trbidi="on">
Hello Friends! Today our topic is about best <a href="http://makemoneyonline72.blogspot.com/" target="_blank">Responsive and SEO Friendly Templates</a>. We know you are looking for best blogger template. I would like to say you, congratulations you are at the right place. Here I have to provided you best Responsive and SEO friendly blogger template. Templates is the most important thing for your Website or Blog. Template covers you full Website/Blog and it covers your all pots or pages. Template decides, how will you Blog look. If you chose template which perfect <b><a href="http://makemoneyonline72.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html" target="_blank">according to your needs</a></b>, it means it's <b><i>win to win situation</i></b> and if you select wrong template, you will loose your lot of time and lot of hard work. Here I'm showing you most popular 5 best blogger templates, So you can download it from here.<br />
<br />
<h3 style="text-align: left;">
<span style="background-color: white;"><span style="color: #351c75;">1. Cong-Ly Blogger Template:</span></span></h3>
<div>
<span style="background-color: white;"><span style="color: #351c75;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixOEr5hdvjFg59YCML_Gv1q5nn9clvlhO3IIl4Ui0oeXVY5XILU5oti_0T0Q7VFAj6Aevf_zugOpl_gAbSOJAwELxwRJgQW2JhN5nObqoSOl-jLI_6qD8u3zzPQQRdPXTZVFSvZUShziTx/s1600/Cong-ly-blogger-template-Ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Responsive-SEO-Friendly-Theme" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixOEr5hdvjFg59YCML_Gv1q5nn9clvlhO3IIl4Ui0oeXVY5XILU5oti_0T0Q7VFAj6Aevf_zugOpl_gAbSOJAwELxwRJgQW2JhN5nObqoSOl-jLI_6qD8u3zzPQQRdPXTZVFSvZUShziTx/s1600/Cong-ly-blogger-template-Ready.png" title="Cong-ly-Best-Blogger-Template" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://congly-helloximo.blogspot.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="See-how-it-is-looking" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Cong-ly-Live-Demo" /></a><span style="text-align: left;"> </span><a href="https://app.box.com/s/em8ugtdspxr4jkoo410k2ynlq0kjd8lm" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="free-download-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Download-Cong-ly-blogger-template" /></a></div>
<br />
<h3 style="text-align: left;">
<div style="background-color: #cccccc; border: 2px solid #666; padding: 8px;">
<span style="color: #b45f06;">Change Header Image:</span></div>
</h3>
Header Image is the main logo or Picture on the top of the template. Header Image is identification of you company or brand, So in order to change the image just,<br />
- Go to > <b>Template</b> from Blogger Dashboard, Click anywhere in HTML code and press Ctrl + F and write <b>"header"</b> in search box and find header image URL as shown in below image.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW2L75q8xf6D46tm-OCSdJRfY_1HKniGt05MB_Pmn_te4ucx7LAzkbziaA5IbjhPqVC_Pe62OX33wukVIb_1po__pfylcRuoAArxbrsjn42Yf6byn7QoPiZ857CZytIPsoIfJMTHoEZZH3/s1600/Change+Header+Image+Congly+Ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cong-ly-header-logo" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW2L75q8xf6D46tm-OCSdJRfY_1HKniGt05MB_Pmn_te4ucx7LAzkbziaA5IbjhPqVC_Pe62OX33wukVIb_1po__pfylcRuoAArxbrsjn42Yf6byn7QoPiZ857CZytIPsoIfJMTHoEZZH3/s1600/Change+Header+Image+Congly+Ready.png" title="Change-header-image" width="400" /></a></div>
<b>May be</b> when you write <b>"header"</b> in search box, you can enter for 3 times in order to find the right image header url.<br />
<br />
<h3 style="text-align: left;">
<div style="background-color: #cccccc; border: 2px solid #666; padding: 8px;">
<span style="color: #b45f06;">Customize Posts:</span></div>
</h3>
If you want to show the Home Page posts with thumbnail as like in Live Demo,<br />
- Go to <b>Template</b> from Blogger Dashboard, Click anywhere in HTML code and press Ctrl + F to open the search box and write <b>"Destination"</b> as shown in Live Demo.<br />
Replace <b>"Destination"</b> with your Label/Name. See image below for better understand.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji5znZmYhlhdQV7vfccWfwnW4feBGGw0GWzOvY3kAaQlMBEM-9gO1EObeM-aDYV_3z_oYEcimswUumIktSoFmrHRAzFFSdBfQngLpmYdFoY6vTuisijQH49DtW2g-Ch0IMptfA-IFTRgXe/s1600/capture-20150122-231025+Ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="View-post-thumbnail-image" border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji5znZmYhlhdQV7vfccWfwnW4feBGGw0GWzOvY3kAaQlMBEM-9gO1EObeM-aDYV_3z_oYEcimswUumIktSoFmrHRAzFFSdBfQngLpmYdFoY6vTuisijQH49DtW2g-Ch0IMptfA-IFTRgXe/s1600/capture-20150122-231025+Ready.png" title="Customize-Posts-Setting" width="400" /></a></div>
<br />
<h3 style="text-align: left;">
<span style="color: #351c75;">2. Awesome Mag Responsive Blogger Template:</span></h3>
You can use this theme for your blog because it have very <u>powerful features</u> and <u>SEO friendly</u>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsvCqsvAQmL51WTsKTYaPYl_uNTuCZnv0xfsA1sOoJ4cSMBf2fjX8i-R88xcy1ec-KKZDM8yZegYw0kDpyUndaBSRcp73en_p0WSvsc9l02IoLanNFh4W9gv38fbmWe9R5TjLLgeJUCbfs/s1600/Awesome-Mag.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SEO-Friendly-Blogger-Theme" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsvCqsvAQmL51WTsKTYaPYl_uNTuCZnv0xfsA1sOoJ4cSMBf2fjX8i-R88xcy1ec-KKZDM8yZegYw0kDpyUndaBSRcp73en_p0WSvsc9l02IoLanNFh4W9gv38fbmWe9R5TjLLgeJUCbfs/s1600/Awesome-Mag.png" title="Awesomw-Mag-responsive-Trmplate" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://theawesometheme.blogspot.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="screenshot-Blogger-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Demo-Awesome-Mag-Blogger-Template" /></a><a href="https://app.box.com/s/xfsawc50ci42mgixrjdxtzop7mbp0k3j" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Free-Download-Blogger-Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Download-Awesome-Mag-Blogger-Template" /></a></div>
<br />
<br />
<h3 style="text-align: left;">
<span style="color: #351c75;">3. Brand Mag UX Responsive Blogger Template:</span></h3>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-lzijwb6sUg4xZVvZzZalg9_-88a2B4eb2wL0TKE8qqJK-cs0PBN8Wf0A1VNGSIbo-slY2uBEmlp1mgrQixHF1WApW2MDN5WdfrXF996Lw7FqMZ57foNYvyaOWovL7Zg1oLQATIoZHeYn/s1600/Brand-Mag-UX-Responsive-Blogger-Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Best-Blogger-Theme" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-lzijwb6sUg4xZVvZzZalg9_-88a2B4eb2wL0TKE8qqJK-cs0PBN8Wf0A1VNGSIbo-slY2uBEmlp1mgrQixHF1WApW2MDN5WdfrXF996Lw7FqMZ57foNYvyaOWovL7Zg1oLQATIoZHeYn/s1600/Brand-Mag-UX-Responsive-Blogger-Template.png" title="Brand-Mag-UX-Blogger-Template" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://promagtheme.blogspot.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/qk0mik3zvw3r2pj3qr13sp0w91aemuk5" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<br />
<br />
<h3 style="text-align: left;">
<span style="color: #351c75;">4. Copy-Blogger V2 Responsive Blogger Template:</span></h3>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6woW4re2CUM9A5nrir2q6TFLI0yJ1LkTzOFcYxuIOb7YNUvZLaDonD4IkqvnrvZo6iI9W4PLmmzZK93HGDaPQPLBqdzri2uTtayXkilUOngZk1qNIvezDhFFQ2wcMDJI0xGAdVdVfNXrX/s1600/copyblogger-v2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Responsive-Blogger-Theme" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6woW4re2CUM9A5nrir2q6TFLI0yJ1LkTzOFcYxuIOb7YNUvZLaDonD4IkqvnrvZo6iI9W4PLmmzZK93HGDaPQPLBqdzri2uTtayXkilUOngZk1qNIvezDhFFQ2wcMDJI0xGAdVdVfNXrX/s1600/copyblogger-v2.png" title="Copy-Blogger-V2-Blogger-Template" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://copyblogger-responsive-template.blogspot.in/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/jd08rupjrs3j66lzkhski5gr90eyp0bk" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3 style="text-align: left;">
<span style="color: #351c75;">5. Exelencia Responsive Blogger Template:</span></h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ3K2cp-qGYnFVarBU0yu33YL7bFMaanKCCSvsHrZ7nujYHwRYJBT4pLs6PXzTDQptny1y1IloKFuT1OcS5e9GVPIirRbPEF45B5ZAaFbBhV9i0tq0C4gFQ2yMcoZqkZ5IQl45hXBC7Xo/s1600/elice-responsive-blogger-template-ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Best-Blogger-Template" border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ3K2cp-qGYnFVarBU0yu33YL7bFMaanKCCSvsHrZ7nujYHwRYJBT4pLs6PXzTDQptny1y1IloKFuT1OcS5e9GVPIirRbPEF45B5ZAaFbBhV9i0tq0C4gFQ2yMcoZqkZ5IQl45hXBC7Xo/s1600/elice-responsive-blogger-template-ready.png" title="Exelencia-Responsive-Blogger-Template" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://excelencia-ivy.blogspot.in/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/cc7321y97yp269edh9aawkgo92hhhpjl" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<br />
<br />
<h3 style="text-align: left;">
<span style="color: #351c75;">6. JP-Station Responsive Blogger Template:</span></h3>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXmnPxxDA1KwaBfpguWbVHgu60CPqEMTpplqMQYiJ4Zt1TLdFOoHztI5ypBojlGLaVoGUgudp-v7LvixZom197vEvyApz_ob4_BRIZ_dtYe503VCY-JfznvDgLhsz_vIYOh05ws63cLk3c/s1600/JP-Station-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Best-Blogger-Template" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXmnPxxDA1KwaBfpguWbVHgu60CPqEMTpplqMQYiJ4Zt1TLdFOoHztI5ypBojlGLaVoGUgudp-v7LvixZom197vEvyApz_ob4_BRIZ_dtYe503VCY-JfznvDgLhsz_vIYOh05ws63cLk3c/s1600/JP-Station-.jpg" title="JP-Station-Responsive-Blogger-Template" width="400" /></a></div>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://jpstation-ivy.blogspot.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/51qs50wjxed5p4c5e0x0l0beaiqqhbcc" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<div>
<span style="color: #351c75;"><br /></span></div>
<div>
<span style="color: #351c75;"><br /></span></div>
<div>
<b><span style="color: orange;">Recommended:</span></b><span style="color: #351c75;"> </span><span style="color: #38761d;"><a href="http://makemoneyonline72.blogspot.com/2015/01/customizeme-blogger-seo-friendly.html" target="_blank">Download SEO Friendly CustomizeMe Blogger Template:</a></span></div>
<h3 style="text-align: left;">
<span style="color: #351c75;">7. Max Mag Responsive Blogger Template:</span></h3>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtDO5_h7EQIAyDvnq8ajE8N99wPhtmh2Xav-6KOOjTDbmPxSZppS9vfFuN3ODcgYKPa3OQyjNn9_vlk4E0YCLHZTQWb9uvrqcWYI1PkjhXm7Om31r_1D2Fq0kaV7YEO3XOhDRv8nSUoegR/s1600/MaxMag-Responsive-Blogger-Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Best-Blogger-Template" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtDO5_h7EQIAyDvnq8ajE8N99wPhtmh2Xav-6KOOjTDbmPxSZppS9vfFuN3ODcgYKPa3OQyjNn9_vlk4E0YCLHZTQWb9uvrqcWYI1PkjhXm7Om31r_1D2Fq0kaV7YEO3XOhDRv8nSUoegR/s1600/MaxMag-Responsive-Blogger-Template.png" title="Max-Mag-Responsive-Blogger-Template" width="320" /></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://maxmagdemo.blogspot.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/zab04titpfgqoz2yz1qqb73u4u54sbyv" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<div>
<span style="color: #351c75;"><br /></span></div>
<div>
<span style="color: #351c75;"><br /></span></div>
<h3 style="text-align: left;">
<span style="color: #351c75;">8. Metro Classic Responsive Blogger Template:</span></h3>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv1YC4mdY_nYg3dF_OoCXP-tPYLiEPWnUiphFHFY-UzOAdGKCb5lSK2QObyH2OczkTEAOo8Jfa_nANBA-hTk0MjLqFQCFKpheocI37NyJYz1roST5MtklI8_q836dRFSqCYREZN9kQkG2E/s1600/Metro-Classic-Responsive-Blogger-Template-Ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Best-Blogger-Template" border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv1YC4mdY_nYg3dF_OoCXP-tPYLiEPWnUiphFHFY-UzOAdGKCb5lSK2QObyH2OczkTEAOo8Jfa_nANBA-hTk0MjLqFQCFKpheocI37NyJYz1roST5MtklI8_q836dRFSqCYREZN9kQkG2E/s1600/Metro-Classic-Responsive-Blogger-Template-Ready.png" title="Metro-Classic-Responsive-Blogger-Template" width="400" /></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://metroclassic.blogspot.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/n84y8bzxz80t9hoe8g0vrzrlipy5zkym" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<h3 style="text-align: left;">
<span style="color: #351c75;">9. Personal Mag Responsive Blogger Template:</span></h3>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCEGKBSWzrODKIoYDz9Q1RPS7_b2HZwCUNkvmelYBR18bcTDV-kw33ijZ2-kcfeoMxjNDpPL_lts-ndeqT8mbBJei8u1K00Wa7-cY6kZlvPPMfYte04vrIqCtgOzTecpIEiVtFmBzruFmr/s1600/Personal-Mag-Blogger-Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Best-Blogger-Template" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCEGKBSWzrODKIoYDz9Q1RPS7_b2HZwCUNkvmelYBR18bcTDV-kw33ijZ2-kcfeoMxjNDpPL_lts-ndeqT8mbBJei8u1K00Wa7-cY6kZlvPPMfYte04vrIqCtgOzTecpIEiVtFmBzruFmr/s1600/Personal-Mag-Blogger-Template.png" title="Personal-Mag-Responsive-Blogger-Template" width="400" /></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://personalmagtheme.blogspot.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/f7xzxizebps7gck6zwatr94o0d4tctjw" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<h3 style="text-align: left;">
<span style="color: #351c75;">10. Real Mag Responsive Blogger Template:</span></h3>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHSJsrkE_PvS_bg3KgATZliUY3VXCwt2IZ4jBXOyACEVrTorQ3lszwhxD9hsF2bxY4ZnVe0PwqzIlJLDd-5NURacl1MoTjNv9suXsW5rMb4zADC-_lXWbU_5Qyk1HSfHjiPqMBRRs4tVJl/s1600/Real-Mag-Blogger-Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Best-Blogger-Theme" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHSJsrkE_PvS_bg3KgATZliUY3VXCwt2IZ4jBXOyACEVrTorQ3lszwhxD9hsF2bxY4ZnVe0PwqzIlJLDd-5NURacl1MoTjNv9suXsW5rMb4zADC-_lXWbU_5Qyk1HSfHjiPqMBRRs4tVJl/s1600/Real-Mag-Blogger-Template.png" title="Real-Mag-Responsive-Blogger-Template" width="400" /></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://realmagtheme.blogspot.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/y80xo943r34skyogb9yu53i2g8ndscj2" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<h3 style="text-align: left;">
<span style="color: #351c75;">11. Sensational Responsive Blogger Template:</span></h3>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_LYXp3S29EHvzixJEuMC8u_z0BjlonWjN3yJSzJB2LD2EWS3zhtyJlTIhHY0XLi0pI4MCTs8nuPrV_CHkALBooeyqTTfYw0Jg6W8nxQfUednvA0RbCUQTetIs2baLGU0kyarv6bi4rCa/s1600/sensational-responsive-blogger-template-ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Best-Blogger-Theme" border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_LYXp3S29EHvzixJEuMC8u_z0BjlonWjN3yJSzJB2LD2EWS3zhtyJlTIhHY0XLi0pI4MCTs8nuPrV_CHkALBooeyqTTfYw0Jg6W8nxQfUednvA0RbCUQTetIs2baLGU0kyarv6bi4rCa/s1600/sensational-responsive-blogger-template-ready.png" title="Sensational-Responsive-Blogger-Template" width="400" /></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://sensational-blogger-template.blogspot.in/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/wsrbgzgoqd0c7bqa5k7zj7ocfcndt9zy" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<h3 style="text-align: left;">
<span style="color: #351c75;">12. Sevide Responsive Blogger Template:</span></h3>
<div>
<span style="color: #351c75;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSE76d46uMXUeQ8QwpGUSPYs9s9o7hpkLPhX3x54Atic-RHLzrJiTevzHdnU-7pvf_IBXu7PHND6IVQqbAbOCKXq5-x_cLPJovGHKmnkRkYfOgTjUV51y2zJhHkmMPoXP0swADX14sAfqy/s1600/Sevida-Responsive-Blogger-Template-ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Best-Blogger-Theme" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSE76d46uMXUeQ8QwpGUSPYs9s9o7hpkLPhX3x54Atic-RHLzrJiTevzHdnU-7pvf_IBXu7PHND6IVQqbAbOCKXq5-x_cLPJovGHKmnkRkYfOgTjUV51y2zJhHkmMPoXP0swADX14sAfqy/s1600/Sevida-Responsive-Blogger-Template-ready.png" title="Sevida-Responsive-Blogger-Template" width="382" /></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://sevida-satankmkr.blogspot.in/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Watch-Online-Responsive-theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_iLVnw9s-evAD4stQdJarqfRy-jAeh_9KFevYU5usBzqzQ_EPaDc0OgJdSEEehwotqzoz8sU3VBIXNDSB81t-zBzuPFM-9vieymw1CYRkdlee-L6WXOKfRsx3le2H8o57X30KNJXu8qh/s1600/live-demo-orange-button+Ready.png" title="Live-Demo-blogger-Template" /></a><a href="https://app.box.com/s/mw8ui4nhy4p7r3zlq44ei2d42kqbdvhi" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-SEO-Friendly-Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTqqt_Rg33FcH7jlp6LnbzfLkL7Jg7U7vmVQst3qR7At29zlhl1UMRPj3E48392JTEQpe9l7iON3f1uc2GYcXFqJ7MuXbBws6cATHsvXCMgmwZbgioQ8cIjewnlNsIeK81E6csltUQ74Z/s1600/Right-Download-Button.jpg" title="Free-Download-Blogger-Template" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Enjoy these themes. these all are SEO Friendly and very <b>powerful Responsive blogger templates</b>.</div>
<div>
You can give me a favor by <b>sharing</b> this post with your friends on social media sites. Don't forget to share you thoughts in comment section. </div>
<div>
<br /></div>
</div>

Top 12 Responsive SEO Friendly Blogger Templates Free Download

Hello Friends! Today our topic is about best Responsive and SEO Friendly Templates . We know you are looking for best blogger template. I w...

Add Popup Email Subscription Widget with Light Box Effect

<div dir="ltr" style="text-align: left;" trbidi="on">
This is really a <b><i>great widget</i></b> because any viewers can subscribe your blog by simply write own Email address in popup Email widget. It get the best attention of the visitors which makes them so effective in doing their job. A visitors either have to <b>subscribe your blog</b> or click on a cross icon to continue suffering on your blog. If you have quality content on your blog then many viewers will want subscribe your blog, so this widget will be <b><a href="http://makemoneyonline72.blogspot.com/" target="_blank">very helpful</a></b> for you.<br />
<br />
<b>Note:</b> The code I have provided below will show-up the subscription box when the page has been loaded.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh34CjzntypxhbE60fjlrwW8Wld1Rs4Wq0b8kNXui8L0d4d3bYEWiaAzkxYI4pCnl3UzT8giWn8rv37pcjSr4R4RxmmODZM2lWObdvsc3QKC5_3tlurFBTvMg6niULduSEFpSQ9QQx5HA5C/s1600/Email+subscription+popup+widget+Ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger-RSS-subscription-box" border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh34CjzntypxhbE60fjlrwW8Wld1Rs4Wq0b8kNXui8L0d4d3bYEWiaAzkxYI4pCnl3UzT8giWn8rv37pcjSr4R4RxmmODZM2lWObdvsc3QKC5_3tlurFBTvMg6niULduSEFpSQ9QQx5HA5C/s1600/Email+subscription+popup+widget+Ready.png" title="Popup-Email-Subscription-Widget" width="400" /></a></div>
<br />
<br />
<h3 style="text-align: left;">
<span style="color: #0b5394;"><u>Install Popup Email subscription Box in Blogger:</u></span></h3>
<br />
<br />
- Go to Blogger and log-in to your account<br />
<br />
- Select your blog and navigate to the "Template" section<br />
<br />
- Hit on "Edit HTML" Button<br />
<br />
- Click anywhere inside the code and press Ctrl + F to open the search box<br />
<br />
- Find <span style="background-color: #999999;"><body></span> tag and replace with the given below code<br />
<br />
<blockquote style="background-color: #cccccc; border: 2px solid #666; padding: 8px;">
<span style="background: #F3F3F3; color: #4f6228; font-family: "Arial","sans-serif"; font-size: 13.5pt; line-height: 115%; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #4F6228; mso-style-textfill-fill-colortransforms: lumm=50000; mso-style-textfill-fill-themecolor: accent3; mso-themecolor: accent3; mso-themeshade: 128;"><body onload='lightbox_open()'></span></blockquote>
<br />
- Now just after that paste the given below code<br />
<br />
<br />
<blockquote style="background-color: #cccccc; border: 2px solid #666; padding: 8px;">
<span style="background: #EAEAEA; color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><div id="light"> <div style='position:absolute;left:-20px;top:-20px;text-align:center;font-size:31px;width:40px;height:40px;background-color:white;border:4px solid black;border-radius:100%;color:black;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif' onClick="lightbox_close();">X</div>  <center><img style='width:400px;height:125px;' src='</span><span style="background: #EAEAEA; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="color: red;">https://lh5.googleusercontent.com/-wsjbg3uaeUU/VLbFISkW_xI/AAAAAAAAAWw/jYnp3D3MLQc/w400-h125-no/MakeMoneyOnline72.BlogSpot.png</span><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #323232; font-size: 13.5pt; line-height: 115%;">'></img></center><span class="apple-converted-space" style="color: red;"> </span></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"><form id='sub' action="http://feedburner.google.com/fb/a/mailverify?uri=</span></span><span style="font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="color: magenta;">makemoneyonline-72</span><span style="background: rgb(234, 234, 234); color: #444444; font-size: 13.5pt; line-height: 115%;">" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=</span></span><span style="font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="color: magenta;">makemoneyonline-72</span><span style="background: rgb(234, 234, 234); color: #444444; font-size: 13.5pt; line-height: 115%;">', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"><center> <p style='font-size:35px;margin-bottom:15px;'>Subscribe To Our Mailing List</p> <input class='sbox' id='sbox' type='text' name='uri' placeholder='Your Email Address...'/></center></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"><input class='sbutton' id='sbutton' style='border:0; vertical-align: top;' name='upload' type='submit' value='Subscribe'/></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"></form></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"><center><p style='font-family:Source Sans Pro, sans-serif;' ><b>P.S</b> I will never spam you...100% GUARANTEED!</p></center></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"></div></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"><div id="fade"></div></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'/></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><br />
</span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"><style></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">input:focus</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">{</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">outline: 0.5px solid #4c004c;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">#sbutton {</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">padding: 5px;font-size:30px;margin-top:10px;width:500px;margin-left:50px;:font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">background-color:#DFDFDF;}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">form { margin:0px;font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">#sbox {</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">width: 500px;height:30px;vertical-align:bottom;}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">#sbox:focus{</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">border: 1px solid #4c004c;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">#fade{</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    display: none;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    position: fixed;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    top: 0%;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    left: 0%;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    width: 100%;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    height: 100%;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    background-color: #000;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    z-index:1001;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    -moz-opacity: 0.7;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    opacity:.70;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    filter: alpha(opacity=70);</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">#light{</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    display: none;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    position: fixed;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    top: 29%;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    left: 29%;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    width: 600px;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    height: 400px;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    margin-left: -150px;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    margin-top: -100px;              <span class="apple-converted-space"> </span></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    padding: 10px;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    border: 2px solid #FFF;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    background: white;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    z-index:1002;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    overflow:visible;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"></style></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"><script></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><br />
</span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><br />
</span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">window.document.onkeydown = function (e)</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">{</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    if (!e){</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">        e = event;</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    }</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    if (e.keyCode == 27){</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">        lightbox_close();</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    }</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">function lightbox_open(){</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"> window.scrollTo(0,0);</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    document.getElementById('light').style.display='block';</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    document.getElementById('fade').style.display='block';<span class="apple-converted-space"> </span></span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">function lightbox_close(){</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    document.getElementById('light').style.display='none';</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">    document.getElementById('fade').style.display='none';</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><br />
</span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><br />
</span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;">}</span></span><span style="color: #323232; font-family: "Book Antiqua","serif"; font-size: 13.5pt; line-height: 115%;"><span style="background: #EAEAEA;"></script></span></span></blockquote>
<br />
<h3 style="text-align: left;">
<span style="color: #073763;"><u>Customization:</u></span></h3>
<div>
<span style="color: #073763;"><br />
</span></div>
* Change the Blog Image/Logo URL in <span style="color: #990000;"><b>red</b></span> with your logo url ( you can make this url by uploading image/logo on Google + site )<br />
<br />
* Replace the Feed Burner "User Name" in <span style="background-color: white;"><span style="color: magenta;"><b>pink</b></span></span> with your Feed Burner User Name<br />
<br />
* Now it's complete. Hit on "<b>Save</b>" template button<br />
<br />
<b>Recommended:</b> <a href="http://makemoneyonline72.blogspot.com/2015/01/customizeme-blogger-seo-friendly.html" target="_blank">Free Download CustomizeMe SEO Friendly Template</a><br />
<br />
Do let me know how this <b><i>widget is working</i></b> on your blog.If you are having any trouble with this subscription box then leave your experience down in the <i>comment section</i> below. I'll fix any bugs present in this widget and off-course if you liked it just stay turned for more :)<br />
<br />
<br /></div>

Add Popup Email Subscription Widget with Light Box Effect

This is really a great widget because any viewers can subscribe your blog by simply write own Email address in popup Email widget. It get ...

Free Download CustomizeMe Blogger SEO friendly Template

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
</div>
<br />
This the theme where you can do easily each and every thing without having any trouble. <b><i>CustomizeMe</i></b> is highly <a href="http://makemoneyonline72.blogspot.com/" target="_blank">customizable template</a> and SEO friendly to <b><i>index your blog faster</i></b>. 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 "<b>Customize</b>" 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.<br />
<br />
<h3 style="text-align: left;">
<span style="color: #351c75;">Powerful Features Of This Template:</span></h3>
<br />
 1. Movable/Fixed Left Navigation Menu Bar<br />
 2. Customized Popular Post<br />
 3. Flat and Grid Design<br />
 4. Recent Comments<br />
 5. Recent Posts<br />
 6. Expandable Search Bar<br />
 7. Page Numbering<br />
 8. Author Bio Box With Image<br />
 9. Floating Social Bar Widget<br />
10. Related Posts with Thumbnail<br />
11. SEO Friendly<br />
12. 404 Error Page<br />
<ol style="text-align: left;"></ol>
<h2 style="text-align: center;">
<span style="color: #990000;">Download Template:</span></h2>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://customizeme-template.blogspot.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Check-live-template" border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3yKO_RRUSVEVcNqEBoBee_cFoIYi7WFQwYutb9oEKIG7rFaolvn6ILbcXYi4dOiKKWmH0r_Wyj3KnwUdVq4XbZEy9RsSl9qae44gPduXqfPGbF1pCduA3Di41O1ZD5JOh_8j-RNHnFAdt/s1600/Blog-live-demo+Ready.png" title="CustomizeMe-Live-Preview" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://app.box.com/Customize-Me-full-SEO-friendly" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Download-Theme-Free" border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSsBJeX0Y8aMBb7a6aTy7r70Jbu18wXNi54LDzG2uxF99s2FpDxiEf0jwk2De5YMGOjGf7GKlCweHs0Z64SDu0VdkznlJlW9A5YL5GSX5WHIcY_e9A_4O6WJGFcy2pALKToyhvxt-Sq7h/s1600/Download-CustomizeMe-Template+Ready.png" title="Free-Download-CustomizeMe-Template" width="200" /></a></div>
<br />
<b>Recommend:</b> <a href="http://makemoneyonline72.blogspot.com/search/label/SEO" target="_blank">Also watch Attractive and SEO Friendly Widget for Blogger</a><br />
<br />
<h3 style="text-align: left;">
<span style="color: #351c75;">Install Customize Me Template:</span></h3>
<div>
<span style="color: #351c75;"><br />
</span></div>
Installation of CustomizeMe template is very easy even installation of any theme is very easy, you just follow given below steps.<br />
<br />
>> Go to Blogger Dashboard and open the targeted blog<br />
<br />
>> Click on "<b>Template</b>" button and hit "<b>Backup/Restore</b>" button on top right side and "<a href="http://makemoneyonline72.blogspot.com/" target="_blank">Download full template</a>"<br />
<br />
>> Open the CustomizedMe downloaded theme from this blog and open in Notepad/WordPad<br />
<br />
>> Select all the code by pressing Ctrl + A and copy<br />
<br />
>> Now again Go to "<b>Template</b>" and >  "<b>Edit HTML</b>"<br />
<br />
>> Select all the code of your current template and delete it and paste the code that you just copied from Notepad<br />
<br />
>> After that Preview your blog, if every thing is right then "<b>Save</b>" template.<br />
<br />
<br />
<b>Note:</b> This method might delete some of your widget, and if you want to keep this widget then simply > Go to "<b>Template</b>" > Hit on "<b>Backup/Restore</b>" button and upload/Browse CustomizeMe template. (Ignore above method)<br />
<br />
<h3 style="text-align: left;">
<span style="color: #351c75;">Recent Posts and Comments Widget:</span></h3>
<div>
<span style="color: #351c75;"><br />
</span></div>
GO to "<b>Template</b>" > "<b>Edit HTML</b>" 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 )<br />
<br />
<blockquote style="background-color: #cccccc; border: 2px solid #666; padding: 8px;">
<b>http://makemoneyonline72.blogspot.com</b></blockquote>
<br />
<h3 style="text-align: left;">
<span style="color: #351c75;">Enable "About Author Profile":</span></h3>
<div>
<span style="color: #351c75;"><br />
</span></div>
<div>
Go to <b>"Layout"</b> then <b>"Edit"</b> link of the <b>"Blog Posts"</b> element. From the popup window <b>check</b> on the "Show Author Profile Below Post" option and hit save.</div>
<div>
<br /></div>
<h3 style="text-align: left;">
<span style="color: #351c75;">Customize Colors and Fonts in "CustomizeMe" Template:</span></h3>
<div>
<span style="color: #351c75;"><br />
</span></div>
<div>
You can customize and change fonts and font colors. For this purpose Go to <b>"Template"</b> > <b>"Customize"</b>. 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>
<br />
I hope you will enjoyed this Template. Please don't forget to <b>share</b> this post with your friends on social media sites, also share your thoughts and queries in comment section.<br />
<br />
<br />
<br /></div>

Free Download CustomizeMe 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 an...

Add/Install Google+ and Blogger Comments With Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
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://makemoneyonline72.blogspot.com/" 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 <b><i>Blogger and Google plus</i></b>. Users/Viewers can comments on your post even on your Google plus share post. As you know Google plus is <a href="http://makemoneyonline72.blogspot.com/2015/01/add-social-sharing-icons-with-email.html" target="_blank"><b>Google property</b></a> 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.<br />
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3MoYyEW-EZ1Dyg3U1ekjoi2IiglgAdHYQApwPZTZukYAsbeeUlqRdZQ-WeuL75jI-568Zl2ABYs_qUf6X0qNIr7KmMYHzXJiFDbTZWRaDdD-7uoEQsgIVl_Xw-aSoy4MTfVt8zNhyphenhyphenfVAs/s1600/Google+++and+Blogger+Comment+ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Install-blogger-and-Google-plus-comments" border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3MoYyEW-EZ1Dyg3U1ekjoi2IiglgAdHYQApwPZTZukYAsbeeUlqRdZQ-WeuL75jI-568Zl2ABYs_qUf6X0qNIr7KmMYHzXJiFDbTZWRaDdD-7uoEQsgIVl_Xw-aSoy4MTfVt8zNhyphenhyphenfVAs/s1600/Google+++and+Blogger+Comment+ready.png" title="Integrate-google-plus-and-Blogger-comment" width="320" /></a></div>
<br />
<br /></div>
<div>
By this way you can <b><a href="http://makemoneyonline72.blogspot.com/2014/10/complete-blogger-blog-settings-features.html" target="_blank">increase blog Traffic</a></b>, 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>
<br />
<b>Recommended:</b> <a href="http://makemoneyonline72.blogspot.com/2014/08/make-money-from-youtube-with-videos.html" target="_blank">How to Make Money on YouTube</a></div>
<div>
<h3 style="text-align: left;">
How to Integrate Google Plus and Blogger Comments:</h3>
</div>
<div>
<br /></div>
<div>
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>
<br /></div>
<div>
<span style="color: #073763;"><b>Step 1.</b></span> Go to your <b>Blogger Dashboard</b>, Open specific Blog, <b>></b> then select <b>"Template"</b> and click on <b>"Edit HTML"</b></div>
<div>
<br /></div>
<div>
<b><span style="color: #073763;">Step 2.</span></b> Clock anywhere on the code and press <b>Ctrl + F</b> to open the search box, Now Find the code below</div>
<div>
<br /></div>
<blockquote class="tr_bq">
<b><i><span style="background: #F9F9F9; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-font-family: Arial; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;"><b:include data='post' name='post'/></span></i></b></blockquote>
<div>
<br /></div>
<div>
<b><span style="color: #073763;">Step 3.</span></b> Copy the given below code and paste just <i><span style="background: #F9F9F9; color: #7f7f7f; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-font-family: Arial; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #7F7F7F; mso-style-textfill-fill-colortransforms: lumm=50000; mso-style-textfill-fill-themecolor: background1; mso-themecolor: background1; mso-themeshade: 128;"><b:include data='post' name='post'/></span></i> after it</div>
<div>
<br /></div>
<blockquote style="border: 2px solid rgb(102, 102, 102); padding: 8px;">
<span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><span style="background-color: white;"> </span><span style="background-color: #f3f3f3;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></span><span style="background-color: #f3f3f3;"><span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFa8IFVZUs0obKNnNyuisOBCNjRlSfL2umkaz7KnoQNacnGL-jyz2I5LIXvFiAQwd8SvO00gtBPTJvZE9J-5mSb3bv67ehZy6fX3ZBomp8YIllcX_8DgnGjhmgqk1-QhO_4OFi-fZCqxUD/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></span><span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><div class='comments-icons'></span><span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">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/AVvXsEjoRDnfcugONDco9E7cAvbiBiz3Cy1AAy08hdXHK98DcfjtN6aQm1c7vp0jKip7wbS6-QhCW-Wrg6CcCB7MltcCc9uTe9h6X8sNY_Y-srOyUG7a_RasNnlV8rEbs3dinSWLbySHgpnn5v5v/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/AVvXsEjp0T_UMMk9IouesPpJibuKcB2RE9-yAJICFFFbYYdaGo1BKk6U9VFNaavMcDMk0z6fXNYpsgk41f59rH7bEuHr063K8QIqw2ooWJw6ky6cvU3rU403QtcBPEkYQb4feDT3-LbV-kUrZ3u-/s1600/blogger-logo.png' width='35'/></a></span><span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></div></span><span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><div id='gplus-comments-visibility'></span><span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' </span><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'</span><span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">expr:data-href='data:post.url'/></span><span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></div>       </span><span style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></b:if></span></span></blockquote>
<div>
<br /></div>
<div>
<b><span style="color: #073763;">Step 4.</span></b>  The code <span style="background-color: #f9f9f9; color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">data-width='550'</span> indicate that you can change easily by increasing/decreasing '550' according to your <b>blog size</b>.</div>
<div>
<br /></div>
<div>
<b><span style="color: #073763;">Step 5.</span></b> Now <b>Save</b> your Template, and check your blog to see if you have successfully added this code to blogger</div>
<div>
<br /></div>
<div>
<b>Note:</b> If this code is not working for you it means you must have to put JQuery script in <head> </head> section </div>
<div>
<br /></div>
<h3 style="text-align: left;">
Add JQuery script: </h3>
<div>
Paste the given below code before the <b></head></b> tag</div>
<div>
<br /></div>
<blockquote class="tr_bq">
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/></span></blockquote>
<div>
<br /></div>
<div>
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>
<br /></div>
<div>
<b><i>Share this post</i></b> of this site with your friends on <b>social media sites</b>. If you have any Question and any problem feel free to contact me in comment section.</div>
<div>
<br /></div>
<div>
<br /></div>
</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 ho...

Add Social Sharing Icons with Email Subscription Widget Below Every Post

<div dir="ltr" style="text-align: left;" trbidi="on">
You have a <b>blog</b> and if your blog is with out collaboration of <b><i>social media sites</i></b>, 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 <a href="http://makemoneyonline72.blogspot.com/2015/01/add-attractive-email-subscription.html" target="_blank">Email subscribe</a> widget and <a href="http://makemoneyonline72.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html" target="_blank">facebook page like</a> 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.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xlQ40COXxR_MDk0iDh7WyvMhvid0vrPOvxuLmUbHsN-1zX_TxovFttJATxkbyVXXw2xoTrRNwX-nsDAzUqXHGgIDAsEXR20CS7bENQx_RM7vvOw-soxJQfI8k7W6vn3qC6ZFdy1BlYtY/s1600/Social+sharing+with+Email+subscription+Widget+Ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add-Social-icons-with-Email-RSS-widget" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xlQ40COXxR_MDk0iDh7WyvMhvid0vrPOvxuLmUbHsN-1zX_TxovFttJATxkbyVXXw2xoTrRNwX-nsDAzUqXHGgIDAsEXR20CS7bENQx_RM7vvOw-soxJQfI8k7W6vn3qC6ZFdy1BlYtY/s1600/Social+sharing+with+Email+subscription+Widget+Ready.png" title="Social-Sharing-with-Email-Subscription-Widget" width="400" /></a></div>
<br />
<b>Recommended:</b> <a href="http://makemoneyonline72.blogspot.com/2015/01/add-attractive-email-subscription.html" target="_blank">Add Attractive Email Subscription Widget in Blogger</a><br />
<h3 style="text-align: center;">
Instructions to Add Widget in Blogger:</h3>
<div style="text-align: left;">
1- Go to blogger Dash Board <b style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"><span style="font-size: xx-small;"><span style="color: mediumblue;"><span style="font-size: x-small;">→ </span></span></span></b> <b>Template</b> <b style="background-color: white; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"><span style="font-size: xx-small;"><span style="color: mediumblue;"><span style="font-size: x-small;">→ </span></span></span></b><b> Edit HTML</b><br />
<br />
2- After it Find the shown code below by pressing Ctrl+F (Click anywhere in code then press Ctrl+F)<br />
<br />
<blockquote class="tr_bq">
<b style="background-color: #eeeeee; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"><code><data:post.body/></code></b></blockquote>
3- Now Copy code shown below and paste just after ( <b style="background-color: #eeeeee; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"><code><data:post.body/> )</code></b> it.<br />
<br />
<blockquote class="tr_bq">
<code><b><span style="color: #424547; font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><b:if
cond='data:blog.pageType == "item"'></span></b></code><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><style></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code>.email{clear:both;width:100%;margin:10px
0;}.emailform{position:relative;width:300px;margin:0 auto;}</code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code>.emailbutton{padding:8px
!important;}</code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code>.emailform,
.emailinput{width:98%
!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;}</code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><br /></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code></style></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><center></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><div
style='font-size: 22px;'><b>Share this article with your friends.</b></div><p
id='socialicons'></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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/AVvXsEhP_UHmNp-wTffAvNmTTwTvIVnJpYCQk7_gNlkKraf6eVCG9xPAepFTYuMSOqN_CexRAbgBsSL7BjJ90lL1cDaMnSA1W1at1trBYhwGu0ZG0sAdVB7BZd0JQHwf-KwwGaYwzILEv7QHbtU/h120/pctoolstips.blogspot.com.png'/></a></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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/AVvXsEh087d3bwKF-Oqr-oQiXTrompXgKxIaUd-86LSAsCAWG63nZybXagoytjURHLtI0c7F5Il1Eqls-C-W4uM49ZldnWFPNtA3kIIcYzQQbNed09M-E5Sny4IVe-Rvi0NkrPis9q4GnCpED9s/h120/pctoolstips.blogspot.com.png'/></a></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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/AVvXsEiYe6-4FurpSokYUAgTdyDIzDXi6DrYWsPWgcA35fl6W9u7uGDZQrQXVs-rcU2vJiN2LNeru1ZQ1OPZpK2jqy6vzSCSv-Fsm2LBs-6y080nNvFUrxrD2qhU3A2NpufGCDG7nDEsJKPXabE/h120/pctoolstips.blogspot.com.png'/></a></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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/AVvXsEidS_P33TVdBLiY4Goq5aqAMIPrGS85KxVm3CeehHnQLqDW5tFgUv8khKc9SPyNiLzuQbCSpCeYQaQ6bvemsCbOSSlQ2v1rdRAX6B5fod2AHb87_I3UERwkHG5fU4lSJ3nT415LRo-Ew9U/h120/pctoolstips.blogspot.com.png'/></a></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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/AVvXsEhkt4vX95FK9TEY07xNiCpFvzccmmQlkjh5lEz6MCa_3PNrqxUP0W0f_Dgod9AqkpAIGsaVDyj7SA6kTz4cBOb3l8v4jQ7ALqDk0WCfm4Qna8KYrW-azqxmoaXf9EnvfyChGi4c0miPsU0/h120/pctoolstips.blogspot.com.png'/></a></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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/AVvXsEhFnnVA4inBAlWjtxdcvRmE4-fU019zKAQVhYQ3FjCzw_HHNh5GlXCHKcTdz0-MNtYzBUZBLZ_3RwgQMm0AwP2kszq1fwm8ClyK-2jV9eHG4nbdZTQwdMfOTV-zWbciWlzeJyk42qhFYdo/h120/pctoolstips.blogspot.com.png'/></a></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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/AVvXsEhz8e4OOh1E6gerUPOedtV-TqqblhHwOlSFPWbb0xUVv26lYX7lHtR4kfsZCL-gx-ikQFWkL3ppcMdTVevxmQFKttmYVuvvfjVQSrdfUFaiQRzy9j5FpaHyXLpjWkKxsUt7sEXSatmswJU/h120/pctoolstips.blogspot.com.png'/></a></p></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><div
style='margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; '></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><div
style='float:left; width:272px; border-right:1px solid #ddd;'></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><iframe
allowtransparency='true' frameborder='0' scrolling='no'
src='http://www.facebook.com/plugins/likebox.php?href=</code></span></b><code><b><span style="color: purple; font-size: 18.0pt; line-height: 115%; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">URL HERE</span></b></code><code><b><span style="color: #424547; font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">&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;'/></span></b></code><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code></div></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><div
style='margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;'></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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></span></b><code><b><span style="color: blue; font-size: 18.0pt; line-height: 115%; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">USERNAME2</span></b></code><code><b><span style="color: #424547; font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">&amp;show_count=true&amp;show_screen_name=true&amp;size=l'
style='width: 266px; height: 32px;' title='Twitter Follow Button'/></span></b></code><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><script
src='http://platform.twitter.com/widgets.js' type='text/javascript'/></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code></div></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code></div></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><div
class="email"></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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></span></b><code><b><span style="color: red; font-size: 18.0pt; line-height: 115%; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">USERNAME1</span></b></code><code><b><span style="color: #424547; font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true" class="emailform"></span></b></code><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><input
type="hidden" value="</code></span></b><code><b><span style="color: red; font-size: 18.0pt; line-height: 115%; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">USERNAME1</span></b></code><code><b><span style="color: #424547; font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">" name="uri"
/></span></b></code><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><input
type="hidden" name="loc" value="en_US" /></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><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></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code><input
type="submit" class="emailbutton" value="SignUp"
title='' /></form></div><div dir="ltr"
style="text-align: Right;" trbidi="on"><a
href="</code></span></b><br />
<span style="color: #424547; font-family: monospace;"><span style="font-size: 13px; line-height: 15.3333320617676px;"><b>http://makemoneyonline72.blogspot.com/2015/01/add-social-sharing-icons-with-email.html</b></span></span><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code>"
target="_blank" ><span style="font-size:
xx-small;">Get This</span></a></div></code></span></b><b><span style="color: #424547; font-family: "Courier New"; font-size: 10.0pt; line-height: 115%;"><code></center></b:if></code></span></b></blockquote>
<div class="MsoNormal">
<o:p></o:p></div>
<br />
<h3 style="text-align: center;">
Customize this Widget</h3>
<div>
4- Replace <span style="color: red;"><b>USERNAME1</b></span> with your Feed Burner user name {by pressing Ctrl+F}</div>
<div>
<br /></div>
<div>
5- Replace <span style="color: #a64d79;"><b>URL HERE</b></span> with you Facebook fan page URL</div>
<div>
<br /></div>
<div>
6- Replace <span style="color: blue;"><b>USERNAME2</b></span> with you Twitter user name. </div>
<div>
<br /></div>
<div>
7- Save Targeted widget and Enjoy.</div>
<div>
<br /></div>
<div>
<b>Note:</b> If this widget doesn't appear after paste Code, then find next [ <b style="background-color: #eeeeee; color: #424547; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"><code><data:post.body/></code></b> ] 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 <b><a href="http://makemoneyonline72.blogspot.com/" target="_blank">show below every post</a></b>. </div>
<div>
<br /></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 <b>share</b> this post with your friends in <b>social media sites</b>.</div>
<div>
<br /></div>
<div>
<br /></div>
</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 Attractive Email Subscription Widget in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Add amazing RSS Subscription Form:</b> This is really a very <a href="http://makemoneyonline72.blogspot.com/" target="_blank">great feature</a> to add like this widget in blogger, by adding this widget you can easily increase your <b>Subscribers </b>and<b> Viewers. </b>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.<br />
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm8suIBc2Z3USgRmJccY__yVF9q9LtEfE5gQo-Q089twVYaBbPozR0w03gL3hRut4ix-8JYSLcb9w9UUzmMH0sw-U0al3MRalRX2IdZenzW021CjAVnHeD8CzL2TuoBWoqHDtHWOuhnRbh/s1600/RSS+Subscription+Widget+Ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="RSS-Subscription-form-in-blogger" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm8suIBc2Z3USgRmJccY__yVF9q9LtEfE5gQo-Q089twVYaBbPozR0w03gL3hRut4ix-8JYSLcb9w9UUzmMH0sw-U0al3MRalRX2IdZenzW021CjAVnHeD8CzL2TuoBWoqHDtHWOuhnRbh/s1600/RSS+Subscription+Widget+Ready.png" title="Add-Email-Subscription-widget" width="320" /></a></div>
<br />
<b>Recommended:</b> <a href="http://makemoneyonline72.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html" target="_blank">Add JQuery Facebook popup window in blogger</a></div>
<h3 style="text-align: left;">
Add RSS Subscription form in blogger:</h3>
<div>
<br /></div>
<div>
You just need to follow given below steps.</div>
<div>
<b><br /></b></div>
<div>
<b>* Go to desired blog > > Select Layout > > Click on "Add a Gadget" link</b><br />
<b><br />* From the popup window, scroll down and click on the "HTML/JavaScript" gadget</b><br />
<b><br />* Now Copy the given below code and paste in empty "HTML/JavaScript" gadget.</b><br />
<ul style="text-align: left;">
</ul>
<br />
<ul style="text-align: left;">
</ul>
<blockquote class="tr_bq">
<div class="MsoNormal">
<span class="apple-converted-space"><i><span style="background: #F9F9F9; color: #666666; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%;"> </span></i></span><i><span style="background: #F9F9F9; color: #666666; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%;"><style></span></i><i><span style="color: #666666; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%;"><br />
<span style="background: #F9F9F9;">.hl-email{</span><br />
<span style="background: #F9F9F9;">background:url(</span></span></i><b><i><span style="border: none windowtext 1.0pt; color: #38761d; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%; mso-border-alt: none windowtext 0cm; padding: 0cm;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNBwtG8Hh7dMxw7t9-INoUBApaH0RSAvqlNA6UVameJsw6Hw5jSt9b8xMf8jdIcvxEJ0vZSNjCf35Gu1A9qEIi2e4IPzDi6gqF0TCOXZcyqFqCNkaNfIguEnE2ItMqOaHSkZYikoT0tLw/s1600/mail.png</span></i></b><i><span style="background: #F9F9F9; color: #666666; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%;">) no-repeat 0px 12px ;</span></i><i><span style="color: #666666; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%;"><br />
<span style="background: #F9F9F9;">width:300px;</span><br />
<span style="background: #F9F9F9;">padding:10px 0 0 55px;</span><br />
<span style="background: #F9F9F9;">float:left;</span><br />
<span style="background: #F9F9F9;">font-size:1.4em;</span><br />
<span style="background: #F9F9F9;">font-weight:bold;</span><br />
<span style="background: #F9F9F9;">margin:0 0 10px 0;</span><br />
<span style="background: #F9F9F9;">color:#686B6C;</span><br />
<span style="background: #F9F9F9;">}</span><br />
<span style="background: #F9F9F9;">.hl-emailsubmit{</span><br />
<span style="background: #F9F9F9;">background:#9B9895;</span><br />
<span style="background: #F9F9F9;">cursor:pointer;</span><br />
<span style="background: #F9F9F9;">color:#fff;</span><br />
<span style="background: #F9F9F9;">border:none;</span><br />
<span style="background: #F9F9F9;">padding:3px;</span><br />
<span style="background: #F9F9F9;">text-shadow:0 -1px 1px rgba(0,0,0,0.25);</span><br />
<span style="background: #F9F9F9;">-moz-border-radius:6px;</span><br />
<span style="background: #F9F9F9;">-webkit-border-radius:6px;</span><br />
<span style="background: #F9F9F9;">border-radius:6px;</span><br />
<span style="background: #F9F9F9;">font:12px sans-serif;</span><br />
<span style="background: #F9F9F9;">}</span><br />
<span style="background: #F9F9F9;">.hl-emailsubmit:hover{</span><br />
<span style="background: #F9F9F9;">background:#E98313;</span><br />
<span style="background: #F9F9F9;">}</span><br />
<span style="background: #F9F9F9;">.textarea{</span><br />
<span style="background: #F9F9F9;">padding:2px;</span><br />
<span style="background: #F9F9F9;">margin:6px 2px 6px 2px;</span><br />
<span style="background: #F9F9F9;">background:#f9f9f9;</span><br />
<span style="background: #F9F9F9;">border:1px solid #ccc;</span><br />
<span style="background: #F9F9F9;">resize:none;</span><br />
<span style="background: #F9F9F9;">box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);</span><br />
<span style="background: #F9F9F9;">-moz-box-shadow:inset 1px 1px 1px
rgba(0,0,0,0.1);</span><br />
<span style="background: #F9F9F9;">-webkit-box-shadow:inset 1px 1px 1px
rgba(0,0,0,0.1); font-size:13px;</span><br />
<span style="background: #F9F9F9;">width:</span></span></i><b><i><span style="border: none windowtext 1.0pt; color: #cc0000; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%; mso-border-alt: none windowtext 0cm; padding: 0cm;">130</span></i></b><i><span style="background: #F9F9F9; color: #666666; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%;">px;</span></i><i><span style="color: #666666; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%;"><br />
<span style="background: #F9F9F9;">color:#666;}</span><br />
<span style="background: #F9F9F9;"></style></span><br />
<span style="background: #F9F9F9;"><div class="hl-email"></span><br />
<span style="background: #F9F9F9;">Subscribe via Email <form
action="http://feedburner.google.com/fb/a/mailverify"
id="feedform" method="post" target="popupwindow" onsubmit="window.open('</span></span></i><i><span style="border: none windowtext 1.0pt; color: blue; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%; mso-border-alt: none windowtext 0cm; padding: 0cm;">http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72</span></i><i><span style="background: #F9F9F9; color: #666666; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%;">', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true"></span></i><i><span style="color: #666666; font-family: "Georgia","serif"; font-size: 8.5pt; line-height: 115%;"><br />
<span style="background: #F9F9F9;"><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" /></span><br />
<span style="background: #F9F9F9;"><input type="hidden" value=”makemoneyonline-72"
name="uri"/><input type="hidden" name="loc"
value="en_US"/></span><br />
<span style="background: #F9F9F9;"><input class="hl-emailsubmit"
value="Submit" type="submit" /></span><br />
<span style="background: #F9F9F9;"></form></span><br />
<span style="background: #F9F9F9;"></div></span></span></i><o:p></o:p></div>
</blockquote>
<div class="MsoNormal">
<o:p></o:p></div>
<h3 style="text-align: left;">
Setting:</h3>
<div>
<br />
<b>* Replace the URL in <span style="color: #38761d;">green</span> to change the Email icon.</b><br />
<b><br />* To change the width or the text area, increase/decrease <span style="color: #cc0000;"><i>130</i></span>px in red.</b><br />
<b><br />* Replace the '<i><a href="http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72">http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72</a>'</i> with </b><b>your feed burner url.</b><br />
<b><br />* Replace the "<i>makemoneyonline-72</i>" with your feed burner name.</b><br />
<b><br />* Now Save the widget, and again save Layout.</b><br />
<ul style="text-align: left;">
</ul>
<ul style="text-align: left;">
</ul>
</div>
<div>
<br />
Keep <b><i><u>visiting this blog</u></i></b> to get latest post. Don't forget to <b><i>share</i></b> this post with your Friends on Social Media Sites.<br />
<br /></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
</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 Facebook JQuery Popup like box with BackGround Image in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
As you know <i><b>Faceboo</b></i>k is the largest social media site in world and billion of people are attached to it. You can <u>share</u> your thoughts and ideas with your friends on Facebook. Specially if you have <i><u><b>Blogs</b></u></i> or <i><u><b>Website</b>s</u></i> then you must want to be <b>popular</b> on facebook. Facebook is that place where you can have more and more <b><i><a href="http://makemoneyonline72.blogspot.com/2014/08/complete-blogger-seo-search-engine.html" target="_blank">back-links</a>.</i></b> 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.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6SJ7TT9JHHQP2wJivvSp9Z32YUAmAhi_VSkGT-tmb3cSs0VKXy2k-oDYv4-QpFXmiLKzv53bnZ9wTLeQl2weEngooXi9O740RFiQ5BaFxKFd35PbODaaRsJnZr3SsJi6LUeA_DrbKhZH/s1600/Facebook+popup+by+MakeMoneyOnline72.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Facebook-like-box" border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6SJ7TT9JHHQP2wJivvSp9Z32YUAmAhi_VSkGT-tmb3cSs0VKXy2k-oDYv4-QpFXmiLKzv53bnZ9wTLeQl2weEngooXi9O740RFiQ5BaFxKFd35PbODaaRsJnZr3SsJi6LUeA_DrbKhZH/s1600/Facebook+popup+by+MakeMoneyOnline72.PNG" title="JQuery-Facebook-Popup" width="400" /></a></div>
<br />
<h2 style="text-align: left;">
Facebook popup Widget:</h2>
<div>
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 <a href="http://www.facebook.com/earnmoneyonline72/" rel="nofollow" target="_blank">facebook page</a>, he will like the page without doing anything further. </div>
<h3 style="text-align: left;">
Add this Widget on your Blog:</h3>
<div>
<ol style="text-align: left;">
<li>Firstly open the Blog on which you want to add this widget</li>
<li>Go to > <b>Layout > Add a Gadget</b></li>
<li>Select <b>HTML/JavaScript </b>after this</li>
<li>Put this code given below</li>
</ol>
<blockquote class="tr_bq">
<div class="MsoNormal">
<i><span style="background: white; color: #888888; font-family: "Georgia","serif";"><script
src="http://makingdifferent.github.com/blogger-widgets/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script></span></i><i><span style="color: #888888; font-family: "Georgia","serif";"><br />
<span style="background: white;"><style type="text/css"></span><br />
<span style="background: white;">#colorbox, #cboxOverlay, #cboxWrapper{</span><br />
<span style="background: white;">position:absolute;</span><br />
<span style="background: white;">top:0;left:0;</span><br />
<span style="background: white;">z-index:9999;</span><br />
<span style="background: white;">overflow:hidden;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxOverlay{</span><br />
<span style="background: white;">position:fixed;</span><br />
<span style="background: white;">width:100%;</span><br />
<span style="background: white;">height:100%;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxMiddleLeft,#cboxBottomLeft{</span><br />
<span style="background: white;">clear:left;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxContent{</span><br />
<span style="background: white;">position:relative;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxLoadedContent{</span><br />
<span style="background: white;">overflow:auto;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxTitle{</span><br />
<span style="background: white;">margin:0;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxLoadingOverlay,#cboxLoadingGraphic{</span><br />
<span style="background: white;">position:absolute;</span><br />
<span style="background: white;">top:0;left:0;</span><br />
<span style="background: white;">width:100%;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxPrevious, #cboxNext,
#cboxClose,#cboxSlideshow{</span><br />
<span style="background: white;">cursor:pointer;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">.cboxPhoto{</span><br />
<span style="background: white;">float:left;</span><br />
<span style="background: white;">margin:auto;</span><br />
<span style="background: white;">border:0;</span><br />
<span style="background: white;">display:block;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">.cboxIframe{</span><br />
<span style="background: white;">width:100%;</span><br />
<span style="background: white;">height:100%;</span><br />
<span style="background: white;">display:block;</span><br />
<span style="background: white;">border:0;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxOverlay{</span><br />
<span style="background: white;">background:#000000;</span><br />
<span style="background: white;">opacity:0.5 !important;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#colorbox{</span><br />
<span style="background: white;">/*box-shadow*/</span><br />
<span style="background: white;">-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);</span><br />
<span style="background: white;">-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);</span><br />
<span style="background: white;">box-shadow:0 0 15px rgba(0,0,0,0.4);</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxTopLeft{</span><br />
<span style="background: white;">width:14px;</span><br />
<span style="background: white;">height:14px;</span><br />
<span style="background: white;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat 0 0;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxTopCenter{</span><br />
<span style="background: white;">height:14px;</span><br />
<span style="background: white;">background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png)
repeat-x top left;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxTopRight{</span><br />
<span style="background: white;">width:14px;</span><br />
<span style="background: white;">height:14px;</span><br />
<span style="background: white;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat -36px 0;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxBottomLeft{</span><br />
<span style="background: white;">width:14px;</span><br />
<span style="background: white;">height:43px;</span><br />
<span style="background: white;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat 0 -32px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxBottomCenter{</span><br />
<span style="background: white;">height:43px;</span><br />
<span style="background: white;">background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png)
repeat-x bottom left;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxBottomRight{</span><br />
<span style="background: white;">width:14px;</span><br />
<span style="background: white;">height:43px;</span><br />
<span style="background: white;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat -36px -32px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#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><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxMiddleRight{</span><br />
<span style="background: white;">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><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxContent{</span><br />
<span style="background: white;">background:#fff;</span><br />
<span style="background: white;">overflow:visible;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxLoadedContent{</span><br />
<span style="background: white;">margin-bottom:5px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#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><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#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><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxTitle{</span><br />
<span style="background: white;">position:absolute;bottom:-25px;</span><br />
<span style="background: white;">left:0;</span><br />
<span style="background: white;">text-align:</span><br />
<span style="background: white;">center;width:100%;</span><br />
<span style="background: white;">font-weight:bold;</span><br />
<span style="background: white;">color:#7C7C7C;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxCurrent{</span><br />
<span style="background: white;">position:absolute;</span><br />
<span style="background: white;">bottom:-25px;</span><br />
<span style="background: white;">left:58px;</span><br />
<span style="background: white;">font-weight:bold;</span><br />
<span style="background: white;">color:#7C7C7C;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxPrevious, #cboxNext, #cboxClose,
#cboxSlideshow{</span><br />
<span style="background: white;">position:absolute;</span><br />
<span style="background: white;">bottom:-29px;</span><br />
<span style="background: white;">background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat 0px 0px;</span><br />
<span style="background: white;">width:23px;</span><br />
<span style="background: white;">height:23px;</span><br />
<span style="background: white;">text-indent:-9999px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxPrevious{</span><br />
<span style="background: white;">left:0px;</span><br />
<span style="background: white;">background-position:-51px -25px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxPrevious.hover{</span><br />
<span style="background: white;">background-position:-51px 0px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxNext{</span><br />
<span style="background: white;">left:27px;</span><br />
<span style="background: white;">background-position:-75px -25px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxNext.hover{</span><br />
<span style="background: white;">background-position:-75px 0px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxClose{</span><br />
<span style="background: white;">right:0;</span><br />
<span style="background: white;">background-position:-100px -25px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#cboxClose.hover{</span><br />
<span style="background: white;">background-position:-100px 0px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">.cboxSlideshow_on #cboxSlideshow{</span><br />
<span style="background: white;">background-position:-125px 0px;</span><br />
<span style="background: white;">right:27px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">.cboxSlideshow_on #cboxSlideshow.hover{</span><br />
<span style="background: white;">background-position:-150px 0px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">.cboxSlideshow_off #cboxSlideshow{</span><br />
<span style="background: white;">background-position:-150px -25px;</span><br />
<span style="background: white;">right:27px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">.cboxSlideshow_off #cboxSlideshow.hover{</span><br />
<span style="background: white;">background-position:-125px 0px;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#mdfb{</span><br />
<span style="background: white;">font:12px/1.2
Arial,Helvetica,san-serif;color:#666;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#mdfb a,#mdfb a:hover,#mdfb a:visited{</span><br />
<span style="background: white;">text-decoration:none;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">.mdbox-title{</span><br />
<span style="background: white;">background:#000;</span><br />
<span style="background: white;">color:#fff;</span><br />
<span style="background: white;">font-size:20px !important;</span><br />
<span style="background: white;">font-weight:bold;</span><br />
<span style="background: white;">margin:10px 0;</span><br />
<span style="background: white;">border:20px solid #ddd;</span><br />
<span style="background: white;">/*border-radius*/</span><br />
<span style="background: white;">-webkit-border-radius:6px;</span><br />
<span style="background: white;">-moz-border-radius:6px;</span><br />
<span style="background: white;">border-radius:6px;</span><br />
<span style="background: white;">/*box-shadow*/</span><br />
<span style="background: white;">-webkit-box-shadow:5px 5px 5px #CCCCCC;</span><br />
<span style="background: white;">-moz-box-shadow:5px 5px 5px #CCCCCC;</span><br />
<span style="background: white;">box-shadow:5px 5px 5px #CCCCCC;</span><br />
<span style="background: white;">padding:10px;</span><br />
<span style="background: white;">line-height:25px;</span><br />
<span style="background: white;">font-family:arial !important;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">.mdbox-tagline{</span><br />
<span style="background: white;">color:#999;</span><br />
<span style="background: white;">margin:0;</span><br />
<span style="background: white;">text-align:center;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">#mdsubs-container{</span><br />
<span style="background: white;">padding:35px 0 30px 0;</span><br />
<span style="background: white;">position:relative;</span><br />
<span style="background: white;">}a:link,a:visited{</span><br />
<span style="background: white;">border:none;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;">.demo{</span><br />
<span style="background: white;">display:none;</span><br />
<span style="background: white;">}</span><br />
<span style="background: white;"></style></span><br />
<span style="background: white;"><script type="text/javascript"></span><br />
<span style="background: white;">jQuery(document).ready(function(){</span><br />
<span style="background: white;">if (document.cookie.indexOf('visited=</span><b><span style="background: #FFD966;">true</span></b><span style="background: white;">') ==
-1) {</span><br />
<span style="background: white;">var fifteenDays = 1000*60*60*24*30;</span><br />
<span style="background: white;">var expires = new Date((new Date()).valueOf() +
fifteenDays);</span><br />
<span style="background: white;">document.cookie =
"visited=true;expires=" + expires.toUTCString();</span><br />
<span style="background: white;">$.colorbox({width:"600px",
inline:true, href:"#mdfb"});</span><br />
<span style="background: white;">}});</span><br />
<span style="background: white;"></script></span><br />
<span style="background: white;"><div style='display:none'></span><br />
<span style="background: white;"><div id='mdfb' style='padding:10px;
background:#fff;'></span><br />
<span style="background: white;"><center></span><br />
<span style="background: white;"><table
align="center"background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxTDo152U2sLi1d_UtuS2RBXdlHf86l5BJ7HQOtRFeu8eA6BfBSLxVamRRnCQ5fHf8SV1p0JUIOUWpKgjyI41sMfu05SwCGBkl8z5oHCesj-IULG6MT1Shr-BWV_VGUjJWMCD6ObdcfY_c/s1600/adsense+background+image%2528gj37765.blogspot.com.jpg.png"
border="0" height="300" style="width: 505px;"></span><br />
<span style="background: white;"><tbody></span><br />
<span style="background: white;"><tr></span><br />
<span style="background: white;"><td height="345" width="505"></span><br />
<span style="background: white;"><div align="right"></span><br />
<span style="background: white;"><iframe
src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/</span><b><span style="background: #B6D7A8;">earnmoneyonline72</span></b><span style="background: white;">&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><br />
<span style="background: white;"></iframe></div></span><br />
<span style="background: white;"></td></span><br />
<span style="background: white;"></tr></span><br />
<span style="background: white;"></tbody></span><br />
<span style="background: white;"></table></span><br />
<span style="background: white;"></center></span><br />
<span style="background: white;"><p style="
float:right;margin-right:35px;font-size:9px;"></span><br />
<span style="background: white;">By <a style="
font-size:9px;color:#3B78CD;text-decoration:none;"
href="</span></span></i><span style="color: #888888; font-family: Georgia, serif;"><i>http://makemoneyonline72.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html</i></span><i><span style="color: #888888; font-family: "Georgia","serif";"><span style="background: white;">">MakeMoneyOnline72</a>
| <a style=" font-size:9px;color:#3B78CD;text-decoration:none;"
href="</span></span></i><span style="color: #888888; font-family: Georgia, serif;"><i>http://makemoneyonline72.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html</i></span><i><span style="color: #888888; font-family: "Georgia","serif";"><span style="background: white;"> ">Get This !</a></span></span></i><br />
<i><span style="color: #888888; font-family: "Georgia","serif";">
<span style="background: white;"></p></span><br />
<span style="background: white;"></div></span><br />
<span style="background: white;"></div></span></span></i></div>
</blockquote>
<br />
<b>Recommended:</b> <a href="http://makemoneyonline72.blogspot.com/2014/09/how-to-earn-money-online-at-home-with.html" target="_blank">How to Make Money through Facebook</a>.<br />
<h2 style="text-align: left;">
Customize: </h2>
</div>
<div>
<ul style="text-align: left;">
<li>Replace the <b><a href="http://www.facebook.com/earnmoneyonline72/" target="_blank">earnmoneyonline72</a> </b>with your facebook page name.</li>
<li>If you want every time popup of this widget simply replace <span style="background-color: #6aa84f;">true</span> with <b style="background-color: #e06666;">false</b></li>
</ul>
<b><br /></b></div>
<div style="text-align: left;">
<b>Note: </b>By adding this code on Blog if it doesn't appear, it means there is no <b>JQuery </b>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.<br />
<h3 style="text-align: left;">
How to Add:</h3>
<div>
<ul style="text-align: left;">
<li>Go to > <b>Blogger Dashboard</b> > <b>Template</b> > <b>Edit HTML</b></li>
<li>Add the given below code before <b></head></b> tag, save the template</li>
</ul>
</div>
<blockquote class="tr_bq">
<span style="background-color: white; color: #888888; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; font-style: italic; line-height: 26px; text-align: justify;"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></span></blockquote>
 Also share this info. with your friends on <b>Social Media Sites</b> and follow us on Facebook, Twitter and Google+.<br />
<ul style="text-align: left;">
</ul>
</div>
</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 ...