|
<!DOCTYPE html> |
|
|
|
<html> |
|
<head> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|
<title>Open Graph Buttons</title> |
|
</head> |
|
<body> |
|
<script type="text/javascript" src="https://c64.assets-yammer.com/assets/platform_embed.js"></script> |
|
<script type="text/javascript" src="https://c64.assets-yammer.com/assets/platform_social_buttons.min.js"></script> |
|
<div id="block_container"> |
|
|
|
<!-- like --> |
|
<div id="yammer-like"></div> |
|
<script type="text/javascript"> |
|
yam.connect.actionButton({ |
|
container: "#yammer-like", |
|
network: "mod526163.onmicrosoft.com", |
|
action: "like", |
|
objectProperties: { |
|
title: "Like button custom title.", |
|
description: "Like description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar erat mauris, sed aliquam erat accumsan non. Quisque a laoreet nunc. Cras volutpat magna id purus feugiat commodo. Maecenas porttitor quam nec sapien mattis ullamcorper. Proin a pellentesque metus. Curabitur tempor convallis ipsum at consectetur. Morbi interdum est in orci commodo, vitae blandit eros tempus.", |
|
url: location.href, |
|
type: "file", |
|
image: "http://www.brianlyttle.com/images/sched-do-signin.png" |
|
}, |
|
}); |
|
</script> |
|
|
|
<!-- follow button --> |
|
<div id="yammer-follow"></div> |
|
<script type="text/javascript"> |
|
yam.connect.actionButton({ |
|
container: "#yammer-follow", |
|
network: "mod526163.onmicrosoft.com", |
|
action: "follow", |
|
objectProperties: { |
|
title: "Follow button custom title.", |
|
description: "Follow description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar erat mauris, sed aliquam erat accumsan non. Quisque a laoreet nunc. Cras volutpat magna id purus feugiat commodo. Maecenas porttitor quam nec sapien mattis ullamcorper. Proin a pellentesque metus. Curabitur tempor convallis ipsum at consectetur. Morbi interdum est in orci commodo, vitae blandit eros tempus.", |
|
url: location.href, |
|
type: "file", |
|
image: "http://cdn.brianlyttle.com/images/python-powered-w-140x56.png" |
|
}, |
|
}); |
|
</script> |
|
|
|
<!-- share --> |
|
<div id="yj-share-button"></div> |
|
<script type="text/javascript">yam.platform.yammerShare();</script> |
|
</div> |
|
|
|
<!-- from sample --> |
|
<style> |
|
.yj-default-share-button { |
|
height: 25px !important; |
|
width: 102px !important; |
|
} |
|
|
|
a.yj-default-share-button:hover, a.yj-default-share-button:focus{ |
|
background-color:#264f8c; |
|
border-color:#264f8c; |
|
} |
|
|
|
.yj-yam-spittle { |
|
vertical-align: bottom !important; |
|
zoom: 1.2; |
|
margin-top: 0px; |
|
margin-bottom: 0px; |
|
} |
|
|
|
span.yj-share-copy { |
|
font-size: 1.2em; |
|
top: 3px; |
|
} |
|
|
|
#block_container { |
|
text-align: center !important; |
|
} |
|
</style> |
|
|
|
<br /> |
|
|
|
<div class='vw-seperator-line'></div> |
|
</body> |
|
</html> |
