BLog: Search results for how-to-add-facebook-fan-box-in-blogger

Showing posts sorted by relevance for query how-to-add-facebook-fan-box-in-blogger. Sort by date Show all posts

Monday, February 10, 2020

How To Add Together The Facebook Fan Box Inwards Blogger

Facebook Like box every bit good termed every bit Facebook Fan box has e'er considered every bit the near meaning component of a website. It allows the Blog owners to render their users amongst an slow in addition to convenient agency to bring together their Facebook community amongst only few clicks. Influenza A virus subtype H5N1 somebody that joins your community on Facebook would have updates direct into this intelligence feeds. Though, nosotros bring already covered how you lot tin add together a Facebook similar push inwards blogger? However, inwards this article, nosotros volition demonstrate you lot how to add together the Facebook fan box inwards Blogger.

Since, it is possible to add together a Facebook Fan box manually in addition to then in that place is no bespeak to job wired plugins or gadgets that powerfulness decrease the speed of your site. The starting fourth dimension matter you lot bespeak to create is to become to Facebook Social Plugin’s Like Box page. Now larn inwards the consummate URL of your Facebook Page for which you lot are willing to generate the fan box. It alone depends on you lot how much customization in addition to configuration you lot needs.

Now press the “Get Code” push to larn the coding that you lot volition endure implementing on your site.

Facebook provides a enough of options for implementation. You tin lead from diverse options similar HTML5, XHTML, IFRAME or URL. For us HTML5 is a touchstone option. However, XHTML every bit good industrial plant pretty well. Try to job IFRAME if the inwards a higher house 2 choice does non industrial plant for you.

Now click on the HTML5 Tab. Copy the starting fourth dimension component of the code in addition to glue it correct afterward the <body> tag which is normally constitute inwards Template >> Edit HTML Area. However, if you lot are unable to discovery it in addition to then you lot tin add together it anywhere inwards your body. The starting fourth dimension component of the code would somewhat expect similar this:

<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&appId=340438116046612";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

Now re-create the minute component of the code in addition to add together it anywhere on your site in addition to it would display the Like Box there. For example, become to Layout >> Add a gadget >> Add HTML/JavaScript >> in addition to glue the code there. The minute component of the code would somewhat expect similar this:

<div class="fb-like-box" data-href="https://www.facebook.com/mybloggerlab" data-width="292" data-show-faces="true" data-stream="true" data-show-border="true" data-header="true"></div>

Congratulations: Your Facebook Like box is ready, immediately become in addition to banking venture stand upward for your site to encounter it whether it is working perfectly fine or not. If you lot withal facial expression upward error, in addition to then crusade the alternative methods.

We promise this article has facilitated you lot inwards adding Facebook Fan Box inwards Blogger. Let us know which method you lot are using, what are the reasons why you lot job them, whatever advantages of similar box inwards your eyes. If you lot similar the article, why don’t you lot follow us on FB?

Friday, January 24, 2020

How To Add Together A Facebook Page Popup Footer Box Plugin Inwards Blogger

In the past, nosotros convey shown you lot how to add together a Facebook page plugin, Facebook comments, Facebook portion push inwards blogger. Recently, ane of our user asked us nearly how to add together a Facebook Page popup footer box inwards Blogger. Therefore, nosotros decided to educate a plugin for Facebook Page that exclusively appears when you lot scroll to the cease of a spider web page. It is a smart agency of increasing your Facebook likes in addition to edifice a rigid fan base. Today inwards this article, nosotros volition exhibit you lot how to add together Facebook Page popup footer box plugin inwards blogger.

What is Facebook Page Popup Footer Box?

It provides a practiced agency to acquire user friendly attending for your Facebook Fan page. It does non interrupts the user friendly sense in addition to does non distract the user land browsing.

When a user reaches the real cease of a webpage, the scrolling Facebook Page popup box appears on the bottom correct of the screen. Users convey the liberty to either proceed the scrolling popup footer box or they tin dismiss closed it using the cross (X) icon.

Before nosotros acquire on to the tutorial, you lot tin dismiss cheque the demo of this widget here.

How to Add Facebook Page Popup Footer Box inwards Blogger

The real outset affair you lot demand to create is to become to Blogger >> Template >> Edit HTML. In the template codes, search for the ending </body> tag. After finding </body>, only inwards a higher house it glue the next slice of code:

