Wrote a new plugin for WordPress and not to deprive Blogger-bloggers, imagine the same thing for Blogger, developed on the basis of my jQuery plug-in Simple Counters. So, Simple Counters for Blogger-blog. The plugin is designed as a badge-informer. Ticker displays the number of subscribers to FeedBurner and followers on Twitter.
The plugin is fully customizable. Using custom plug-in parameters can customize the color of font, color and vector direction of the gradient background color and/or theme tips, icons for FeedBurner and Twitter, both for the badge, and for the tips, positioning badge on the browser screen, etc.
Working example of a plug-in can be found on my test Blogger-blog.
Installation
Share this plugin files on the hosting, which you use to store files for your Blogger-blog, for example, on FileAve.
Paste the following code in the header section of XML-template (Toolbar-> Design-> Edit HTML):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/> <script src='//YOUR_FILE_HOST/jquery.qtip-1.0.0-rc3.min.js' type='text/javascript'/> <script type='text/javascript'> var scUserOptions = { position: 'right', delta: 0, dgv: 'vertical', feedBurner: { id: 'minimus', imgUrl: '//YOUR_FILE_HOST/feedburner.png', hint: 'Subscribe to <strong><data:blog.title/></strong> to receive breaking news as well as receive other site updates!!', hintImg: '//YOUR_FILE_HOST/feedburner-hint.png' }, twitter: { id: 'minimus', imgUrl: '//YOUR_FILE_HOST/twitter.png', hint: 'Share and discover what is happening right now, at the <strong><data:blog.title/></strong>!<br/>Follow me on Twitter!', hintImg: '//YOUR_FILE_HOST/twitter-hint.png' } }; </script> <script src='//YOUR_FILE_HOST/excanvas.js' type='text/javascript'/> <script src='//YOUR_FILE_HOST/sc.js' type='text/javascript'/> |
Do not forget to replace string YOUR_FILE_HOST to your real hosting URL…
Customization
The user settings of plugin (scUserOptions):
- position – right or left, output badge on the right or left of the browser window.
- delta – the numeric value in pixels. Negative value – offsets badge up from the middle line of the browser screen, positive – offsets down to specified number of pixels.
- dgv – the direction of the gradient background. horizontal – from left to right, vertical -from top to bottom.
- color – the starting color of background gradient. Six hexadecimal digits (‘#1c82d0’).
- colorTo – the final color of background gradient. Six hexadecimal digits (‘#145181’).
- borderColor – translucent color (40%) of badge edges. Six hexadecimal digits (‘#676767’).
Feedburner:
- id – your Feedburner user id (//feeds.feedburner.com/Simplelib – bold text is id)
- imgUrl – image URL for FeedBurner area of badge. 50×50 pixels, transparent background, PNG. Even if the image has another size, it will be transformed (50-50)
- hint – Text or HTML-text for FeedBurner tip
- hintImg – image URL for FeedBurner tip. 40×40 pixels, transparent background, PNG.
Twitter:
- id – your Twitter id
- imgUrl – image URL for Twitter area of badge. 50×50 pixels, transparent background, PNG. Even if the image has another size, it will be transformed (50-50)
- hint – Text or HTML-text for Twitter tip
- hintImg – image URL for Twitter tip. 40×40 pixels, transparent background, PNG.
Download
Simple Counters for Blogger 1.1 (42.7 KiB, 1,949 hits)
Blogger plugin Simple Counters. Version 1.1
© 2010 – 2018, minimus. All rights reserved.
@minimus: Blogger plugin Simple Counters //t.co/rts4GOP