Tutorial Blog | Blogger Tutorial Blogspot Templates, Cara Membuat Blog Networking Tutorials SEO.: Blogger Tutorial.

<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
<span style="color: green;"><strong>Facebook like box</strong></span><span class="">  is a great plugin that enables Facebook users do not directly subscribe to your blog updates via their Facebook account. </span><span class=""> Visitors to the website you will receive your blog updates on their Facebook site. </span><span class="">before you add Facebook like box below blogger posts or any part from your blog,</span><a href="http://nenksyakeela.blogspot.com/2012/04/tambahkan-facebook-like-box-di-bagian.html?m=0" name="more" style="color: #0084ce; text-decoration: none;"></a> You will need to create a Facebook Like Page by reading this tutorial Blog.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_IKtDTCCX6NskztsZTDSIThyQGS8wKSwOOcA7ulCNNPt6LKZbL-yktU8N82ni3PpqiEfF0la9h8I7AnL2xxb1VaAMYXsH-oTv4jGFdtAHjGciqaCJpnAJOZJKMoywbYPpfHygFFtMwk/s1600/Facebook-Popup.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_IKtDTCCX6NskztsZTDSIThyQGS8wKSwOOcA7ulCNNPt6LKZbL-yktU8N82ni3PpqiEfF0la9h8I7AnL2xxb1VaAMYXsH-oTv4jGFdtAHjGciqaCJpnAJOZJKMoywbYPpfHygFFtMwk/s1600/Facebook-Popup.jpg" width="400" /></a></div>
<br /></div>
<ul style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; list-style: none;">
<li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha79fCBDwDcgosDHCZZ-1Ab5e-IT0jUEMQOEax508-OSs_665iDEBSTZ1levw2TqjgQsNll1I3YAGrnxA9FrdpJI7Gcfpoa3mZXnrQ5I_qZL0eTXLOTJ2trpORA8N9N0XxRaNWKUknTss/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><div align="justify">
Create a Facebook Like Page</div>
</li>
</ul>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
You can see this box appear at the bottom of my post. It is a better area to put a box like you from the sidebar because the next thing your readers will see after reading your post. So this area can increase the number of people like your blog. <span class="">Let's get to work then!</span></div>
<a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #2560aa; font-family: Arial, serif; font-size: 14px; line-height: 18.200000762939453px;"></a><br style="background-color: white; color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 18.200000762939453px;" />
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 19px; padding: 3px;">
Adding Facebook Like Box below Blogger Posts</h3>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"></span><br />
<ul><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
<li>Go To Blogger>> Design>> Edit HTML</li>
<li>Backup your Blog template </li>
<li>Click the "Expand widget Templates"</li>
<li>Search for this,</li>
</span></ul>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div>
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvzuHkgB3N68REhmg9cVhqmw4RKSL-pZem3RPBgKrOiz5RKweDLeVTUuVyOmkE-1yW414KtQNseQgKLK2g8jMOzW_3Fvhpa-cbxkTIeiW2gD-Ws2wX8kjTdVtH34yW17tq2sqno6H5zA/s400/quote1.gif); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="padding: 0px 0px 15px;">
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><data:post.body/></span></div>
</blockquote>
<div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">>>>Only then after paste the code below.</span></div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvzuHkgB3N68REhmg9cVhqmw4RKSL-pZem3RPBgKrOiz5RKweDLeVTUuVyOmkE-1yW414KtQNseQgKLK2g8jMOzW_3Fvhpa-cbxkTIeiW2gD-Ws2wX8kjTdVtH34yW17tq2sqno6H5zA/s400/quote1.gif); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<span style="font-family: helvetica, arial;"><span style="background-color: white; font-size: 15px; line-height: 24.639999389648438px;"><span style="color: #555555;"><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2F</span><b><span style="color: magenta;">www.facebook.com%2Fpages%2Ftutorialblog</span><span style="color: #0b5394;">s</span></b><span style="color: #555555;">&amp;width=590&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180' style='border:none; overflow:hidden; width:590px; height:180px;'/></span></span></span></blockquote>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">>>> Making this change please.</span><br />
<ul style="list-style: none;"><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
<li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha79fCBDwDcgosDHCZZ-1Ab5e-IT0jUEMQOEax508-OSs_665iDEBSTZ1levw2TqjgQsNll1I3YAGrnxA9FrdpJI7Gcfpoa3mZXnrQ5I_qZL0eTXLOTJ2trpORA8N9N0XxRaNWKUknTss/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><span class="">Replace the  </span><span style="color: #0080ff;"><strong>bold blue text</strong></span><span class="">  with your Facebook Like Page Link (Do not include http://)</span></li>
<li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha79fCBDwDcgosDHCZZ-1Ab5e-IT0jUEMQOEax508-OSs_665iDEBSTZ1levw2TqjgQsNll1I3YAGrnxA9FrdpJI7Gcfpoa3mZXnrQ5I_qZL0eTXLOTJ2trpORA8N9N0XxRaNWKUknTss/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">In your URL Page replace all back slashes. (  <strong>/</strong>  ) with  <strong>% 2F</strong></li>
</span></ul>
<div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">>>>As for example, if the URL of your page to look like this,</span></div>
</div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2kWs3X23NW95k0hB9PkFWqWIwdY3HqsZ4gl7UeeEUheACLD6l_YYrp8LWoQwYKTN4FI2R3tk4IHnBzbDp7DDzpxfvOJfb-DoQrl16wx5linxofFb83zVgOode9JLyUZ2GbUb_DyaNeKY/s1600/fb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="28" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2kWs3X23NW95k0hB9PkFWqWIwdY3HqsZ4gl7UeeEUheACLD6l_YYrp8LWoQwYKTN4FI2R3tk4IHnBzbDp7DDzpxfvOJfb-DoQrl16wx5linxofFb83zVgOode9JLyUZ2GbUb_DyaNeKY/s1600/fb.jpg" width="640" /></a></span></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><br /></span></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><span style="color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.399999618530273px;">>>>after replacing the back slashes with %2F>>>></span></span><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvzuHkgB3N68REhmg9cVhqmw4RKSL-pZem3RPBgKrOiz5RKweDLeVTUuVyOmkE-1yW414KtQNseQgKLK2g8jMOzW_3Fvhpa-cbxkTIeiW2gD-Ws2wX8kjTdVtH34yW17tq2sqno6H5zA/s400/quote1.gif); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="padding: 0px 0px 15px;">
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><strong style="color: #0080ff; font-family: helvetica, arial; font-size: 15px; line-height: 24.639999389648438px;">www.facebook.com%2Ftutorialblogs</strong></span></div>
</blockquote>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">>>>Save your template and you're done!</span><br />
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><br /></span></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div class="hreview">
<span class="item"><span class="fn"><strong style="color: green; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;">Post Name: </strong>Facebook Like Box at the bottom of the post.</span></span><br />
<b><span style="color: #7f6000;">Reviewed by</span></b> <span class="reviewer">Doulat Meah</span> on
   <span class="dtreviewed">
      Jan 6<span class="value-title" title="2014-07-07"></span>
   </span>.<br />
<span class="summary"><b><span style="color: #7f6000;">Summary:  </span></b></span>How to add Facebook Like Box at the bottom of the post.<br />
<span class="description"><span style="background-color: white; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;">Facebook like box</span><span class="" style="background-color: white; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"> </span><span class="" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"> is a great plugin that enables Facebook users do not directly subscribe to your blog updates via their Facebook account. </span><span class="" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"> Visitors to the website you will receive your blog updates on their Facebook site. </span><span class="" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;">before you add Facebook like box below blogger posts or any part from your blog,</span><a href="http://nenksyakeela.blogspot.com/2012/04/tambahkan-facebook-like-box-di-bagian.html?m=0" name="more" style="background-color: white; color: #0084ce; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify; text-decoration: none;"></a><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"> You will need to create a Facebook Like Page by reading this tutorial Blog.</span></span><br />
<b><span style="color: #7f6000;">Rating: 
   </span></b><span class="rating">5.00</span>
</div>