<link href="http://mybloggerlab.com/StyleSheet/MBL_FBPOP.css" rel="stylesheet" />
<script src="http://mybloggerlab.com/Scripts/MBL_FBPOP.js"></script>
<script type="text/javascript">
$('body').popscroll({
channel:'https://www.facebook.com/templateism',
msg:'Become our FAN',
bgcolor:'#89B399',
textcolor:'#ffffff',
triggerpoint:6000,
network: 'facebook',
fb_hide_cover : false,
fb_show_posts : false,
});
</script>

Now, you lot demand to customize the widget according to your needs. Just follow the below instructions in addition to brand changes to the inwards a higher house code:

Replace https://www.facebook.com/templateism amongst your Facebook Page URL.
Replace #89B399 amongst whatever other color that you lot desire to run across every bit background of this widget.
Replace #ffffff with whatever other color that you lot desire to run across every bit the text color of this widget.

If you lot convey coding knowledge, thus you lot tin dismiss customize it fifty-fifty farther but for a no-technical mortal the inwards a higher house customization are pretty much it.

Now afterwards customizing the widget, salvage the template past times pressing "Save Template" push located at the meridian of your screen.

We promise this tutorial convey helped you lot inwards learning how to add together a Facebook page popup footer box plugin inwards blogger. Let us know what create you lot intend nearly this novel unique widget inwards the comments below.

Tuesday, February 13, 2007

How To Add Together Facebook Page Plugin Inwards Blogger

Do yous desire to attract to a greater extent than together with to a greater extent than subscribers to your blog? Here, nosotros volition tell yous how to produce that past times just adding a uncomplicated Facebook widget to your blog. Since Facebook is 1 of the most used social networks, it helps your subscribers to larn recent updates of your spider web log via their Facebook accounts. Once they log inwards to their draw of piece of occupation concern human relationship they are able to know all nigh the recent activities of your spider web log which is twinkling on their newsfeed. Recently, Facebook released a novel page similar box widget. In this article, nosotros volition exhibit yous How to add together Facebook Page Plugin inwards blogger.

What is Facebook Page Plugin?

Facebook page plugin is inwards brusque the replacement of the Facebook Like box. However, it industrial plant just similar the previously known similar box.

The functions are the same but it comes amongst extra layer of improved await which also shows facebook encompass photo. You tin display your recent page posts, showing roughly random people who liked your page together with etc.

Why Facebook Widget are Important?

Everyone craves for a spider web log having high traffic together with millions of subscribers. Facebook straight off paves your agency from dream to reality. Facebook widget is the most top-rated agency to attract viewers together with forcing them to choke your permanent subscribers.It non exclusively keeps your quondam fans tied to your spider web log but it has been observed blogs having such features are attracting to a greater extent than fans past times each passing day.

Following are the most pop widgets for Facebook. If your spider web log lack them, together with thus I would country it is your prime number responsibleness to add together them together with permit your draw of piece of occupation concern grow.

Facebook POP Likebox:
Once yous provide your draw of piece of occupation concern human relationship amongst a Facebook widget, a Facebook similar pop-up window volition look every fourth dimension a visitor visits your spider web log for the kickoff time.

Floating Facebook Likebox: It comforts users to similar your Facebook fan page from whatever page on your site rather than forcing them dorsum to choke to the homepage searching for similar box.
Share Button:It gives your subscribers the potency to part your content to their Facebook profiles. It is highly recommended to add together this widget since it volition attract the subscriber’s friends equally good together with they likewise volition stick to your blog. Learn how to add together share push inwards blogger.
Page Badge:It comes existent handy when yous desire a boost inwards your traffic. It volition connect your Facebook page together with website past times sharing data from page to your website.
Like button: Facebook similar button ases your users past times allowing them to issue content together with action to Facebook.

How to Add New Facebook Like box inwards Blogger:

Adding a Facebook Plugin is quite easy. All yous bring to produce is to follow these uncomplicated steps:

The really kickoff affair yous involve to produce is to see Facebook Page Plugin. You volition break a few options to customize the appearance of your page plugin.

Provide your Page URL, pick out the width together with peak of your page plugin. Since, the plugin shows the encompass page on to the widget yous tin only enshroud it from the plugin inwards illustration yous don't desire it to appear. You tin also pick out whether to exhibit your latest page posts or not.

If yous are non a techsavvy someone than exit all the options blank, but produce non forget to add together the URL to your facebook page. Once yous are satisfied amongst the customizations yous tin press the larn code push to continue.

