Make Money Online: Blogger Widgets

Show HTML|CSS Code as Plane Text in Blogger Post

<div dir="ltr" style="text-align: left;" trbidi="on">
How to show HTML, CSS, Javascript etc coeds show as plane text in Blogger post? That is very simple and easy to implement on Blog. By this action you can give a <a href="http://makemoneyonline72.blogspot.com/" target="_blank">professional look</a> of you blog. If your blog is attractive for your users and beneficial for your users, then your visitors come again and again on your blog. So keep update your blog, If you have to add some coding in your blogger post then you need to learn it. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYqOneL-h-4bV7kRWcbMHPRkrzI9HRhV4WKKbCfFlitgAioeXgnMA-hDcVYQlIs081LD7Zq-gGc1NwPphrNyqZoRQSgSczGrQxQUmpd2vdYZeiCbgG6-hIt4y1ft5pLcJETQLy7rgPati3/s1600/Syntex-Highlighter.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Show as a plane text" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYqOneL-h-4bV7kRWcbMHPRkrzI9HRhV4WKKbCfFlitgAioeXgnMA-hDcVYQlIs081LD7Zq-gGc1NwPphrNyqZoRQSgSczGrQxQUmpd2vdYZeiCbgG6-hIt4y1ft5pLcJETQLy7rgPati3/s320/Syntex-Highlighter.jpg" title="Display-HTML-code-in-blogger-post" width="320" /></a></div>
 
Related: <a href="http://makemoneyonline72.blogspot.com/2015/06/add-disqus-commenting-system-on-blogger.html" target="_blank"><strike>Install Disqus Commenting System on Blogger</strike></a> 
 
Recommended: <a href="http://makemoneyonline72.blogspot.com/2015/01/download-seo-friendly-blogger-templates.html" target="_blank"><strike>Top 12 Responsive Blogger Templates</strike></a> 
 
How to show your code after adding the code in blogger template: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoam-i8KkYGMvf0xeD1fdg75MZ4R5F81n52vGtK-FRqASTQaUT-Ue5yP5aGZjKLD1Hw2AYPIm7B9Qto8LYM9e-h_CKeTBQVO84q3jXckf2ZBhHeSsnFzJA_xGO-o5I1nY5NwAyQ5T_bMC/s1600/Show-HTML-codes-as-plane-text-ready.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger post in HTML" border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoam-i8KkYGMvf0xeD1fdg75MZ4R5F81n52vGtK-FRqASTQaUT-Ue5yP5aGZjKLD1Hw2AYPIm7B9Qto8LYM9e-h_CKeTBQVO84q3jXckf2ZBhHeSsnFzJA_xGO-o5I1nY5NwAyQ5T_bMC/s320/Show-HTML-codes-as-plane-text-ready.jpg" title="HTML code as Plane Text" width="320" /></a></div>
 
You can watch the below Video and can understand all the maters. That is the way to make blog cool for users and others. 
 
<div itemscope="" itemtype="http://schema.org/VideoObject">
<h2>
Video: Show HTML|CSS Code as Plane Text in Blogger Post</h2>
 
<iframe allowfullscreen="" frameborder="0" height="350" src="//www.dailymotion.com/embed/video/x2tjm8g" width="660"></iframe> 
 
 Make a <a href="http://makemoneyonline72.blogspot.com/" target="_blank"><strike>professional blog</strike></a> with some extra advance features.</div>
 
Note: when you publish any HTML post, select your coding and then press "Quote" button only one time. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVfcsTbU82bTSltF5ZmaA5Wsdv_DZtAmiNPLubrnpHQ68I-r-1BAdyPTo_DN_s8fmX9LFGNXafJ_L6eu9P_kKqxcBFqg_8_1OAttiAL1eV1hnvtcM60vPwy2rK_9ERKl6ymzMrF-7ILncg/s1600/Blogger-quote-function-ready.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger-quote-html-text" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVfcsTbU82bTSltF5ZmaA5Wsdv_DZtAmiNPLubrnpHQ68I-r-1BAdyPTo_DN_s8fmX9LFGNXafJ_L6eu9P_kKqxcBFqg_8_1OAttiAL1eV1hnvtcM60vPwy2rK_9ERKl6ymzMrF-7ILncg/s320/Blogger-quote-function-ready.jpg" title="blogger-quote-option" width="320" /></a></div>
 
Share this post of this Blog with your friends. And also don't forget to comment in comment section. Thanks in Advance! 
 </div>

Show HTML|CSS Code as Plane Text in Blogger Post

How to show HTML, CSS, Javascript etc coeds show as plane text in Blogger post? That is very simple and easy to implement on Blog. By this action you can give a professional look of you blog. If your…

