Showing posts with label Facebook Tutorials. Show all posts
Showing posts with label Facebook Tutorials. Show all posts
WEARIFY

Now you can change your Fan Page URL in Facebook


You can change your Facebook page URL without having submitting any request or work directly with a Facebook representative.
Previously, pages with more than 100 Likes could not change their URL. To change a page URL you needed to fill out a form, and there were no guarantee of changing in the URL because request could be rejected. Now, Facebook has removed that contact form from Facebook site and given page owners the option to change their URL a single time. To change the URL of your page follow the given instructions: Edit Page –> Update Info –> Basic Information –> Change Username. 

Now you can change your Fan Page URL in Facebook
Upon doing so, users are reminded that they can only change their username once. From this page, users can check the availability of their desired vanity URL. This is similar to what Facebook has allowed for user profiles since 2009. 
Fan Page URL in Facebook
But page owners, still cannot change the complete name of their page if they have more than 200 Likes.
Hopefully you will like this article same as our previous posts. We always give respect to our reputable readers by providing the latest and informative knowledge. Again if you need any assistance or tips feel free to contact us at blogtipz[at]hotmail.com and www.bloggers-tips.blogspot.com. We always appreciate your advises and comments..
Read More
WEARIFY

Simple Tips to Add Floating Facebook Like Box to Blog


n this tutorial we are going to tell you how you can add a Floating Facebook like box in Blogger. It is very easy to add and use and makes your blog attractive. Those who intend to make their blog good-looking and striking by adding various social media widgets to their blogs can make the best use of it. It is a unique widget and is used by many bloggers.

Facebook Like Box to Blog

This widget normally remains squeezed to the right side of the blog. However when one hovers or flits around it, it appears prominent and that’s why it is called floating Facebook Like box. Its position can be changed to the left side of the blog’s body. You may keep it as you deem it suitable to your blog’s page appearance. It can be more valuable for you if you've a good number of Facebook likes for your blog.

This widget is shared with you with the purpose of conveying it to more users for benefitting as a blogger. This widget is built within JavaScript, CSS, HTML and JQuery. Here are the simple tips to add Floating Facebook Like box to blog.

Follow these simple steps below and add this widget.

Go to Blogger >> Layout >> Add a Gadget >> Select HTML/JavaScript Gadget

Add an HTML/JavaScript Widget and paste below inside that

 <script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuKfQAPO65dtTIF3beIEIFqLkcEyzDBszSfXbMgWeyxf4ju2tHkSSjf9NSwaSeOV1szneHVY0BwdbJKwT3Q80G_TSuvuLv3_Mb4gTRQBUnXw1xb6yVWeGFs21Hk19Byr4Iw5tpdYXQ65gI/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fbloggers-tips&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>
Save the widget and now the initial part has done.

After adding above code you will find this tag </head> in your Template >> HTML >> Proceed and right before it paste below code:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Save the template and you are done. Now you'll find a new Facebook like box shrinking on the right side of your blog.

Customization:

There are two options to customize this widget; the first one is changing bloggers-tips with your Facebook page user name

The second is float:right. However, if you want this widget to appear at left side then change the property right to left in float:right;. 

Hopefully you will like this article same as our previous posts. We always give respect to our reputable readers by providing the latest and informative knowledge. Again if you need any assistance or tips feel free to contact us at  blogtipz[at]hotmail.com and www.bloggers-tips.blogspot.com. We always appreciate your advises and comments.
Read More