Pinterest Pin It button with Counter (latest update)

This is the latest version of our original popular Pin It button tutorial. This Pin It button allows your readers to share your posts without having to leave your blog. It pulls all available images from a post and lets them choose which image to pin. It also comes with an optional counter that displays how many times a blog post has been pinned. Adding Pin It button to Blogger post This Pin It

The Pros and Cons of Allowing Blog Comments on your Blog

This is a guest post by Marty Reardon. If you're the owner of a blog, whatever topic it might be on, some of your biggest questions will probably revolve around whether to allow comments or not and how to manage them if you do. This is no small issue consider and you need to carefully weigh the benefits and costs of allowing comments before making any choices either way. Here, to help you out

Blockquote - HTML - Tag

You're Here :  Make a Website ›HTML ›

Blockquote - A Paragraph or Sentence that is quoted from another Website or Blog or any other source is called "Blockquote"

It's easy to add blogquote for your blog post. You can add blockquote via CSS or HTML.  In this tutorial I am going to teach how to add blockquote to your blog or website within 10 seconds. 

Step-by-Step procedure to create blockquote for your blog or website. 
 

1. Log in to your Blogger.com account
2. Select your favorite blog and choose the post in which you've to add this blockquote.
3. Now copy the below code and paste it in your HTML View of the blogger post page. For WordPress users also follow the same procedure Log in to your wordpress account then select the post Go to HTML View and paste this below code.

<blockquote style="background-color: #ffffbf; border: 2px solid #A80000; padding: 8px;">Add Your Text Here</blockquote>

Now the blockquote look like the below image. 

Add Your Text Here

Features of this Blockquote

1. You can change the Background Color
2. You can change the Border Color as well as Border thickness in pixels

So this is the special feature of this blockquote. For this blockquote you no need to learn CSS or HTML. Just copy and paste the above code in your HTML view it will display automatically.

 

Pinterest Pin It button on image hover

Due to numerous requests from our readers, here we present yet another Pinterest pin it button widget. This time a button that appears when you mouseover or hover any image in your posts. Pinning an image just got easier and more intuitive with this hover button. First you decide which photo to pin, then hover it to invoke the pin it button, and finally click on the button that appears on the

How to Add Pop Up Facebook Like Box for Blog | Website

You're Here :  Make a Website ›Facebook ›

It's easy to add pop-up Facebook Like Box for Blogger Blog or Website. Just simply copy the below HTML codes and paste it in your widget box area. 

My website www.way2onlinejobs.com getting around 15,000 visitors per day via Facebook Groups and Fans Pages. If I add this Facebook Pop-up Like Box earlier then now I will get around 50,000 visitors per day. I missed a trick there. After conducted several research on Facebook and also visited more than 500 websites now I come to know yes, it's working very well on most of the websites with Facebook Pop-up Like Box. 

 

You can easily increase the number of fans for your Facebook Fans Page. Infact you can double it within a week after implementing this method. With Pop-up Facebook Like Box your site visitors directly see how many visitors you've  on your fans page and they also interest to join your fans page. 

In this tutorial, I am going to teach how to install this wonderful widget to your blogger blog and also your website. You can simply copy this below code and paste it in your widget box area. That's it. 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" />
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=flase') == -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:"400px", inline:true, href:"#mdfb"});
}
});
</script>
<div style='display:none'>
<div id='mdfb' style='padding:10px; background:#fff;'>
<h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FAskPeramburKumar&amp;width=300&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.2makeawebsite.org">2makeawebsite.org</a></p>
</div></div>

Now step-by-step procedure to install Pop-up Facebook Like Box to your blogger blog and also to your website.

1. Go to Blogger.com
2. Open your Favorite Blog
3. Click Add a Gadget Link. Now, Add a Gadget Page is opened. Just scroll your mouse and select HTML and Javascript option and press + icon to add this widget.
4. Don't give any title for this gadget in the title box. Just leave it empty.
5. Just copy and paste the above code in that box and Click "Save" that's it.

 It's working fine in most of the blogs. Hope this widget working fine on your blog too. If you like this post then consider sharing with your friends and leave your valuable comments below.
 

Email Subscription | Widget for Blogger | Feedburner

In this tutorial I am going to explain you how to create stylish email subscription widget in blogger. It's easy to create email subscription widget box with Facebook Like Button - Google Plus Button - Twitter Followers Button and finally Facebook Like Box. I now explain you step-by-step of creating a email subscription widget box for your blogger website.

1. Select the blog which you have to add email subscription widget box. 
2. In the left hand side navigation bar click the "Template" link and then click the "Edit HTML Button Link, then click "Proceed" and tick the "Expand Widget Template" box
3. Here before adding any codes please copy and paste your full template codes in WordPad and save it in your desktop. Make sure if any goes wrong you will not lose your template. So first save your template in the desktop then start adding codes.
4. Use ctrl F to find </head> and paste the following code before/above </head> tag
5. Then, paste the below code.

<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

After adding the above code in the header section of your blogger template then click "Save Template". 

Now go to blogger dashboard select 'Layout" In the right-hand side click "Add a Gadget" link. Now "Add a Gadget" page opened you see lot of Gadgets listed there. 