11 Jun 2015

Add Disqus Commenting System on Blogger Video Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
Disqus is the best tool for comments on blogger or web. Nowadays almost every blogger are using <a href="http://disqus.com/" rel="nofollow" target="_blank">Disqus</a> for better commenting. By this method you can generate you traffic, because it give some awesome features. And you visitors must share own thought in disqus commenting system. Disqus feature gives suggestion about related comments. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihGuxk9ugkVmy5GhsO3Trzz6pXU6p43o_n8c8Dzg0Ow1iQmzw7Pmppj0Vy6FcS7eOfeWkPJqDzXktYMd9fAbAbUhRrbRVXMpJhiNAiSsmuD7e8AqBUO_K398z-8JtsQKd2Zx0Kx6SYmkkg/s1600/disqus.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Disqus-commenting-system" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihGuxk9ugkVmy5GhsO3Trzz6pXU6p43o_n8c8Dzg0Ow1iQmzw7Pmppj0Vy6FcS7eOfeWkPJqDzXktYMd9fAbAbUhRrbRVXMpJhiNAiSsmuD7e8AqBUO_K398z-8JtsQKd2Zx0Kx6SYmkkg/s320/disqus.png" title="Install-Disqus-on-Blogger" width="320" /></a></div>
 
 
Recommended: <a href="http://makemoneyonline72.blogspot.com/2015/05/top-free-classifieds-ads-posting-sites.html" target="_blank">Top Free Classified Ads Posting Site 100% Working</a> 
<h3 style="text-align: left;">
How to Install Disqus on Blogger:</h3>
You just need to watch the video below. I have been discussed all the methods and features about Disqus in Video. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdxekjF0JRJMu-adruvcPCflHn_9F1Cv-6SlhESadgJYEdT_xwVn-JP3hYnIvs17dDvHnf6OKgozg5rKGSnaGtGLGTVaa9vNQHiH4LM9TBLpeQho7Gwn76QDDScoolSNf96WP9OzKzzal/s1600/commenting-system.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="comment-through-visitors" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdxekjF0JRJMu-adruvcPCflHn_9F1Cv-6SlhESadgJYEdT_xwVn-JP3hYnIvs17dDvHnf6OKgozg5rKGSnaGtGLGTVaa9vNQHiH4LM9TBLpeQho7Gwn76QDDScoolSNf96WP9OzKzzal/s1600/commenting-system.jpg" title="Add-Disqus-better-result" /></a></div>
 
<div itemscope="" itemtype="http://schema.org/VideoObject">
<h2>
Video: Add Disqus Commenting System on Blogger</h2>
 
<iframe allowfullscreen="" frameborder="0" height="350" src="//www.dailymotion.com/embed/video/x2tbb8y" width="660"></iframe> 
 
Disqus provides you the best and complete platform to make it easy for visitors</div>
 
Related: <a href="http://makemoneyonline72.blogspot.com/2015/04/download-install-android-apps-on-pc.html" target="_blank"><strike>Download and Install Android Apps on PC</strike></a> 
 
Releated: <a href="http://makemoneyonline72.blogspot.com/2015/06/add-vertical-social-sharing-buttons-Blogger.html" target="_blank"><strike>Static Vertical Social Sharing Buttons for Blogger</strike></a> 
<h3 style="text-align: left;">
Change Disqus Username in HTML Script:</h3>
1. Login to your blogger blog 
 
2. Go to "Template" >> "Edit HTML" 
 
3. Click anywhere in the code and press "CTRL + F" 
 
4. Paste the code below in "Search Bar" 
 
<blockquote class="tr_bq">
<div id='disqus-shortname' style='display:none'>sevidamkrdezign</div></blockquote>
5. Change "sevidamkrdezign" with your Disqus Username. 
 
 If you like this Post, Please Share this post with your Friends on Social Media Sites. And also share your discussion in comment section. 
 </div>

Add Disqus Commenting System on Blogger Video Tutorial

Disqus is the best tool for comments on blogger or web. Nowadays almost every blogger are using Disqus for better commenting. By this method you can generate you traffic, because it give some awesome…

09 Jun 2015

