Want to add stylish popular post for blogger. So this post is for you. Today I share 3D effect popular post widget. I have posted moving popular post widget before. To add 3D effect popular post widget follow below steps:-
LIVE DEMO
1. Login to your Blogger account.
2. Click on Dashboard >> Layout.
3. Click on Add a Gadget and Choose Popular Posts (If you already have this gadget skip this step)
4. After adding Popular Post Gadget Add a Gadget again Select HTML/Javascript widget.
5. Paste the following code and Save.
<style type="text/css">
.cube { width: 300px; height: 400px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="https://sr-site.googlecode.com/files/sr-site-image.js" type="text/javascript"></script>
<script charset="utf-8" type="text/javascript">
$(function () {
$('.popular-posts ul').abupopularcube();
});
</script>
<script src="https://sr-site.googlecode.com/files/popularpost.js" type="text/javascript"></script>
.cube { width: 300px; height: 400px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="https://sr-site.googlecode.com/files/sr-site-image.js" type="text/javascript"></script>
<script charset="utf-8" type="text/javascript">
$(function () {
$('.popular-posts ul').abupopularcube();
});
</script>
<script src="https://sr-site.googlecode.com/files/popularpost.js" type="text/javascript"></script>
This is nice but can you make the title for each post visible for this?
ReplyDelete