Facebook volition give yous 2 codes, re-create the kickoff code together with glue it inwards a higher identify the </head> tag inwards your blogger template. Additionally yous tin also glue the code, ideally correct later the opening <body> tag.

Now, Copy the minute code together with glue it anywhere yous would similar to display the facebook page similar box. We recommend yous add together it inwards your sidebar past times going to Layout >> Add a Gadget.

I must country inwards lodge to growth your blog’s publicity; yous should never immature adult woman out on such useful widgets which volition clear the agency for to a greater extent than people to subscribe to your blog. Influenza A virus subtype H5N1 spider web log which has all the modern features pleases the fans together with helps them to larn to a greater extent than together with to a greater extent than benefits from your blog. So, what are waiting for? Go together with larn your Facebook widgets together with permit people know yous inwards a broader feel via your blog.

Friday, May 18, 2007

How To Occupation A Jquery Facebook Photograph Gallery Inwards Blogger

Facebook is turning out to hold upwardly the issue i beginning for character targeted traffic. This is the argue why webmasters are concentrated to a greater extent than towards connecting their website amongst unlike Facebook Plugins too widgets. We accept already covered How to Add Facebook comments, Facebook Recommendation box too Facebook Fan Box inwards Blogger. Recently, i of our visitors asked us How to Create a JQuery Facebook Photo Gallery inwards Blogger? Today inwards this article nosotros volition hold upwardly showing yous How to Create a jQuery Facebook Photo Gallery inwards Blogger.

What is jQuery Facebook Photo Gallery For Blogger?

This plugin enables yous to thought too import your all Facebook Galleries too images to your website. It imports your all populace albums, but it plant solely amongst Facebook Page galleries. It too gives yous the flexibility too the liberty to exclude whatsoever album that yous like. The whole organization plant on jQuery, thus yous acquire plenty options to customize it they agency yous like. In case, yous desire to run across this photograph gallery inwards alive activity cheque out the next screenshot.

On the peak of that, yous tin too thought the photos inside your site through Lightbox functionality. You tin browse unlike albums too tin become dorsum to the house from where yous started.

How to usage jQuery Facebook Photo Gallery inwards Blogger?

Installing Facebook Gallery:
The showtime matter yous demand to usage is to login into your Google account. After logging inwards become to Blogger.com >> Your spider web log >> Template >> Edit HTML too search for the ending </head> Tag. After finding the caput tag exactly higher upwardly it glue the next slice of code.

<link media="all" href="http://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet" type="text/css" />

<link media="all" href="https://googledrive.com/host/0B-vz7n1QSdEfWE1Wbmxtc2FYN1k" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfRkNxSXVfYjlRU3c"></script>

<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfUDFxcEpsM1ZSTjQ"></script>

<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfaHU3dTFPallrU1E"></script>

<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfUFhSTlNaaU5tTkE"></script>

<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfeVlQNnBDZGhtXzQ"></script>

After adding the higher upwardly code inwards your template, exactly press the “Save Template” push clitoris too move yesteryear away on to the side yesteryear side step.

Creating Facebook Gallery:
Now yous demand to uncovering the ID of your Facebook Page profile (remember this solely plant for pages non profile). To uncovering your Facebook Page ID become to http://findmyfacebookid.com/ enter your Page URL i.e. https://www.facebook.com/Templateism too hitting “Lookup Numeric ID” to acquire a numeric Id of your page.

Now in i trial yous uncovering out your ID, it's fourth dimension to usage a gallery. Now it depends on yous where yous would similar to run across the photograph gallery either inwards your postal service or pages. If yous similar to usage a page then, become to Blogger >> Your site >> Pages >> add together a novel page >> Give your page a championship quondam similar “Facebook Galleries”. After naming your page, only glue the next code there. (Do non forget to supersede Your-Page-ID amongst the numeric ID that yous got from the previous step.

<script>
$(document).ready(function ($) {
$('#FB_Album_Frame').FB_Album({
facebookID: 'Your-Page-ID',
responsiveGallery: false,
fixedWidth: 980
});
});
</script>

<div id="FB_Album_Frame"></div>

Congratulations: Once everything is done, seat out it. You accept successfully created a Facebook jQuery Photo Gallery inwards Blogger. Now become too cheque if it is working fine.

We promise this tutorial has helped yous inwards learning How to Create a jQuery Facebook Photo Gallery inwards Blogger. This plugin would for certain assistance those who are actually crazy almost facebook too photograph galleries. Let us know almost your experiance, if yous liked it thus percentage it on Facebook.