Sharethis Social Sharing Buttons Below Every Post Video Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
Social Sharing Buttons below every post by <a href="http://www.sharethis.com/" rel="nofollow" target="_blank">sharethis.com</a> is the powerful and wonderful tool to famous your blog around all the <a href="http://makemoneyonline72.blogspot.com/search/label/Social%20Media" target="_blank">Social Network Sites</a>. Personally I am using it and getting extra advantage. It gives different types of buttond, icons and methods to add in your blog. You can change buttons, size, methods and place. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3X_JjzuNlpDqtXQRZ_ei4uZFPhJpPayyb3j1jml1ufyOWRWR1UWCFNeXtvG102_SKPXRVUGiiNzC2b8kS9RMtgiEWjx5nw7P6XVqdoqFnfPiFUKE7opgbF5HePzunZm0u0FWG-u-Xnou-/s1600/Social-Sharing-Buttons.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Social-Sharing-Buttons" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3X_JjzuNlpDqtXQRZ_ei4uZFPhJpPayyb3j1jml1ufyOWRWR1UWCFNeXtvG102_SKPXRVUGiiNzC2b8kS9RMtgiEWjx5nw7P6XVqdoqFnfPiFUKE7opgbF5HePzunZm0u0FWG-u-Xnou-/s320/Social-Sharing-Buttons.jpg" title="Share-your-Blog" width="320" /></a></div>
 
Releated: <a href="http://makemoneyonline72.blogspot.com/2015/06/add-vertical-social-sharing-buttons-Blogger.html" target="_blank"><strike>Add Static Vertical Social Sharing Icons using Addthis</strike></a> 
 
You can learn each and every thing about <a href="http://www.sharethis.com/" rel="nofollow" target="_blank">sharethis.com</a> through below video. If you want to share your blog on multiple social media sites in no time, then I prefer you to use <a href="https://chrome.google.com/webstore/detail/sharethis/lplpcpijdokpnbjcklakgabohjgneidi" rel="nofollow" target="_blank">sharethis chrome extension</a>. By this trick you can easily share your multiple blogs on multiples social media sites. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbgcqBM6z34rGZPSJZWhZWMCjkxVDru36vi_XzxnRnapfMI_ya6wbul1lbFcDrFe4yQ6WbbrXo7q_U2ioE5XPs_6KdiYz3BIU2KFMO80o440aBFnPVVFfeWiVNk9RExRlH6sedUBeI2la/s1600/share-this-com.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Easy-Share-with-Sharethis" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbgcqBM6z34rGZPSJZWhZWMCjkxVDru36vi_XzxnRnapfMI_ya6wbul1lbFcDrFe4yQ6WbbrXo7q_U2ioE5XPs_6KdiYz3BIU2KFMO80o440aBFnPVVFfeWiVNk9RExRlH6sedUBeI2la/s320/share-this-com.jpg" title="Social-Sharing-Media-Tool" width="320" /></a></div>
 
 Recommended: <a href="http://makemoneyonline72.blogspot.com/2015/01/add-popup-email-subscription-widget.html" target="_blank"><strike>Popup Email Subscription Widget for Blogger</strike></a> 
 
<div itemscope="" itemtype="http://schema.org/VideoObject">
<h2>
Video: Sharethis Social Sharing Buttons Below Every Post</h2>
 
 
 
<iframe allowfullscreen="" frameborder="0" height="350" src="//www.dailymotion.com/embed/video/x2ta6bk" width="650"></iframe> 
 
Social Sharing buttons/icons most important part for any bloggers, So keep update about these things</div>
 
Also <a href="http://makemoneyonline72.blogspot.com/" target="_blank"><strike>Share this post</strike></a> of this Blog with your Friends on Social Media Sites. And if you have any question fell free to ask in comment section. Thanks in Advance!</div>

Sharethis Social Sharing Buttons Below Every Post Video Tutorial

Social Sharing Buttons below every post by sharethis.com is the powerful and wonderful tool to famous your blog around all the Social Network Sites. Personally I am using it and getting extra advanta…

09 Jun 2015

Add Vertical Social Sharing Buttons in Blogger With Addthis

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Today with this post you are learning how to get huge number of visitors through <a href="http://addthis.com/" rel="nofollow" target="_blank">Addthis.com</a> with Video Tutorial. Addthis is the powerful tool for social sharing widgets. There are thousands of ways to attach different types of <a href="http://makemoneyonline72.blogspot.com/2015/01/add-social-sharing-icons-with-email.html" target="_blank">Social Sharing icons or buttons</a>, but I personally use Addthis tool for sharing my blog on social media sites. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0P276fg9bQVmBGz3BRE9bnDOZ9UBSS03n1B8R0Hf32CJSTAccwTgB3JtOoFrfFQV-zPFTPR5VgckTOa_qW2Mg8PtxCUPQ4yKmLYnkTwLgeZOwh1Ko8UoMEWPUa6jdpOBPOtDa2XUO8wvN/s1600/Static-Verticle-Sharing-Icon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Share-with-addthis" border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0P276fg9bQVmBGz3BRE9bnDOZ9UBSS03n1B8R0Hf32CJSTAccwTgB3JtOoFrfFQV-zPFTPR5VgckTOa_qW2Mg8PtxCUPQ4yKmLYnkTwLgeZOwh1Ko8UoMEWPUa6jdpOBPOtDa2XUO8wvN/s320/Static-Verticle-Sharing-Icon.jpg" title="Vertical-Social-Sharing-Icons" width="320" /></a></div>
 
