Dirty hacking in Blogger is like what jailbreaking is to an iPhone, so on that note, this disclaimer is in order: this Blogger hack can stop working any time and performing it on your blog may have a negative effect. Consider yourself warned.
Again, the goal of this hack is to show your custom widgets when a user expands a post while viewing using the various Dynamic View options (Flipcard, Snapshot, Mosaic, etc.).
Here are the instructions:
- On your Blogger dashboard, proceed to the Template section.
- Click Edit HTML and then on Proceed.
- Add the following lines of code below anywhere inside the <head></head> tag.
<link href='http://static.graddit.com/css/graddit.css'
rel='stylesheet' type='text/css'/>
<script src='http://static.graddit.com/js/graddit-
extras.js' type='text/javascript'/>
- Then add this line just above the </body> tag.
<script type='text/javascript'>setTimeout(function
(){gradditBloggerDynamicViewsRatingsHack();},1000);</script>- Or this if you want to also display Related Posts.
<script type='text/javascript'>setTimeout(function
(){gradditBloggerDynamicViewsRatingsHack(true);},1000);</script>- Save the template.
- Now going back to the Template section, click on the Customize button this time.
- Click on Advanced and then Add CSS to start applying some style (otherwise the stars won’t show up properly).
- Copy/paste this in the CSS box.
.article .article-content .ffbs_rate img {
padding: 0;
border: 0;
border-image: none;
-webkit-border-image: none;
vertical-align: middle;
}
.article .article-content .ffbs_stats {
font-size: 10px;
}
.article .article-content a {
border: 0;
}
- Click Apply to Blog and you’re done.
- Open up your blog to try it. It should be working now.
0 comments:
Post a Comment