Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis urna lorem, vel dictum orci. Ut eu lacus pretium lacus gravida aliquam eget sed diam. Phasellus augue mauris, suscipit at cursus in, hendrerit quis nulla. Donec commodo sodales arcu, non euismod est consequat non.
Phasellus mollis feugiat nisi non congue. Praesent at purus non ipsum faucibus laoreet ut at ante. Vivamus sit amet leo non leo mollis sagittis eget ac purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed blandit est quis sem accumsan tempus. Cras at justo eget quam consequat venenatis at vel tortor. Suspendisse vel ligula ipsum. Nunc volutpat consectetur suscipit.
Curabitur mattis ornare velit vel faucibus. Ut auctor lacus ut augue bibendum gravida. Praesent sagittis tincidunt iaculis. Praesent vulputate commodo mi, sed vulputate odio malesuada facilisis. Aliquam non eros id ante pretium consectetur. Aenean adipiscing metus luctus mauris volutpat eget adipiscing libero auctor. Nulla justo est, eleifend in pulvinar sit amet, laoreet vel eros.
Nullam facilisis, risus et bibendum porttitor, sapien magna viverra lacus, fermentum volutpat ligula mi vitae tortor. Proin non nisi ut tellus mattis dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur eros sem, adipiscing ut viverra in, aliquet id orci.
Ut ut erat a elit consectetur dictum in id turpis. In hac habitasse platea dictumst. Nam sit amet mauris neque. Nulla pretium diam et turpis aliquam quis elementum sapien sodales. Vivamus ut nisi et arcu vehicula eleifend. Nullam eros sem, consectetur sed condimentum quis, scelerisque id nunc.
Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus.
Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi.
- Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam.
- non quam. In vel mi sit amet augue congue elementum.
- Quisque cursus, metus vitae pharetra auctor, sem massa
- non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis
- Integer lacinia sollicitudin massa. Cras metus.
- non quam. In vel mi sit amet augue congue elementum
- Quisque cursus, metus vitae pharetra auctor, sem massa
- non quam. In vel mi sit amet augue congue elementum.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Test | Test2 | Test3 | Test4 |
lorem | lorem | lorem | lorem |
Ipsum | Ipsum | Ipsum | Ipsum |
HTML
<div id='share-button'>
<p>Share to</p>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
<a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'>Twitter</a>
<a expr:href='"http://digg.com/submit?url=" + data:blog.url' rel='nofollow' style='background:#000;'>Digg</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>");
//]]>
</script>
CSS
#share-button{margin:8px 0;padding:0;overflow:hidden;}
#share-button p{float:left;background:#fafafa;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border:1px solid #fff;}
#share-button a{position:relative;float:left;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff;}
#share-button a:hover{top:-2px;transition:all 0.4s;}