Related Posts: <strike><a href="http://makemoneyonline72.blogspot.com/2015/01/add-social-sharing-icons-with-email.html" target="_blank">Social Sharing Icons with Email below Every Post</a></strike> 
 
Recommended: <a href="http://makemoneyonline72.blogspot.com/2015/06/social-sharing-icons-below-every-post.html" target="_blank">Social Sharing Icons below Every Post By Sharethis</a> 
 
Addthis provides many attractive features of Sharing buttons. You just have to create an account with Addthis. And then one time copy and paste script provided by <a href="http://addthis.com/" rel="nofollow" target="_blank">Addthis.com</a> in your blogger HTML (in the body section). 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_7h_NDMXopmkv1VCQJGv5e_aJ8JDcViWy0WKEYXsoS0ixpeNNnFzeXRBO3ROo1qd-g9On5WV2lylGqFRNBNGA-TWyn8dZmEl37XZm4SiLaCcrmvQ75XFGCrdXSCwczBkOnHJOVini7Ilo/s1600/addthiscom.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Addthis-Social-Tool" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_7h_NDMXopmkv1VCQJGv5e_aJ8JDcViWy0WKEYXsoS0ixpeNNnFzeXRBO3ROo1qd-g9On5WV2lylGqFRNBNGA-TWyn8dZmEl37XZm4SiLaCcrmvQ75XFGCrdXSCwczBkOnHJOVini7Ilo/s400/addthiscom.jpg" title="Easiest-way-to-Share" width="400" /></a></div>
 
 
Watch the full Video Tutorial Below. 
 
<div itemscope="" itemtype="http://schema.org/VideoObject">
<h2>
Video: Add Vertical Social Sharing Buttons in Blogger With Addthis</h2>
 
 
 
<iframe allowfullscreen="" frameborder="0" height="340" src="//www.dailymotion.com/embed/video/x2t646p" width="640"></iframe> 
 
Add beautiful Social Sharing Icons on Blogger for the purpose of drive huge Traffic</div>
 
Also Visit: <a href="http://makemoneyonline72.blogspot.com/2015/02/add-most-attractive-widgets-on.html" target="_blank"><strike>Most Advance Widgets by GetSiteControl</strike></a> 
 
Also Share this Post with your Friends on <a href="http://makemoneyonline72.blogspot.com/search/label/Social%20Media" target="_blank"><strike>Social Media Sites</strike></a>, And don't forget to share your thought in comment section. 
 </div>
</div>
</div>
</div>

Add Vertical Social Sharing Buttons in Blogger With Addthis

Today with this post you are learning how to get huge number of visitors through Addthis.com with Video Tutorial. Addthis is the powerful tool for social sharing widgets. There are thousands of ways …

09 Jun 2015

Add Most Attractive Widgets on Blog/Website From GetSiteControl

<div dir="ltr" style="text-align: left;" trbidi="on">
Today <a href="http://makemoneyonline72.blogspot.com/search/label/SEO" target="_blank">SEO</a> made very <a href="http://makemoneyonline72.blogspot.com/search/label/SEO" target="_blank">simple and easy</a>. Now this post is related to SEO and basically I'm going to telling you how to add widget/gadget on Blog/Web from GetSiteControl. These are very useful and attractive widgets for your Blog. Through these widgets you can get Attention, Subscribes and Visitors on you Blog/Web, because its appearance is very different, amazing and attractive. On these widgets one more positive thing is you can change and adjust these widgets according to you Blog/Web. You can change color, you can change theme, you can change font, you can change background and each and every thing. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJ0LtQyf3VcaUOzW6jXiCcwPfdg6HofDivTqigzVSehrJb9iz2KzwZAT-x7doyt9tJ761IHrb58jUIC4v__X4NHcSs3MGGAlse3euwnDaBrjEJ1TzRz9dejx4a-x90cNmdWg3oTl9XnUk/s1600/GetSiteControl+Ready.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Attractive-Widgets-Get-Visitors" border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJ0LtQyf3VcaUOzW6jXiCcwPfdg6HofDivTqigzVSehrJb9iz2KzwZAT-x7doyt9tJ761IHrb58jUIC4v__X4NHcSs3MGGAlse3euwnDaBrjEJ1TzRz9dejx4a-x90cNmdWg3oTl9XnUk/s1600/GetSiteControl+Ready.png" title="Add-GetSiteControl-Widget" width="400" /></a></div>
 