Saturday, May 26, 2007

How To Add Together A Facebook Follow Push Clitoris Inwards Blogger

Not every weblog possessor writes virtually the world. Sometime blogs are made for personal opinions. In this case, Facebook Fan Pages could laissez passer yous productive results. Here, yous should exercise Facebook profile together with the subscription characteristic to allow users follow yous straight on Facebook. Recently, 1 of our users asked us that How to add together a Facebook Follow Button inward Blogger. The follow push is a lot similar to the like box, functionalities together with the appearance of the follow push is pretty much identical to the similar box. In this article, nosotros volition exhibit yous How to add together a Facebook Follow push for Single Author inward blogger.

If yous are running on a unmarried author, together with thence yous tin flaming straight acquire the follow push code from Facebook Widget page together with glue it anywhere yous desire to display that widget i.e. widget area, template together with etc.

How to Add a Facebook Follow push inward Blogger?

The outset affair yous demand to create is to become to Facebook Social Plugins website page. Now come inward the consummate URL of your Facebook Profile for which yous are willing to generate the follower button. There are a lot of options for customization which could assistance yous inward creating a perfect gibe for your website.

After entering your Profile URL, yous tin flaming clearly run into how your widget would seem on your website. Once chip of customization is done, press the “Get Code” push at the bottom.

Now a novel window would popular out, choose the “iFrame” Tab together with re-create the code. Now glue it anywhere yous would similar to exhibit this widget. For example, if yous are willing to exhibit it inward your sidebar then, become to Blogger.com >> Layout >> Add a Gadget >> Add HTML/JavaScript together with elementary glue the code there.

Congratulations: Once everything is down, exactly press the “Save” push together with your Facebook Follow push is ready, together with proficient to endure alive on your website. Now become together with banking concern check your website to run into the Follow push inward alive action.

We promise this tutorial has helped yous inward learning how to add together a Facebook follow push inward blogger? What are your thoughts virtually this follow button? Does it actually worth it, or yous are happy alongside Google+ followers gadget? Let us know virtually your experience.

Monday, September 30, 2019

Boost Your Weblog Traffic Alongside Facebook Fan Page

When it comes to social networking the outset advert arrives inwards our remove heed is Facebook. It’s been a existent long era, since almost billions of people are using Facebook. The chief persuasion behind the success of Facebook is to socialize the entire network yesteryear starting relationships in addition to interacting alongside your friends or family. But on the other paw nosotros tin also purpose Facebook inwards promoting our laid yesteryear creating our Brand pages.

The chief persuasion behind creating our laid page at Facebook is to select targeted traffic to our weblog or website. Now a days almost every i prefer to accept a fan page for non entirely to interact alongside their fans but to select to a greater extent than audience to their blog. So today nosotros volition going to part How You tin Increase your Blog or Website Traffic alongside your Facebook Brand Page. We volition become trough the basics to the professional person ethical tips.

Get Started With Fan Page – Basic Information:

Now First of all, when nosotros create a page nosotros should occur inwards our remove heed to select the right data nearly the page. The basic data plays of import business office inwards defining your page, it makes awareness amid the users what this page is all about. For Example: Any i who visits your fan page to larn to a greater extent than nearly your community, when he become through your basic data he does non respect whatsoever affair novel nearly you. So why he should similar your page since you lot are non telling them what this page is all about. Now to over come upwards these problems, displace to fill upwards up your basic data alongside rich keywords. Select those keywords which are related to your weblog or website. Don’t over done it only laid it simple.

Build Audience – Asking your friends?

The biggest headache of a fan page possessor is to laid audience. If you lot are thinking to inquire your friend to similar your page, in addition to then your approach is pretty childish. Try to intend on large scale bespeak your friends in addition to household unit of measurement to similar your page, volition increment your likes but it volition non increment your readers. So if you lot desire to increment Your Facebook Likes must read this Increase Your Facebook Page Likes inwards Bulk For Free

Design a Perfect Logo – Avatar:

Now to laid your fan page hold off to a greater extent than professional, pattern an attractive logo. Try to laid a logo alongside your website initials similar for MyBloggerLab nosotros volition purpose (MBL). You tin purpose Photoshop or whatsoever other tool for designing.

Give your Fan Page a Perfect looks – Designing:

To attract the eyes of your audience displace to fill upwards your fan page alongside colors. Try to purpose brilliant color system alongside chip of night coloring hence your page does non hold off hence dull. Add a cool Cover to your fan page. Use novel features of Facebook Timeline to attract audience i.e. Highlights in addition to Pin To top

Note:If you lot are non skillful at designing in addition to then no demand to worry. Soon nosotros are starting new series which will laid you lot a perfect graphics designer, but if you lot are inwards hurry only live on out your email address below and I volition pattern a Logo for you

Insert a Fan Page Like Box inwards Your Blog:

The best agency to acquire fast likes is to insert Facebook Page similar Box inwards your weblog or website. This volition increment your likes a lot. But if you lot desire quick likes displace to purpose Small Fblike Box Widget below your all posts inwards Blogger. To occur your fans upwards to appointment issue your posts on right time. Make a habit to post daily hence your fans never lose whatsoever update. You tin purpose some Facebook Plugins which volition post updates on your fan page automatically See this Automatically Publish Website Posts To Facebook Page Via Rss Feeds

So these were the tips which volition laid your Facebook Fan Page to a greater extent than pop in addition to it volition also increment your website or weblog traffic. So this is it for straight off rest tuned for to a greater extent than Facebook tips till in addition to then peace, blessings in addition to thank you lot pals.

Wednesday, August 7, 2019

Boost Your Weblog Traffic Alongside Facebook Fan Page

Get Started With Fan Page – Basic Information:

Build Audience – Asking your friends?

Design a Perfect Logo – Avatar:

Give your Fan Page a Perfect looks – Designing:

Note:If you lot are non skillful at designing in addition to then no demand to worry. Soon nosotros are starting new series which will laid you lot a perfect graphics designer, but if you lot are inwards hurry only live on out your email address below and I volition pattern a Logo for you

Insert a Fan Page Like Box inwards Your Blog:

Wednesday, March 11, 2020

Boost Your Spider Web Log Traffic Amongst Facebook Fan Page

When it comes to social networking the kickoff refer arrives inward our take away heed is Facebook. It’s been a existent long era, since almost billions of people are using Facebook. The original regard behind the success of Facebook is to socialize the entire mesh past times starting relationships in addition to interacting with your friends or family. But on the other manus nosotros tin dismiss also hold out Facebook inward promoting our gear upwardly past times creating our Brand pages.

The original regard behind creating our gear upwardly page at Facebook is to convey targeted traffic to our weblog or website. Now a days almost every 1 prefer to select a fan page for non alone to interact with their fans but to convey to a greater extent than audience to their blog. So today nosotros volition going to portion How You tin dismiss Increase your Blog or Website Traffic with your Facebook Brand Page. We volition acquire trough the basics to the professional person ethical tips.

Get Started With Fan Page – Basic Information:

Now First of all, when nosotros create a page nosotros should proceed inward our take away heed to select the right data close the page. The basic data plays of import business office inward defining your page, it makes awareness with the users what this page is all about. For Example: Any 1 who visits your fan page to larn to a greater extent than close your community, when he acquire through your basic data he does non expose whatever affair novel close you. So why he should similar your page since y'all are non telling them what this page is all about. Now to over come upwardly these problems, endeavour to fill upwardly up your basic data with rich keywords. Select those keywords which are related to your weblog or website. Don’t over done it only gear upwardly it simple.

Build Audience – Asking your friends?

The biggest headache of a fan page possessor is to construct audience. If y'all are thinking to inquire your friend to similar your page, in addition to thus your approach is pretty childish. Try to intend on large scale bespeak your friends in addition to identify unit of measurement to similar your page, volition increment your likes but it volition non increment your readers. So if y'all desire to increment Your Facebook Likes must read this Increase Your Facebook Page Likes inward Bulk For Free

Design a Perfect Logo – Avatar:

Now to gear upwardly your fan page await to a greater extent than professional, pattern an attractive logo. Try to gear upwardly a logo with your website initials similar for MyBloggerLab nosotros volition hold out (MBL). You tin dismiss hold out Photoshop or whatever other tool for designing.

Give your Fan Page a Perfect looks – Designing:

To attract the eyes of your audience endeavour to fill upwardly your fan page with colors. Try to hold out brilliant color system with fleck of nighttime coloring thus your page does non await thus dull. Add a cool Cover to your fan page. Use novel features of Facebook Timeline to attract audience i.e. Highlights in addition to Pin To top

