0
Tags:
Facebook
How to remove Facebook social plugin link from Facebook like box
Posted by
Anonymous on 2/06/2012
You might have observed Facebook like box in every blog and in every website. Facebook like box is used in all websites and blogs because it mainly helps you in driving free traffic from Facebook as it is the largest social networking site. It helps you in establishing your brand and promoting it for free. You might have observed in your Facebook like box below there will be a link pointing to Facebook developers site. It looks like you are promoting your brand with Facebook brand by giving a link back to them. But fortunately I got a new way of removing 'Facebook social plugin' link by editing like box code.
If you own a self-hosted WordPress blog I recently mentioned in one of posts how to drive traffic to your WordPress blog from Facebook by creating a Facebook application. By default you will get an iframe code from Facebook and paste it in your HTML or HTML gadget to start displaying Facebook like box in your blog. If you own a blog in blogger copy and paste the below code in HTML/JavaScript box. If you own a WordPress blog or website just paste the following sort of code anywhere in your HTML.
Related posts on topic:
Bloggers discussion forums on Facebook
How to make your Facebook Timeline complete private
How to be online for only close friends in Facebook
Steps to remove Facebook social plugin link from Facebook like box:
1. Copy and Paste the below code in your HTML.
2. Code
3. In blogger after pasting the code click in HTML/JavaScript box click on save button. In WordPress you can save this HTML code wherever you wish it to appear in your template.
4. This is the final look of widget how it looks in your blog. In the image you can clearly see that Facebook social plugin link from Facebook like box has been completely removed.If you own a self-hosted WordPress blog I recently mentioned in one of posts how to drive traffic to your WordPress blog from Facebook by creating a Facebook application. By default you will get an iframe code from Facebook and paste it in your HTML or HTML gadget to start displaying Facebook like box in your blog. If you own a blog in blogger copy and paste the below code in HTML/JavaScript box. If you own a WordPress blog or website just paste the following sort of code anywhere in your HTML.
Related posts on topic:
Bloggers discussion forums on Facebook
How to make your Facebook Timeline complete private
How to be online for only close friends in Facebook
Steps to remove Facebook social plugin link from Facebook like box:
1. Copy and Paste the below code in your HTML.
2. Code
<style type="text/css">
.crazyinternet {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#FFFFFF;
padding:5px 10px 15px 0
}
.crazyinternet, .crazyinternet:before, .crazyinternet:after {
background: #FFFFFF;
border: 1px solid #F5F5F5;
}
.crazyinternet:before, .crazyinternet:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.crazyinternet:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #F5F5F5;
}
</style>
<div class="crazyinternet">
<div style="height:160px;overflow:hidden">
<fb:like-box href="http://www.facebook.com/FreeMobiApps" data-width=300 data-height=189 data-show-faces=true data-border-color="#FFFFFF" data-stream=false data-header=false></fb:like-box>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
.crazyinternet {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#FFFFFF;
padding:5px 10px 15px 0
}
.crazyinternet, .crazyinternet:before, .crazyinternet:after {
background: #FFFFFF;
border: 1px solid #F5F5F5;
}
.crazyinternet:before, .crazyinternet:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.crazyinternet:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #F5F5F5;
}
</style>
<div class="crazyinternet">
<div style="height:160px;overflow:hidden">
<fb:like-box href="http://www.facebook.com/FreeMobiApps" data-width=300 data-height=189 data-show-faces=true data-border-color="#FFFFFF" data-stream=false data-header=false></fb:like-box>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
3. In blogger after pasting the code click in HTML/JavaScript box click on save button. In WordPress you can save this HTML code wherever you wish it to appear in your template.
Tips for unique customization:
1. Change your Facebook fan page username which is highlighted in blue color that is mine with yours. I mean to say replace my fan page username 'FreeMobiApps' with your Facebook fan page username.
2. To change the background color of the like box you can edit #FFFFFF with your desired CSS color code.
3. You can also customize the height and width of the widget by changing the 'PX' to your necessity.
You can tell us if you find any bugs in the code. Be safe and secure and escape from Facebook tracking you. Happy browsing.
Subscribe To Get FREE Tutorials!
Subscribe to:
Post Comments (Atom)
Share your views...
0 Respones to "How to remove Facebook social plugin link from Facebook like box"
Post a Comment