<h3 style="text-align: left;">
 
</h3>
<h3 style="text-align: left;">
 
</h3>
<h3 style="text-align: left;">
 
</h3>
<h3 style="text-align: left;">
 
</h3>
<div>
Recommended: <a href="http://makemoneyonline72.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html" target="_blank">How to </a><a href="http://makemoneyonline72.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html" target="_blank">Add Facebook JQuery Popup Widget</a></div>
<h3 style="text-align: left;">
How To Use GetSiteControl:</h3>
<a href="https://getsitecontrol.com/" rel="nofollow" target="_blank">GetSiteControl</a> gives you more then 7 awesome widgets for Blogger, WordPress and every platform. Thousand of people likes this. I hope you'll also like it. I also make a Video about this topic that how to add GetSiteControl Widget on you Blog/Web. Must Watch Video Below 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZgecXKTELfWRR_bu0tZJLGqb1Ma747umn1MvdQ_xgN2dNkWxHBmvFhM8OKvLWx2o7EaOx11vA_7an0tyd582prFvjA6GZ1H-oI0agt0b3Vcr1oMHcrOPUTlJkSXoyI4N28SwDklzMZA7L/s1600/Get+Visitors+Ready.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add-GetSiteControl-Gadget" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZgecXKTELfWRR_bu0tZJLGqb1Ma747umn1MvdQ_xgN2dNkWxHBmvFhM8OKvLWx2o7EaOx11vA_7an0tyd582prFvjA6GZ1H-oI0agt0b3Vcr1oMHcrOPUTlJkSXoyI4N28SwDklzMZA7L/s1600/Get+Visitors+Ready.png" title="Beautiful-Attractive-Widgets" width="400" /></a></div>
 
<h3 style="text-align: left;">
Usage Of GetSiteControl Video:</h3>
<div>
<div class="video-holder" itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject">
 
<iframe allowfullscreen="" frameborder="0" height="270" src="//www.dailymotion.com/embed/video/x2h94a1" width="580"></iframe> </div>
</div>
<div>
 
 
I hope you enjoyed this Video, So Please Share this Post with your Friends on Social Media Sites. 
 </div>
<div>
 
</div>
</div>

Add Most Attractive Widgets on Blog/Website From GetSiteControl

Today SEO made very simple and easy. Now this post is related to SEO and basically I'm going to telling you how to add widget/gadget on Blog/Web from GetSiteControl. These are very useful and attract…

15 Feb 2015

Add Popup Email Subscription Widget with Light Box Effect

<div dir="ltr" style="text-align: left;" trbidi="on">
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 the best attention of the visitors which makes them so effective in doing their job. A visitors either have to subscribe your blog 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 <a href="http://makemoneyonline72.blogspot.com/" target="_blank">very helpful</a> for you. 
 
Note: The code I have provided below will show-up the subscription box when the page has been loaded. 
 
<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>
 
 
<h3 style="text-align: left;">
Install Popup Email subscription Box in Blogger:</h3>
 
 
- Go to Blogger and log-in to your account 
 
- Select your blog and navigate to the "Template" section 
 
- Hit on "Edit HTML" Button 
 
- Click anywhere inside the code and press Ctrl + F to open the search box 
 
- Find <body> tag and replace with the given below code 
 
<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()'></blockquote>
 