Note:If y'all are non skillful at designing in addition to thus no demand to worry. Soon nosotros are starting new series which will gear upwardly y'all a perfect graphics designer, but if y'all are inward hurry only acquire out your email address below and I volition pattern a Logo for you

Insert a Fan Page Like Box inward Your Blog:

The best means to acquire fast likes is to insert Facebook Page similar Box inward your weblog or website. This volition increment your likes a lot. But if y'all desire quick likes endeavour to hold out Small Fblike Box Widget below your all posts inward Blogger. To proceed your fans upwardly to appointment issue your posts on right time. Make a habit to post daily thus your fans never lose whatever update. You tin dismiss hold out some Facebook Plugins which volition post updates on your fan page automatically See this Automatically Publish Website Posts To Facebook Page Via Rss Feeds

So these were the tips which volition gear upwardly your Facebook Fan Page to a greater extent than pop in addition to it volition also increment your website or weblog traffic. So this is it for instantly rest tuned for to a greater extent than Facebook tips till in addition to thus peace, blessings in addition to thank y'all pals.

Tuesday, February 11, 2020

How To Add Together Jquery Social Followers Count Plugin Inwards Blogger

Are you lot bored of updating your Social Follower’s count manually inwards your Widgets? Every forthwith together with and thence lots of visitors acquire inwards on your website. Thus, few of them travel your social followers yesteryear either liking your Facebook fan page or next your site on twitter. This is the reason, why your Social Followers count almost changes on a daily basis. Therefore, it gets also annoying to update your social Followers count manually inwards your social subscription widgets. In the past, nosotros own got shared a lot of Social Subscriptions gadgets, but they never update the subscribers count on automation. However, in conclusion MBL developers are able to educate a widget that updates the followers count on automation. Today inwards this article, nosotros volition larn How to add together automatic jQuery Social Follower Count Plugin for Blogger.

Social Followers Count (DEMO)

Few months agone a user left a comment on MBL suggesting us to practise a widget that automatically updates the followers count.

Wali Khan Commented:

Faizan, truly this widget together with similar you lot already published on your spider web log would hold upward ameliorate if they would own got an auto increment function.. but without that it is exactly headache to update them when followers are increased..

Let me know if I'm wrong!

That’s what our Founder Syed Faizan Ali Replied to the to a higher house comment.

Syed Faizan Ali Replied:
Well, you lot are quite correct that nosotros own got widget similar to the 1 which nosotros own got shared today. However, it has to a greater extent than elegant look.

Coming dorsum to point, Well to brand it auto update nosotros own got to utilisation API of Different Social Websites. Which is indeed a hard TASK. Nonetheless, nosotros would endeavor to practise a auto Updating Social Networking widget.

Since, Blogger is non flexible enough. That why nosotros ever prefer custom. Self updating widgets.

After viewing this gadget, everyone would mean value that what is uniqueness inwards this thing? There are tons of same gadgets available on dissimilar nooks together with corners of the web. However, this gadget has the functionality which other does non have. It updates the followers count on automation addition an elegant design. What else you lot want?

How to Install jQuery Social Count Plugin inwards Blogger?

The instructions mentioned below are extremely straightforward, together with would accept less than 2 minutes to consummate the integration. Remember: This widget has the flexibility to piece of occupation on whatever sort of platform that supports HTML. Therefore, nosotros tin also utilisation it on WordPress, Jhoomla together with etc.

Go to Blogger.com >> Template >> Edit HTML >> Proceed.

In the Template coding search for]]></b:skin> together with exactly to a higher house it glue the next CSS coding. There is no demand to practise whatever customization inwards the CSS coding. Therefore, maintain it every bit it is.

/*--- MBL jQuery Social Follower Count Plugin --- */

.mblsocial-container{

font-size: 13px;

color: #666;

font-family: arial,sans-serif;

line-height: 25px;}

.mblsocial-container a,.mblsocial-container a:visited

{color:#45BAF5;

text-decoration: none;}

.count

{font-weight:bold;}

.row{

position: relative;

width: 320px;

margin: 20px 0px;

height: 100px;

}

.col_4{

width: 155px;

float: left;

margin: auto;

text-align: center;

}

.box{

width: 130px;

height: 100px;

margin: auto;

border: 1px company #E5E7EB;

background: #F1F3F8;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius:3px;

}

.cell_1{

width: 30px;

height: 80px;

position: relative;

float: left;

margin: auto;

}

