Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blogger Related Post Widget Playground</title>
<meta name="viewport" content="width=device-width">
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
​
<!-- Previous version: http://jsbin.com/amuget/6 -->
<div id="related-post" class="related-post"></div>
<script>
var labelArray = [],
    relatedPostConfig = {
        numPosts: 4,
        widgetStyle: 5,
        titleLength: 50,
        thumbnailSize: 130,
        callBack: function () {
            $('#' + this.containerId + ' li').hover(function () {
                $('.related-post-item-tooltip', this).filter(':not(:animated)').animate({
                    marginTop: "50%"
                }, 400);
            }, function () {
                $('.related-post-item-tooltip', this).animate({
                    marginTop: "100%"
                }, 200);
            }).find('.related-post-item-tooltip').css('margin-top', '100%');
        }
    };
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/related-post/related-post.min.js"></script>
​
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers