YouTube button for the website - button

I went to https://developers.google.com/youtube/youtube_subscribe_button#Configuration_Options to create YouTube Subscribe button, but for some reason instead of buttons I could choose from I see gray boxes and there is no code shown. Please help
Thank you!

The basic code, test it on your web page :
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>

Related

Has anyone got a LinkedIn follow button to work?

Has anyone got a LinkedIn follow button to work? Like others, i just get a blank page when clicking it. And i canĀ“t find any solutions in the existing threads here at Stack Overflow.
I have tried the following code snippet. it shows the button and a counter for the number of followers, but does not work when you click it.
<script src="https://platform.linkedin.com/in.js" type="text/javascript">
lang: en_US</script>
<script type="IN/FollowCompany" data-id="1337" data-counter="top"></script>
Is there another way to implement this button?

Event at end of HTML5 video

Can someone let me know if this is possible?
Thank you in advance for all your help.
I am embedding HTML5 video in wordpress 5 page.
I would like end of video to trigger a button to appear so people can move onto next video.
Button would only appear when video has finished playing...I was told there is onend event at the end of html5 video but not sure how to implement it.
Thank you.
This should work if your video is in < video > tags and you aren't opposed to using jQuery.
$(document).ready(function(){
$('video').on('ended',function(){
console.log('Video has ended!');
// or make a button visible etc.
});
});

Adding rich textarea editor on a page with the common buttons like bold,italic, alignment etc

Please help am trying to add a rich text Area to my web page, how can i go about it.
I have not tried anything yet
instead all this things just add three lines in html
<textarea></textarea>
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
And you will get the textarea as an editable.
If Helpful vote my answer
with normal html ?:)
Rich text editor replacement for html textarea
more information what do you want to do will help..
Depending on what you can use in your web page,
try this for javascript page (no jquery)
http://dhtmlx.com/docs/products/dhtmlxEditor/
or if you use jquery there are more options available, one of them is
markItUp - http://markitup.jaysalvat.com/home/

Facebook Like Button Post to Facebook Box is Not Showing Properly?

I am Using the XFBML of Social Plugins I created the Popup For this and Place the XFBML Code For Testing. Like Button is Working Fine. After Like Post to Facebook Box is not Appearing Properly. I am Not Sure Why this Happening. I attached the Screenshot for this one
Any Suggestion Would Be Great. I am Using this code on Wordpress Site.
Thanks in Advance.
Try to turn off "sending" and "show faces" functions for it. XFBML code should thendisplay the button look something like this:
<fb:like href="yoursite.com" send="false" layout="box_count" width="150" show_faces="false"></fb:like>
Other thing could be that the FB button is partially overlayed by another layer. Try to wrap the code above to <div></div>, create a class for this div like that <div class="myclass"></div> and then use a z-index css property like this:
.myclass {
z-index: 1;
}

How to add "unlike" button in web page?

I am working on Windows 8 App where I need to show a web page with facebook "Like/Unlike" options. Below is code which I added for Like.I need to add Unlike option too. Can some one explain me how to get this done ?
#section AdditionalHeaderContent {
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
}
#section ContentFooter
{
<div id="fb-root">
<fb:like ref="#Url.RequestContext.HttpContext.Request.Url.ToString().EnsureTrailing("/")" show_faces="true" width="450"></fb:like>
</div>
}
How can I show "unlike" button?
Thanks.
The Facebook like button also is your Facebook unlike button. The Facebook button knows if you already liked the page.
So when you click on it again you are "unlike-ing" it again.
*update * *(so you do not have to check the comments)*
This button uses Javascript that has been hosted by facebook, you can not edit that.
----- What you can do ----
If it is possible to make a custom separate Like and "Unlike" button this would be the way to do it.
Use the c# Facebook SDK to code things for Facebook yourself.
( http://csharpsdk.org/ )
You can look up the Facebook API here.
( https://developers.facebook.com/docs/reference/apis/ )

Resources