.cell_2{

font-size: 30px;

height: 80px;

width: 80px;

text-align: center;

line-height: 80px;

font-family: arial, sans-serif;

font-smooth: always;

position: relative;

margin: auto;

color: #333;

}

.cell_3{

height: 20px;

width: 132px;

float: left;

margin: auto;

line-height: 20px;

font-size: 12px;

color: #999;

background: #ccc;

margin-left: -1px;

-webkit-border-bottom-right-radius: 3px;

-webkit-border-bottom-left-radius: 3px;

-moz-border-radius-bottomright: 3px;

-moz-border-radius-bottomleft: 3px;

border-bottom-right-radius: 3px;

border-bottom-left-radius: 3px;

}

.icon{

width: 40px;

height: 40px;

margin-top: 17px;

border: none;

}

.facebook-blue{

background-color: #5074BF;

background-image: -moz-linear-gradient(top, #88AEFC, #3B5998);

background-image: -ms-linear-gradient(top, #88AEFC, #3B5998);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#88AEFC), to(#3B5998));

background-image: -webkit-linear-gradient(top, #88AEFC, #3B5998);

background-image: -o-linear-gradient(top, #88AEFC, #3B5998);

background-image: linear-gradient(top, #88AEFC, #3B5998);

background-repeat: repeat-x;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88AEFC', endColorstr='#3B5998');

border-color: #23487E;

color: #fff;

text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);

}

.twitter-blue{

background-color: #44B8F2;

background-image: -moz-linear-gradient(top, #96DCFF, #2BA6E3);

background-image: -ms-linear-gradient(top, #96DCFF, #2BA6E3);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#96DCFF), to(#2BA6E3));

background-image: -webkit-linear-gradient(top, #96DCFF, #2BA6E3);

background-image: -o-linear-gradient(top, #96DCFF, #2BA6E3);

background-image: linear-gradient(top, #96DCFF, #2BA6E3);

background-repeat: repeat-x;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96DCFF', endColorstr='#2BA6E3');

border-color: #149BDE;

color: #fff;

text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);

}

.green {

background-color: #41AD2B;

background-image: -moz-linear-gradient(top, #4FDE33, #368F24);

background-image: -ms-linear-gradient(top, #4FDE33, #368F24);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4FDE33), to(#368F24));

background-image: -webkit-linear-gradient(top, #4FDE33, #368F24);

background-image: -o-linear-gradient(top, #4FDE33, #368F24);

background-image: linear-gradient(top, #4FDE33, #368F24);

background-repeat: repeat-x;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4FDE33', endColorstr='#368F24');

border-color: #1B7808;

color: #fff;

text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);

}

.black {

background-color: #333;

background-image: -moz-linear-gradient(top, #666, #000);

background-image: -ms-linear-gradient(top, #666, #000);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000));

background-image: -webkit-linear-gradient(top, #666, #000);

background-image: -o-linear-gradient(top, #666, #000);

background-image: linear-gradient(top, #666, #000);

background-repeat: repeat-x;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');

border-color: #000;

color: #fff;

text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);

}

#mycontent{

color:#a1a1a1;

text-align:center;

line-height: 1.9;

width:310px;

border: 1px company #E5E7EB;

background: #F1F3F8;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius:3px;

}

That's All Save the Template yesteryear Pressing "Save Template" Button together with maintain to the side yesteryear side step.

How to add together Automatic jQuery Social Follower Count Plugin for Blogger?

Go to Blogger.com >> Layout >> Add a Gadget.
From the listing select Add HTML/JavaScript.
Now inwards the HTML Box glue the next coding.

<script type="text/javascript" src="https://mybloggerlab.googlecode.com/files/jquery-1.7.1.min.js"></script>

<script>

$(document).ready(function(){

$('#shared').mblsocialcount({

'service':'facebook',

'countof':'shares',

'query':'http://www.mybloggerlab.com',

'callback':'formatCount'

});

$('#tweets').mblsocialcount({

'service':'twitter',

'countof':'tweets',

'query':'mybloggerlab',

'callback':'formatCount'

});

$('#fblikes').mblsocialcount({

'service':'facebook',

'countof':'likes',

'query':'mybloggerlab',

'callback':'formatCount'

});

$('#followers').mblsocialcount({

'service':'twitter',

'countof':'followers',

'query':'mybloggerlab',

'callback':'formatCount'

});

});

business office formatCount(element,count)

{var display_count='';

count=parseInt(count,10);

if(count>1000000)

{count=count/1000000;

count=count.toFixed(1);

display_count=count+'m';}

else if(count>1000)

{count=count/1000;

count=count.toFixed(1);

display_count=count+'k';}

else{display_count=count;}

element.html(display_count);}

</script>

<div class="mblsocial-container">

<div class="row">

<div class="col_4">

<a href="http://www.facebook.com/mybloggerlab" target="_blank" rel="nofollow">

<div class="box">

<div class="cell_1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikK7BY55D800xT1cGjQklOppeiiKlf_j_macLZTfFXzpQchylG9PshYuwe6rQWZe5Y5r4KAwrGmiZAKCLmdNb0eAvgNrYOqcgteFP9ZMXq5djEzRUMhtsQGFT6iOEltwpud1G0AdmZoFQ/s100/facebook.png" class="icon"/></div>

<div class="cell_2"><span id="fblikes" class="count"></span></div>

<div class="cell_3 facebook-blue">Likes</div>

</div>

</a>

</div>

<div class="col_4">

<a href="http://www.mybloggerlab.com" target="_blank" rel="nofollow">

<div class="box">

<div class="cell_1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikK7BY55D800xT1cGjQklOppeiiKlf_j_macLZTfFXzpQchylG9PshYuwe6rQWZe5Y5r4KAwrGmiZAKCLmdNb0eAvgNrYOqcgteFP9ZMXq5djEzRUMhtsQGFT6iOEltwpud1G0AdmZoFQ/s100/facebook.png" class="icon"/></div>

<div class="cell_2"><span id="shared" class="count"></span></div>

<div class="cell_3 green">Shares</div>

</div>

</a>

</div>

</div>

<div class="row">

<div class="col_4">

<a href="http://www.twitter.com/mybloggerlab" target="_blank" rel="nofollow">

<div class="box">

<div class="cell_1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgut7ssnaNNM3qLuQOeWRqwYUTtnXTqukRAH7_6oWYxQZU6iH09cm-lODwYTl759BVNJijJh6JFaE6Z5jrtgcliPvGtOco0g3MlevhnahPUF83Zlv9_XLvlzeoUoBiseRNpTBO8VNbQNVo/s100/twitter.png" class="icon"/></div>

<div class="cell_2"><span id="followers" class="count"></span></div>

<div class="cell_3 twitter-blue">Followers</div>

</div>

</a>

</div>





<div class="col_4">

<a href="http://www.twitter.com/mybloggerlab" target="_blank" rel="nofollow">

<div class="box">

<div class="cell_1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgut7ssnaNNM3qLuQOeWRqwYUTtnXTqukRAH7_6oWYxQZU6iH09cm-lODwYTl759BVNJijJh6JFaE6Z5jrtgcliPvGtOco0g3MlevhnahPUF83Zlv9_XLvlzeoUoBiseRNpTBO8VNbQNVo/s100/twitter.png" class="icon"/></div>

<div class="cell_2"><span id="tweets" class="count"></span></div>

<div class="cell_3 black">Tweets</div>

</div>

</a>

</div>

</div>

<div id="mycontent">Created By <a href="http://www.mybloggerlab.com">MyBloggerLab.com</a>

</div>

</div>

<script type="text/javascript" src="https://mybloggerlab.googlecode.com/files/mblsocialcount.js"></script>

Customization:

For Twitter Share/Follow:

Replace mybloggerlab with your Twitter username.
Replace http://www.twitter.com/mybloggerlab with your Twitter fan page URL.

For Facebook Share/Likes:

Replace mybloggerlab with your Facebook Fan username.
Replace http://www.facebook.com/mybloggerlab with your Facebook fan fage URL

ATTENTION: Don't take the credit link. Anyone who take the link, together with thence it could destroy his Blog maliciously. Therefore, maintain the credit links intact. If you lot failed to practise so, together with thence nosotros would non concur whatever responsibleness because legal activity would hold upward taken against him. However, if anyone desire to buy a Legal licence together with thence he tin contact us.

From the Editor's Desk:

Combining the API alongside the Gadget was an uphill task. Our squad did a lot of hard piece of occupation altogether together with the effect was exactly outstanding. We would certainly give thank you lot our Reader who suggested us to piece of occupation over such a pregnant gadget. What are your thoughts nearly the innovation? Yeah, nosotros know WordPress already has it but what nearly Blogger huh?. Take a lot assist till then, Peace, Blessings together with Happy Socializing.