Add a Simple Facebook Like Box in Blogger Computer IT Help 86

How to Add a Simple Facebook Like Box in Blogger?

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nwycA9LCn9RhPUQT8n-9gwa9iLKBUssf-4ZnizYv20RIe7VZVY6VFSdVu_euw5zAoKcEtqhlsRODQEvsuom9WwfUlpFFismBooiNt2SBtWTmlu13YmqGAjRTd2x9LQG9bSlZpXN0xOk/s1600/How+to+Add+a+Simple+Facebook+Like+Box+in+Blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Add a Simple Facebook Like Box in Blogger?" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nwycA9LCn9RhPUQT8n-9gwa9iLKBUssf-4ZnizYv20RIe7VZVY6VFSdVu_euw5zAoKcEtqhlsRODQEvsuom9WwfUlpFFismBooiNt2SBtWTmlu13YmqGAjRTd2x9LQG9bSlZpXN0xOk/s400/How+to+Add+a+Simple+Facebook+Like+Box+in+Blogger.jpg" title="How to Add a Simple Facebook Like Box in Blogger?" width="400" /></a></div>
<div style="text-align: justify;">
Facebook is one of the most popular social networks where people share means all his free time. Therefore, it has become very important for bloggers and SEO. As you know, if you have a decent amount of Facebook likes on your blog or Web site, then you can get additional benefits from them. But especially in the blogger you did not install all things begin. We do many things ourselves to our blog blogger. So if you want to increase your Facebook likes and reputation in social media, then you need to add Facebook like box to your blog. We'll show you a simple example of how to add Facebook box on your blog like very quickly. This is just a simple step in the future, I want to show you how to design your Facebook box such as how to create brilliant. So today we will begin to integrate a simple case of Facebook.</div>
<h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
<span style="color: #00c6ff;">How to Embed Facebook Like box to Blogger Blog Widget By Saftain Azmat?</span></h3>
<div style="margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">Before adding a Facebook Like Box should have a fan page of our blog or website in Facebook, so if you do not have, create a new page of your blog that can be created easily and integrated this page a box on your blog, just follow these steps:</span></span></div>
<div style="margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;"><br /></span></span></div>
<div style="margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">Go to your Facebook Account 2 setups below</span></span></div>
<div style="margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">Go to the page you created your blog that appears in the left sidebar BY Saftain Azmat</span></span></div>
<div style="margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">Now & See the picture below, for example By Saftain Azmat</span></span></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO4fLOdFd0vIti7_z2iSMDnYG7pPxlS6jpyWxHpGZyrUxMvyXESMY9fzysM_WIJp9raEuB4VpMk5A7sXm7YSXNjCLL8rzb1pbgTOEXY_GBe9ajE7bvLmBJDeH90CgY9fna507emQY5F94/s1600/2015-06-03_082750.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Add a Simple Facebook Like Box in Blogger?" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO4fLOdFd0vIti7_z2iSMDnYG7pPxlS6jpyWxHpGZyrUxMvyXESMY9fzysM_WIJp9raEuB4VpMk5A7sXm7YSXNjCLL8rzb1pbgTOEXY_GBe9ajE7bvLmBJDeH90CgY9fna507emQY5F94/s640/2015-06-03_082750.jpg" title="How to Add a Simple Facebook Like Box in Blogger?" width="612" /></a></div>
<ul style="margin: 0px; padding: 0px 0px 20px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px; text-align: justify;"><span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">In the picture above you you can see that I have a lot of pages in Facebook, so if you want to include this box on the page, then you should click on this page. Even in this tutorial will click on the link ComputerITHelp86.Blogspot.Com you can see in the picture. When you click the link, you are redirected to the page. Here is a picture, for example:</span></span></li>
</ul>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL0fg9DE34IZdHr1c8TTpkOzoFijMLlf0OUXj66jeMYMjchnZaNRkosHW2tUqS6N9rUJBVhjWvdP2OhUgmVMJKdYp2etwZnYVYQnGPPncQDMPXW4cLP3kWvdLJa22kzzlPXz3gyq0uLQk/s1600/facebook-like-box1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Add a Simple Facebook Like Box in Blogger?" border="0" height="428" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL0fg9DE34IZdHr1c8TTpkOzoFijMLlf0OUXj66jeMYMjchnZaNRkosHW2tUqS6N9rUJBVhjWvdP2OhUgmVMJKdYp2etwZnYVYQnGPPncQDMPXW4cLP3kWvdLJa22kzzlPXz3gyq0uLQk/s640/facebook-like-box1.jpg" title="How to Add a Simple Facebook Like Box in Blogger?" width="640" /></a></div>
<br /></div>
<div style="margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">I was on the page to have your own blog, and the top of the page, you can see the button [Edit Page], and you must click on the drop-down menu, click update and information on the page then click on the resources link on the left. See the example below the image:</span></span></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg567vtBaRCFZkanRgrVvVV1tLyVI2KL4vrWI1HcKtSx_zDa0BfsW0NKDpqbSr3Wt2lLw42tk6RM1V5VQWEub5P1Qfvj5XyLf7r9YZnybT53ZEg9U_7xU8kO_5PVTWzKXP-43P9kzC6o90/s1600/2015-06-03_083256.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Add a Simple Facebook Like Box in Blogger?" border="0" height="402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg567vtBaRCFZkanRgrVvVV1tLyVI2KL4vrWI1HcKtSx_zDa0BfsW0NKDpqbSr3Wt2lLw42tk6RM1V5VQWEub5P1Qfvj5XyLf7r9YZnybT53ZEg9U_7xU8kO_5PVTWzKXP-43P9kzC6o90/s640/2015-06-03_083256.jpg" title="How to Add a Simple Facebook Like Box in Blogger?" width="640" /></a></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<br /></div>
<div style="margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">After clicking on the resources will be another page where you can see a lot of resources from Facebook, just click on through social plugins] after clicking on the use of social plugins you will find a page where you can use all the add-ons for your blog. There are many additions or, as the case, such as buttons, recommendation box, box, etc. so you must click on the box. See also the picture below:</span></span></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpxP5pLJ2VGOGK5gs95YrOn1ISmc5fCw7OpXY3SwQP_Y4JPkWJl6U4Hj6-798bHTOicQjhC5AsXbk6iS-u0_LBXpbOT_ypp8dXZ2AeNvbBYA8ATR3NYbmhjU-hmepr6klcIk_5XRQ7Wi4/s1600/facebook-like-box3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Add a Simple Facebook Like Box in Blogger?" border="0" height="506" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpxP5pLJ2VGOGK5gs95YrOn1ISmc5fCw7OpXY3SwQP_Y4JPkWJl6U4Hj6-798bHTOicQjhC5AsXbk6iS-u0_LBXpbOT_ypp8dXZ2AeNvbBYA8ATR3NYbmhjU-hmepr6klcIk_5XRQ7Wi4/s640/facebook-like-box3.jpg" title="How to Add a Simple Facebook Like Box in Blogger?" width="640" /></a></div>
<br /></div>
<div style="margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">In the picture above you can see the square, so just click on it, you will find a new page where you can customize your little box, see below for example:</span></span></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2stN79-r6NiV5jXxGVtmD2ESfg6iQqcNBObAQO6Wa4Jy5oxS6JwupZMKcOHr9TqFdXnZB3MI5DBvTzbjhFSy52TqaQTCx3jpfPvSh5U45aKl876vvQ3trj2yF1FEYnw-yq1CV3cyqTac/s1600/facebook-like-box4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Add a Simple Facebook Like Box in Blogger?" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2stN79-r6NiV5jXxGVtmD2ESfg6iQqcNBObAQO6Wa4Jy5oxS6JwupZMKcOHr9TqFdXnZB3MI5DBvTzbjhFSy52TqaQTCx3jpfPvSh5U45aKl876vvQ3trj2yF1FEYnw-yq1CV3cyqTac/s640/facebook-like-box4.jpg" title="How to Add a Simple Facebook Like Box in Blogger?" width="618" /></a></div>
<br /></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px; text-align: justify;">
On the page like the picture, the box as shown by default as a platform, if you need to change your URL of the page, as shown with the reading area, and also other important factors you can do to your case such as display, the color of the border and color, and the flow of the show, the head , etc. You can do customize according to your needs and after the settings, click the button to get the code. Now you'll see a pop-up box below the picture</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5YiHksfeL3ftlPdyzeQCGLqPgTulbx0Ei438zmP_mZysv6xJN2W2GRj9B_Oe9wColEPs1ze_GDDmfj9XhlGnlSqWPPrQYyjec0KFzt7I2vmPqtPh-3BwzlppU7dqrRd2IDoG0Rp9MlDg/s1600/facebook-like-box5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Add a Simple Facebook Like Box in Blogger?" border="0" height="322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5YiHksfeL3ftlPdyzeQCGLqPgTulbx0Ei438zmP_mZysv6xJN2W2GRj9B_Oe9wColEPs1ze_GDDmfj9XhlGnlSqWPPrQYyjec0KFzt7I2vmPqtPh-3BwzlppU7dqrRd2IDoG0Rp9MlDg/s640/facebook-like-box5.jpg" title="How to Add a Simple Facebook Like Box in Blogger?" width="640" /></a></div>
<br /></div>
<div style="margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">In the box above four options for the inclusion of this picture as a blogger on your blog or site on the blog blogger, you can easily integrate this framework with IFRAME style. Then click on the IFRAME code, copy CTRL + C or right click and copy. Now let's insert this code in the blog.</span></span></div>
<h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
<span style="color: #00c6ff;">How to insert the embedded code into blogger Blog Widget By Saftain Azmat?</span></h3>
<ul>
<li style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; line-height: 25px;">Go to blogger >> >> design tool to add and choose HTML / JavaScript</li>
<li><span style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; line-height: 25px;">Now paste the code that copies of Facebook</span></li>
<li><span style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; line-height: 25px;">Savings and already is, just watch your blog and watch box.</span></li>
</ul>
<ol style="margin: 0px; padding: 0px 0px 20px;"></ol>
<h2>
<span style="line-height: 25px;"><span style="color: red; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">Note:</span></span></h2>
<span style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; line-height: 25px;">Most people use the box as in the sidebar on Blogger, but you can use it anywhere you want.</span><span style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; line-height: 25px;">To do this, all the steps correctly, you will be able to integrate with Facebook box on your blog like blogger the same as what we have in the blog.</span><span style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; line-height: 25px;">Take good care of your family and loved and best wishes for your future. Comments are answered as soon as time permits</span>

How to Add a Simple Facebook Like Box in Blogger?

Facebook is one of the most popular social networks where people share means all his free time. Therefore, it has become very important f...

Computer IT Help 86 | Best Urdu & Hindi Tutorials

Ads

How to Add a Simple Facebook Like Box in Blogger?

Popular Posts

Followers

Labels