This widget only contain 1 javascript file that you can easily host it your own. The JS itself only less than 30 KB. For the light version (you can request from him) BjQuery only take less than 15KB.
BjQuery is suitable for many platform, but I will share the installation tutorial especially in blogger blog since I use blogger :D
BjQuery contain 19 cool features that you can use. Once you put the JS in your body tag, then you can easily call these 19 features just in one line method. Very short code and efficient.
Here is the 19 features:
1. Strong keyword - add <strong> tag to your targeted keyword for SEO
2. Text to link
3. Bold to link
4. Italic to link
5. Underline to link - include 3 above, change the selected word into a link
6. Link style - modify cursor pointer when mouseover a HREF (hyperlink)
7. Translate tools - add google translate to your site with 6 choice of languages
8. Random posts (for blogspot only) - add random post list of selected site
9. Latest posts (for blogspot only) - add a newest post from the site you set
10. Alexa rank - display alexa rank with some variation of style
11. Facebook comment - add facebook comment feature
12. Facebook like box - add facebook like box wherever you want it to appear
13. Follow twitter - add one-click follow button to your site
14. Share my website - add various of share button, make sharing your post easier. include: facebook, twitter, google plus one, add this widget. This is the combination of widget 15, 16, 17, and 18
15. Facebook like
16. Google plus one
17. AddThis
18. Share to twitter
19. Twitter share button, no count
Well, here is the basic use of the script:
- For blogspot user, open and expand your template in edit layout - edit HTML - tick expand widget template
- Find <body> tag, then paste this script right below the tag
<script src="http://bjquery.xtgem.com/v_1_19" type="text/javascript"></script>
If you had a performance issue with xtgem, you can upload it to your site.
The next step only required if you want to use widget 1, 2, 3, 4, 5 or 6:
- Find <data:post.body/>. Just type it in search box
- Add the <div> between it. For example I use <div id="c_content">
So, the final code will look like this:
<data:post.body>
</div>
Wait for my next post about how to use the 19 features above.... :D
I have to split it because it will be shorter
Very cool widget right?
for more info about this script you can visit Bjquery
Post a Comment