Select "HTML / Javascript option. Now Configure HTML/JavaScript opened leave title box blank and paste the below codes in the box.

<style type="text/css">
/* RB Style sheet for subscription box */
#rb-subscribe-box .fb-like-box { border: 1px solid #EBEBEB; padding: 5px; background:#fff;}
#rb-subscribe-box .gplusone { background: #f7fcfc; border: 1px solid #EBEBEB; border-top: 1px solid #fff; color: #000; font-size: 10px; line-height: 1px; padding:5px;}
#rb-subscribe-box .twitter-follow { background: #eef9f9; border: 1px solid #dff6f6; border-top: 1px solid #fff; padding:5px 11px;}
#rb-subscribe-box .email-box {background:#e3edf4; padding:11px;}
#rb-subscribe-box .email-box h4{color: #555;font-family: Arial;font-size: 12px; margin: 0 0 10px;}
#rb-subscribe-box .email-box .txt,#rb-subscribe-box .email-box .txt:focus{background:#fff; float:left; color:#92c3c3; border:1px solid #E36B0A; border-radius: 3px; padding: 7px 10px 8px; width: 150px;}
#rb-subscribe-box .email-box .btn,#rb-subscribe-box .email-box .btn:focus{background:#E36B0A; border:1px solid #AD5513; color:#fff; border-radius: 3px; float: right; font-size: 12px; font-weight: bold; padding: 7px 8px; text-shadow: 1px 1px 0 #D08D00;}
#rb-subscribe-box .email-box .btn:hover{background:#FF9b00;}
input, textarea {
font-family: Georgia, "Times New Roman", Times; font-size: 1em;}
#rb-text {
border: 4px solid #C8e993;
box-shadow: 0 0 5px
#EEE;
line-height: 10px;
margin: 10px 10px 15px 0;
padding: 10px;
width:300px;
}
#rb-text h3 {
color:white;
border-bottom: 1px dotted
white;
line-height:1.385em;
font-size: 18px;
padding: 0;
margin: 0 0 10px;
border-bottom: 1px dotted
#AAA;
font-wieght: bold;
text-transform: uppercase;
letter-spacing: 0;
}
</style>
<div class="rb_widget">
<div id="rb-text">
<div id="rb-subscribe-box">
<div class="email-box">
<h4>Subscribe FREE updates on your <a href="http://feedburner.google.com/fb/a/mailverify?uri=2makeawebsite" target="_blank">Email</a> | <a href="http://feeds.feedburner.com/2makeawebsite" target="_blank">RSS</a></h4>
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=2makeawebsite', 'popupwindow',
'scrollbars=yes,width=700px,height=700px');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address&#39;;}" onfocus="if (this.value == &#39;Enter your email address&#39;)
{this.value = &#39;&#39;;}" value="Enter your email address" class="txt" />
<input type="hidden" name="uri" value="2makeawebsite" />
<input type="hidden" value="en_US" name="loc" />
<input type="submit" value="Subscribe" class="btn" />
<div style="clear:both;"></div>
</form>
</div>
<div class="fb-like-box">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2F2makeawebsite&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe><a href="http://www.facebook.com/2makeawebsite" target="_blank" rel="nofollow" style="color: #3B5998; font-family: arial; font-size: 18px; font-weight: bold; line-height: 20px;"> Like us on Facebook </a><div class="clear"></div>
</div>
<div class="gplusone">
<div style="float:left;width:90px;">
<g:plusone href="http://www.2makeawebsite.com"></g:plusone>
</div>
<a href="https://plus.google.com/u/0/117896762172961615212" target="_blank" rel="nofollow" style="color: #d00; font-family: arial; font-size: 18px; font-weight: bold; line-height: 24px;">Circle us on Google+</a><div class="clear"></div>
</div>
<div class="twitter-follow">
<a href="https://twitter.com/2makeawebsite" class="twitter-follow-button">Follow @2makeawebsite </a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script></div> <br/>
<div >
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F2makeawebsite&amp;width=297&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:297px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
</div></div>
 

1.     Replace 2makeawebsite with your feedburner feed username
2.     Replace 2makeawebsite with your facebook fan page username
3.     Replace https://plus.google.com/107218377290528286720 with your google plus profile url
4.     Replace 2makeawebsite with your twitter username
5.     Replace http://www.2makeawebsite.com with your blog/site url
6.     Click "SAVE TEMPLATE" when you are done with your editing. 

If you like this post consider sharing with your social networking friends. Thank you

Video: Email Subscription | Widget for Blogger | Feedburner

In this tutorial I am going to explain you how to create stylish email subscription widget in blogger.

How to protect Your Online Reputation [Infographic]

People can learn a lot about you from the internet. What you say, do, who you hang out with and what others say about you online is out in the open on the web. All this information can have an impact on how you are perceived by others. This infographic shows how online reputation can affect your real life and what you can do about it. Click on image for a larger version. This infographic is

5 Effective Ways to Stay Stress Free While Blogging

This is a guest post by Harshit Singhal. Blogging is not just a mere hobby these days, it is more like a full fledged business, for there is a good amount of money to be made but a lot of competition to go along with it as well. To stand out among the rest of the pack, you need serious dedication, patience and hard work, all of which can end up taking a lot of energy and making you feel exhausted