- Now just after that paste the given below code 
 
 
<blockquote style="background-color: #cccccc; border: 2px solid #666; padding: 8px;">
<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='https://lh5.googleusercontent.com/-wsjbg3uaeUU/VLbFISkW_xI/AAAAAAAAAWw/jYnp3D3MLQc/w400-h125-no/MakeMoneyOnline72.BlogSpot.png<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> <form id='sub' action="http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><center> Subscribe To Our Mailing List <input class='sbox' id='sbox' type='text' name='uri' placeholder='Your Email Address...'/></center><input class='sbutton' id='sbutton' style='border:0; vertical-align: top;' name='upload' type='submit' value='Subscribe'/></form><center>P.S I will never spam you...100% GUARANTEED!</center></div><div id="fade"></div><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'/> 
<style>input:focus{outline: 0.5px solid #4c004c;}#sbutton {padding: 5px;font-size:30px;margin-top:10px;width:500px;margin-left:50px;:font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;background-color:#DFDFDF;}form { margin:0px;font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;}#sbox {width: 500px;height:30px;vertical-align:bottom;}#sbox:focus{border: 1px solid #4c004c;}#fade{    display: none;    position: fixed;    top: 0%;    left: 0%;    width: 100%;    height: 100%;    background-color: #000;    z-index:1001;    -moz-opacity: 0.7;    opacity:.70;    filter: alpha(opacity=70);}#light{    display: none;    position: fixed;    top: 29%;    left: 29%;    width: 600px;    height: 400px;    margin-left: -150px;    margin-top: -100px;                   padding: 10px;    border: 2px solid #FFF;    background: white;    z-index:1002;    overflow:visible;}</style><script> 
 
window.document.onkeydown = function (e){    if (!e){        e = event;    }    if (e.keyCode == 27){        lightbox_close();    }}function lightbox_open(){ window.scrollTo(0,0);    document.getElementById('light').style.display='block';    document.getElementById('fade').style.display='block'; }function lightbox_close(){    document.getElementById('light').style.display='none';    document.getElementById('fade').style.display='none'; 
 
}</script></blockquote>
 
<h3 style="text-align: left;">
Customization:</h3>
<div>
 
</div>
* Change the Blog Image/Logo URL in red with your logo url ( you can make this url by uploading image/logo on Google + site ) 
 
* Replace the Feed Burner "User Name" in pink with your Feed Burner User Name 
 
* Now it's complete. Hit on "Save" template button 
 
Recommended: <a href="http://makemoneyonline72.blogspot.com/2015/01/customizeme-blogger-seo-friendly.html" target="_blank">Free Download CustomizeMe SEO Friendly Template</a> 
 
Do let me know how this widget is working on your blog.If you are having any trouble with this subscription box then leave your experience down in the comment section below. I'll fix any bugs present in this widget and off-course if you liked it just stay turned for more :) 
 
 </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 the best attention of the visitors which makes them so effect…

15 Jan 2015

Add Social Sharing Icons with Email Subscription Widget Below Every Post

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

13 Jan 2015

Add Attractive Email Subscription Widget in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
Add amazing RSS Subscription Form: 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 Subscribers and Viewers. If you provides useful and healthy content to your viewers, then some times your readers need to get latest newsletter from blog, that's why you should add Email subscription form in your blog. 
<div>
 
<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>
 
Recommended: <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>
 </div>
<div>
You just need to follow given below steps.</div>
<div>
 </div>
<div>
* Go to desired blog > > Select Layout > > Click on "Add a Gadget" link 
 * From the popup window, scroll down and click on the "HTML/JavaScript" gadget 
 * Now Copy the given below code and paste in empty "HTML/JavaScript" gadget. 
<ul style="text-align: left;">
</ul>
 
<ul style="text-align: left;">
</ul>
<blockquote class="tr_bq">
<div class="MsoNormal">
 <style> 
.hl-email{ 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNBwtG8Hh7dMxw7t9-INoUBApaH0RSAvqlNA6UVameJsw6Hw5jSt9b8xMf8jdIcvxEJ0vZSNjCf35Gu1A9qEIi2e4IPzDi6gqF0TCOXZcyqFqCNkaNfIguEnE2ItMqOaHSkZYikoT0tLw/s1600/mail.png) no-repeat 0px 12px ; 
width:300px; 
padding:10px 0 0 55px; 
float:left; 
font-size:1.4em; 
font-weight:bold; 
margin:0 0 10px 0; 
color:#686B6C; 
} 
.hl-emailsubmit{ 
background:#9B9895; 
cursor:pointer; 
color:#fff; 
border:none; 
padding:3px; 
text-shadow:0 -1px 1px rgba(0,0,0,0.25); 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
border-radius:6px; 
font:12px sans-serif; 
} 
.hl-emailsubmit:hover{ 
background:#E98313; 
} 
.textarea{ 
padding:2px; 
margin:6px 2px 6px 2px; 
background:#f9f9f9; 
border:1px solid #ccc; 
resize:none; 
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); 
-moz-box-shadow:inset 1px 1px 1px
rgba(0,0,0,0.1); 
-webkit-box-shadow:inset 1px 1px 1px
rgba(0,0,0,0.1); font-size:13px; 
width:130px; 
color:#666;} 
</style> 
<div class="hl-email"> 
Subscribe via Email <form
action="http://feedburner.google.com/fb/a/mailverify"
id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true"> 
<input gtbfieldid="3"
class="textarea" name="email" onblur="if (this.value
== &quot;&quot;) {this.value = &quot;Enter email address
here&quot;;}" onfocus="if (this.value == &quot;Enter email
address here&quot;) {this.value = &quot;&quot;;}"
value="Enter email address here" type="text" /> 
<input type="hidden" value=”makemoneyonline-72"
name="uri"/><input type="hidden" name="loc"
value="en_US"/> 
<input class="hl-emailsubmit"
value="Submit" type="submit" /> 
</form> 
</div><o:p></o:p></div>
</blockquote>
<div class="MsoNormal">
<o:p></o:p></div>
<h3 style="text-align: left;">
Setting:</h3>
<div>
 
