Facebook Like Counter Css

Facebook Like Counter Css

You can also add a Call to Action button that will redirect people to your email newsletter or prompt them to install your mobile app and so on. 41 themes . Your site is path-based one of sites located in different subdirectories of one domain and you want to have statistics separate from other sites. Stack Overflow works best with JavaScript enabled .. Setting data-show-facepile to false will hide the row of pictures. What you see here are a list of customization options now available inside the Facebook Page plugin. From all the answers, this should be the chosen one. NOTICE - Though some devices already support iFrames, not all mobile devices do. shareimprove this answer edited Jun 22 '13 at 0:48 sakibmoon 1,65831529 answered May 2 '13 at 9:24 Rob Quist 3,25911534 add a comment up vote 2 down vote Most of the suggestions are now, no longer valid. The other difference that you can now only display a single row of fan pictures inside the Page Plugin. Toggle navigation Home Widget Code generator Translate Showcase Press Blog Plugins WordPress Joomla Drupal WIX Weebly Shopify Squarespace uCoz Blogger Tumblr vBulletin Pricing Help Documentation FAQ Hire Developer Contact Us Log In Websites Statistics Profile Payments Notifications Coupons Referrals Logout En English Search . If you are not successful in finding code, use Find code on new Blogger template editor. You'll get something similar to this; Now lets wrap a div around there. What I do is just basically detect where the number is going to be and use css to have a box cover over it. Trusted by over 100 000 websites View Showcase . Let me know how this works out for you and if there are any problems that you are facing. Like Button Code Generator Website plan TRIAL (switches to FREE after 7 days) FREE PLUS PRO VIP ULTRA General Theme Custom Theme Button Size Font Size Icon Size Like Icon hrt1 hrt10 hrt11 hrt12 hrt13 hrt2 hrt3 hrt4 hrt5 hrt6 hrt6-o hrt7 hrt7-o hrt8 hrt9 thmb3-u thmb3-d thmb4-u thmb4-d thmb5-u thmb5-d thmb7-u thmb7-d thmb8-u thmb8-d thmb9-v thmb9-u thmb2-u thmb2-d thmb1 thmb6 alrt1 alrt2 arr1-d arr1-u arr10-d arr10-u arr11-d arr11-l arr11-r arr11-u arr12-d arr12-u arr13-d arr13-u arr14-d arr14-u arr15-d arr15-u arr16-d arr16-u arr17-d arr17-u arr18-d arr18-u arr19-d arr19-u arr2-d arr2-u arr3-d arr3-u arr4-d arr4-u arr5-d arr5-u arr6-d arr6-u arr7-d arr7-u arr8-d arr8-u arr9-d arr9-u blb1 blb2 bll bll-o bskt dmnd flg1 flg2 flg2-f flg2-o lck1-c lck1-o lck2-c lck2-o rnd rnd-0 sgn1-s sgn1-t sgn10-c sgn10-t sgn11-i sgn11-q sgn12-m sgn12-p sgn2-m sgn2-p sgn3-c sgn3-m sgn3-p sgn3-t sgn4-c sgn4-t sgn5-t sgn6-m sgn6-p sgn7-c sgn7-m sgn7-p sgn7-t sgn8-c sgn8-m sgn8-p sgn8-t sgn9-f sky-sn sky-mn sml1 sml2 sml3-h sml3-n sml3-u stck str1 str1-o str2 str2-o trsh usr1 usr1-o usr2-c usr2-p vlm1-d vlm1-u zap zm-in zm-out Dislike Icon hrt1 hrt10 hrt11 hrt12 hrt13 hrt2 hrt3 hrt4 hrt5 hrt6 hrt6-o hrt7 hrt7-o hrt8 hrt9 thmb3-u thmb3-d thmb4-u thmb4-d thmb5-u thmb5-d thmb7-u thmb7-d thmb8-u thmb8-d thmb9-v thmb9-u thmb2-u thmb2-d thmb1 thmb6 alrt1 alrt2 arr1-d arr1-u arr10-d arr10-u arr11-d arr11-l arr11-r arr11-u arr12-d arr12-u arr13-d arr13-u arr14-d arr14-u arr15-d arr15-u arr16-d arr16-u arr17-d arr17-u arr18-d arr18-u arr19-d arr19-u arr2-d arr2-u arr3-d arr3-u arr4-d arr4-u arr5-d arr5-u arr6-d arr6-u arr7-d arr7-u arr8-d arr8-u arr9-d arr9-u blb1 blb2 bll bll-o bskt dmnd flg1 flg2 flg2-f flg2-o lck1-c lck1-o lck2-c lck2-o rnd rnd-0 sgn1-s sgn1-t sgn10-c sgn10-t sgn11-i sgn11-q sgn12-m sgn12-p sgn2-m sgn2-p sgn3-c sgn3-m sgn3-p sgn3-t sgn4-c sgn4-t sgn5-t sgn6-m sgn6-p sgn7-c sgn7-m sgn7-p sgn7-t sgn8-c sgn8-m sgn8-p sgn8-t sgn9-f sky-sn sky-mn sml1 sml2 sml3-h sml3-n sml3-u stck str1 str1-o str2 str2-o trsh usr1 usr1-o usr2-c usr2-p vlm1-d vlm1-u zap zm-in zm-out Like Icon Color Color After Voting Dislike Icon Color Color After Voting Label Color Color After Voting Likes Counter Color Dislikes Counter Color Background Color Background After Voting Border Color Font Family Arial Arial Black Arial Narrow Brush Script MT Comic Sans MS Copperplate Courier New Georgia Impact Lucida Console Lucida Grande Lucida Sans Unicode Palatino Papyrus Tahoma Times New Roman Trebuchet MS Verdana Label Font Style Regular Regular Italic Bold Bold Italic Counter Font Style Regular Regular Italic Bold Bold Italic Language Send us translation English [en] Russian [ru] Afrikaans [af] Afrikaans Arabic [ar] Armenian [hy] Belarusian [be] Bengali [bn] Bulgarian [bg] Bosnian [bs] bosanski jezik Catalan [ca] Catal Chinese [zhCN] Czech [cs] etina Persian (Farsi) [fa] Finnish [fi] Suomi French [fr] Franais Danish [da] Dansk Dutch [nl] Nederlands German [de] Deutsch Greek [el] Hebrew [he] Hungarian [hu] Magyar Indonesian [id] Bahasa Indonesia Italian [it] Italiano Japanese [ja] Kazakh [kk] Korean [ko] Lithuanian [lt] Lietuvi kalba Nepali [ne] Norwegian (Bokmal) [no] Norsk bokml Polish [pl] Polski Portuguese [pt] Portugus Portuguese (Brazil) [ptBR] Portugus do Brasil Romanian [ro] Romn Serbian [sr] Slovak [sk] Slovenina Slovenian [sl] Slovenina Spanish [es] Espaol Swedish [sv] Svenska Thai [th] Turkish [tr] Trke Ukrainian [uk] Vietnamese [vi] Ting Vit Like button text Voting animation push grow buzz wobble bounce shake heartbeat Remove branding VIP ULTRA Yes No Google Rich Snippets Yes No Make sure to specify item information, otherwise Google will not index structured data on your website. Stack Overflow Questions Jobs Developer Jobs Directory Salary Calculator Help Mobile Stack Overflow Business Talent Ads Enterprise Company About Press Work Here Legal Privacy Policy Contact Us Stack Exchange Network Technology Life / Arts Culture / Recreation Science Other Stack Overflow Server Fault Super User Web Applications Ask Ubuntu Webmasters Game Development TeX - LaTeX Software Engineering Unix & Linux Ask Different (Apple) WordPress Development Geographic Information Systems Electrical Engineering Android Enthusiasts Information Security Database Administrators Drupal Answers SharePoint User Experience Mathematica Salesforce ExpressionEngine Answers Stack Overflow em Portugus Blender Network Engineering Cryptography Code Review Magento Software Recommendations Signal Processing Emacs Raspberry Pi Stack Overflow Programming Puzzles & Code Golf Stack Overflow en espaol Ethereum Data Science Arduino Bitcoin more (26) Photography Science Fiction & Fantasy Graphic Design Movies & TV Music: Practice & Theory Worldbuilding Seasoned Advice (cooking) Home Improvement Personal Finance & Money Academia Law more (16) English Language & Usage Skeptics Mi Yodeya (Judaism) Travel Christianity English Language Learners Japanese Language Arqade (gaming) Bicycles Role-playing Games Anime & Manga Puzzling Motor Vehicle Maintenance & Repair more (32) MathOverflow Mathematics Cross Validated (stats) Theoretical Computer Science Physics Chemistry Biology Computer Science Philosophy more (10) Meta Stack Exchange Stack Apps API Data Area 51 Blog Facebook Twitter LinkedIn site design / logo 2018 Stack Exchange Inc; user contributions licensed under cc by-sa 3.0 with attribution required. Support Pixabay Buy us a cup of coffee Coffee Like Pixabay on Facebook Follow us balearic islands tenerife nature teide loneliness Public Domain Related Images Balearic Islands, Tenerife, Nature Teide, Tenerife, Canary Islands, Nature Teide, Tenerife, Volcano Teide, Tenerife, Volcano . The text differ in length: English: Like Dutch: Vind ik leuk German: Gefllt mir Just a heads up. I tried the same CSS rule without !important before asking the question without success, and adding !important doesn't seem to change anything. shareimprove this answer edited Aug 27 '12 at 19:53 Communityf 11 answered Sep 21 '10 at 22:28 The Surrican 18.6k1788151 2 If you're using the javascript version of the button, check out my answer below. The FB Docs, seem not to be fully updated yet. Customizing this Facebook Page plugin is simple as detailed in the official documentation. –CodesInChaos Sep 18 '11 at 15:28 This page has a solution that worked perfectly for me (using FB code generated in Aug 2012): learn-a-lot-everyday.blogspot.com/2012/05/… –bigmac Aug 6 '12 at 19:39 2 Are we allowed(without restrictions) to manipulate with Like button like this? Can't find any information about that and would like to do so :) –lukas.pukenis Jan 4 '13 at 14:51 1 fb privacy policy IV. shareimprove this answer edited Jun 22 '13 at 0:47 sakibmoon 1,65831529 answered Sep 19 '11 at 16:38 Akrikos 2,51321420 add a comment up vote 3 down vote I know many solutions have been posted already, but mine is still somewhat different. When you press "Grab the code", go for the iFrame code. If you have not manually upgraded the embed code for Like box on your website yet, no worries as Facebook has automatically migrated all the Like boxes using the old embed code to the new Page Plugin. Similarly, you can attach styles to the .fb-page class to customize the outer of the Facebook Plugin. Stack Overflow Questions Developer Jobs Tags Users current community help chat Stack Overflow Meta Stack Overflow your communities Sign up or log in to customize your list. 1,021 Fans Like 205 Followers Follow Most Commented PostsHow to remove attribution powered by bloggerHow to Implement Google plus comments in Blogger Custom TemplatesRemove or replace home link and box from Blogger templateAdd a floating sidebar on bloggerHow to remove subscribe to posts(atom) on bloggerhow to create a photo gallery on blogger using jQuery (prettyPhoto plugin)How to use your blogspot blog URL to comment as OpenIDRecent PostsBloggers page management is now easy How to remove attribution powered by blogger How to Implement Google plus comments in Blogger Custom Templates How to search and find certain code in the new Blogger Template Editor Add and Customize Facebook Like Box using CSS Getting started with Google webmaster tools Exclude Blogger post previews, template previews and app mobile preview from Google analytic Categories Analytics Webmasters SEO Domain Beginners guide Advertisements Tools Social Networks Blogger Blogger How Legal Policies Blogger How 2018 All rights reserved ↑ Back to top . plus watch out because FireBug will complain sometimes if you click on something that is partially hidden as a security measure –SimonWeaver Sep 15 '10 at 2:50 add a comment up vote 9 down vote It is now officially supported by Facebook. Learn more . /* make the like button smaller */ .fbedgewidgetwithcomment iframe { width:47px !important; } /* but make the span that holds the comment box larger */ span.fbedgecommentwidget.fbiframewidget iframe { width:401px !important; } shareimprove this answer edited Jun 22 '13 at 0:26 sakibmoon 1,65831529 answered Jun 13 '11 at 5:30 farooq 83784 Thank you, you help me to solve a problem. It works for the HTML5 Version of the like button and only uses css to hide the count box. i suspect it was partially deliberate to halt this kind of 'behavior' which is likely against terms and conditions. Support Email: supportlikebtn.com Contact Us Hire Developer FAQ Documentation API Company Terms of Service Privacy Policy Referral Program Showcase Press Blog Friends & Partners Check certificate Copyright LikeBtn.com 2013-2018 . after user likes it. 0 comments Sign in to leave a comment. 5a02188284