* Replace the URL in green to change the Email icon. 
 * To change the width or the text area, increase/decrease 130px in red. 
 * Replace the '<a href="http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72">http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72</a>' with your feed burner url. 
 * Replace the "makemoneyonline-72" with your feed burner name. 
 * Now Save the widget, and again save Layout. 
<ul style="text-align: left;">
</ul>
<ul style="text-align: left;">
</ul>
</div>
<div>
 
Keep visiting this blog to get latest post. Don't forget to share this post with your Friends on Social Media Sites. 
 </div>
<div 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 easily increase your Subscribers and Viewers. If you provides …

13 Jan 2015

Add Facebook JQuery Popup like box with BackGround Image in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
As you know Facebook is the largest social media site in world and billion of people are attached to it. You can share your thoughts and ideas with your friends on Facebook. Specially if you have Blogs or Websites then you must want to be popular on facebook. Facebook is that place where you can have more and more <a href="http://makemoneyonline72.blogspot.com/2014/08/complete-blogger-seo-search-engine.html" target="_blank">back-links</a>. If you have a Website/Blog without interconnected social media then your Website/Blog may be worthless. So here I'm going to introduce a think that is very useful for your Blog ranking. So that is known as. 
 
<div class="separator" style="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>
 
<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 > Layout > Add a Gadget</li>
<li>Select HTML/JavaScript after this</li>
<li>Put this code given below</li>
</ol>
<blockquote class="tr_bq">
<div class="MsoNormal">
<script
src="http://makingdifferent.github.com/blogger-widgets/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script> 
<style type="text/css"> 
#colorbox, #cboxOverlay, #cboxWrapper{ 
position:absolute; 
top:0;left:0; 
z-index:9999; 
overflow:hidden; 
} 
#cboxOverlay{ 
position:fixed; 
width:100%; 
height:100%; 
} 
#cboxMiddleLeft,#cboxBottomLeft{ 
clear:left; 
} 
#cboxContent{ 
position:relative; 
} 
#cboxLoadedContent{ 
overflow:auto; 
} 
#cboxTitle{ 
margin:0; 
} 
#cboxLoadingOverlay,#cboxLoadingGraphic{ 
position:absolute; 
top:0;left:0; 
width:100%; 
} 
#cboxPrevious, #cboxNext,
#cboxClose,#cboxSlideshow{ 
cursor:pointer; 
} 
.cboxPhoto{ 
float:left; 
margin:auto; 
border:0; 
display:block; 
} 
.cboxIframe{ 
width:100%; 
height:100%; 
display:block; 
border:0; 
} 
#cboxOverlay{ 
background:#000000; 
opacity:0.5 !important; 
} 
#colorbox{ 
/*box-shadow*/ 
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); 
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4); 
box-shadow:0 0 15px rgba(0,0,0,0.4); 
} 
#cboxTopLeft{ 
width:14px; 
height:14px; 
background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat 0 0; 
} 
#cboxTopCenter{ 
height:14px; 
background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png)
repeat-x top left; 
} 
#cboxTopRight{ 
width:14px; 
height:14px; 
background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat -36px 0; 
} 
#cboxBottomLeft{ 
width:14px; 
height:43px; 
background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat 0 -32px; 
} 
#cboxBottomCenter{ 
height:43px; 
background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png)
repeat-x bottom left; 
} 
#cboxBottomRight{ 
width:14px; 
height:43px; 
background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat -36px -32px; 
} 
#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; 
} 
#cboxMiddleRight{ 
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; 
} 
#cboxContent{ 
background:#fff; 
overflow:visible; 
} 
#cboxLoadedContent{ 
margin-bottom:5px; 
} 
#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; 
} 
#cboxLoadingGraphic{background:url(http://3.bp.blogspot.com/-xjj51r2lm2M/TwRGaKezqHI/AAAAAAAACNI/lKX9_-YUUdY/s1600/%255Bwww.gj37765.blogspot.com%255Dloading.gif)
no-repeat center center; 
} 
#cboxTitle{ 
position:absolute;bottom:-25px; 
left:0; 
text-align: 
center;width:100%; 
font-weight:bold; 
color:#7C7C7C; 
} 
#cboxCurrent{ 
position:absolute; 
bottom:-25px; 
left:58px; 
font-weight:bold; 
color:#7C7C7C; 
} 
#cboxPrevious, #cboxNext, #cboxClose,
#cboxSlideshow{ 
position:absolute; 
bottom:-29px; 
background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png)
no-repeat 0px 0px; 
width:23px; 
height:23px; 
text-indent:-9999px; 
} 
#cboxPrevious{ 
left:0px; 
background-position:-51px -25px; 
} 
#cboxPrevious.hover{ 
background-position:-51px 0px; 
} 
#cboxNext{ 
left:27px; 
background-position:-75px -25px; 
} 
#cboxNext.hover{ 
background-position:-75px 0px; 
} 
#cboxClose{ 
right:0; 
background-position:-100px -25px; 
} 
#cboxClose.hover{ 
background-position:-100px 0px; 
} 
.cboxSlideshow_on #cboxSlideshow{ 
background-position:-125px 0px; 
right:27px; 
} 
.cboxSlideshow_on #cboxSlideshow.hover{ 
background-position:-150px 0px; 
} 
.cboxSlideshow_off #cboxSlideshow{ 
background-position:-150px -25px; 
right:27px; 
} 
.cboxSlideshow_off #cboxSlideshow.hover{ 
background-position:-125px 0px; 
} 
#mdfb{ 
font:12px/1.2
Arial,Helvetica,san-serif;color:#666; 
} 
#mdfb a,#mdfb a:hover,#mdfb a:visited{ 
text-decoration:none; 
} 
.mdbox-title{ 
background:#000; 
color:#fff; 
font-size:20px !important; 
font-weight:bold; 
margin:10px 0; 
border:20px solid #ddd; 
/*border-radius*/ 
-webkit-border-radius:6px; 
-moz-border-radius:6px; 
border-radius:6px; 
/*box-shadow*/ 
-webkit-box-shadow:5px 5px 5px #CCCCCC; 
-moz-box-shadow:5px 5px 5px #CCCCCC; 
box-shadow:5px 5px 5px #CCCCCC; 
padding:10px; 
line-height:25px; 
font-family:arial !important; 
} 
.mdbox-tagline{ 
color:#999; 
margin:0; 
text-align:center; 
} 
#mdsubs-container{ 
padding:35px 0 30px 0; 
position:relative; 
}a:link,a:visited{ 
border:none; 
} 
.demo{ 
display:none; 
} 
</style> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
if (document.cookie.indexOf('visited=true') ==
-1) { 
var fifteenDays = 1000*60*60*24*30; 
var expires = new Date((new Date()).valueOf() +
fifteenDays); 
document.cookie =
"visited=true;expires=" + expires.toUTCString(); 
$.colorbox({width:"600px",
inline:true, href:"#mdfb"}); 
}}); 
</script> 
<div style='display:none'> 
<div id='mdfb' style='padding:10px;
background:#fff;'> 
<center> 
<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;"> 
<tbody> 
<tr> 
<td height="345" width="505"> 
<div align="right"> 
<iframe
src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/earnmoneyonline72&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"> 
</iframe></div> 
</td> 
</tr> 
</tbody> 
</table> 
</center> 
 
By <a style="
font-size:9px;color:#3B78CD;text-decoration:none;"
href="http://makemoneyonline72.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html">MakeMoneyOnline72</a>
| <a style=" font-size:9px;color:#3B78CD;text-decoration:none;"
href="http://makemoneyonline72.blogspot.com/2015/01/add-facebook-jquery-popup-like-box-with.html ">Get This !</a> 

 
</div> 
</div></div>
</blockquote>
 
Recommended: <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>. 
<h2 style="text-align: left;">
Customize: </h2>
</div>
<div>
<ul style="text-align: left;">
<li>Replace the <a href="http://www.facebook.com/earnmoneyonline72/" target="_blank">earnmoneyonline72</a> with your facebook page name.</li>
<li>If you want every time popup of this widget simply replace true with false</li>
</ul>
 </div>
<div style="text-align: left;">
Note: By adding this code on Blog if it doesn't appear, it means there is no JQuery script in your template. So in order to appear this Facebook popup box you must add Jquery script in your template. How? Follow the given steps. 
<h3 style="text-align: left;">
How to Add:</h3>
<div>
<ul style="text-align: left;">
<li>Go to > Blogger Dashboard > Template > Edit HTML</li>
<li>Add the given below code before </head> tag, save the template</li>
</ul>
</div>
<blockquote class="tr_bq">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></blockquote>
 Also share this info. with your friends on Social Media Sites and follow us on Facebook, Twitter and Google+. 
<ul style="text-align: left;">
</ul>
</div>
</div>

Add Facebook JQuery Popup like box with BackGround Image in Blogger

As you know Facebook is the largest social media site in world and billion of people are attached to it. You can share your thoughts and ideas with your friends on Facebook. Specially if you have Blo…

11 Jan 2015