“Smart Social Share Jquery Plugin” Documentation by “SmartDataSoft.com” v1.0-final

---

“Smart Social Share Jquery Plugin”

---

Table of Contents

1. Introduction
2. Features
3. Product Setup

---

A) Introduction - top

'Smart Social Share jquery plugin helps you to show your site's page current book mark network status. It have different option to render the plugin..

---

B) Features - top

1. Easy to configure.
2. Six nice icon set
3. Fully dynamic controlled
4. Full extend by plugin variable.
5. Custom css for the effect
6. jQuery nice hover effect .
7. Customizable 100% via plugin Parameter/css
8. Easy installtiong in your websites.
9. Example Page include.

---

C) Product Setup - top

Usage :
1. Include the JQuery library in the head section of your page.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

To make this plugin code separate from other just copy and page the smartSocialShare in you web site folder.

2. Download and include the jQuery Smart Social Share Css and JavaScript in the head section of your page.

<link rel="stylesheet" href="smartSocialShare/css/SmartShare.css" type="text/css" media="screen" />

or the compress file :

<link rel="stylesheet" href="smartSocialShare/css/min.SmartShare.css" type="text/css" media="screen" />

<script src="smartSocialShare/js/smartSocialShare.js"></script>

or use our compress file

<script src="smartSocialShare/js/min.smartSocialShare.js"></script>

3. If you want to use Top tip then use this jquery ( jquery.tipTip.minified.js) and css file ( tipTip.css )and like bellow.

<script type="text/javascript" src="smartSocialShare/js/jquery.tipTip.minified.js"></script>

 

<link rel="stylesheet" href="smartSocialShare/css/tipTip.css" type="text/css" media="screen" />

If you use popular tipTip plugin then no need to redeclare it.

4. Connect the smart social count functionality to your site.

<script type="text/javascript">
$(document).ready(function() {

$("#socialbar").smartSocialShare({
icon_bookmark:['facebook','gmail','digg','delicious','googlebuzz','linkedin','mail','reddit','stumbleupon','twitter','newsvine','tumblr','netvibes','myspace','googlebookmarks','blog','bebo','friendfeed','yahoomail','designbump','designfloat','evernote','mixx','orkut','posterous','slashdot','squidoo','technorati','virb']
url :"http://learneveryday.net/codecanyon/jquery/smart-social-counter/index.html",
animation_duration : 400,
toolTip :true,
toolTipFadeIn :400,
toolTipFadeOut :400,
developer_link:true

});// plugin function end

});
</script>

IF you want to hide developer link then put developer_link:false

If you want to use for perticular page then just declare this variable.

url: "http://smartwebsource.biz/products/smart-bookmark-count-php/index.php"

If you also want to use cutom title then use this bellow code.
title: "This is smart book mark count php script"

Extend

Settings :

Smart Social Share has soem configurations that you can define when call it. With that configuration you can
customize your jQuery Smart Social Counter Plugin

The configuration available are :

url :	Used to define the current site or any assigned site url. Default it will take the current site url.
title	Used to define the current site or any assigned site title. Default it will take the current site title. So you must have a title tag in your page.
layout	there are two layout box and float . IF you want to use insid the page then use box. IF you wnat to use in the float bar then use float. For box layout you have to give the div name where you want to render the control. For float layout you have to give the body tag name.
icon_bookmark	This is the icon set of the plugin. Here is the list of all icon. 'facebook','dig','delicious','gmail','googlebuzz','linkedin','mail','reddit', 'stumbleupon','twitter','newsvine','tumblr','netvibes','myspace', 'googlebookmarks','blog','bebo','friendfeed','yahoomail','designbump', 'designfloat','evernote','mixx','orkut','posterous','slashdot','squidoo','technorati','virb'
toolTip	If you use tool tip then make it true value
animation_duration	Default it animation duration for the tool tip
toolTipFadeIn	Default it tooltip fade in time duration
toolTipFadeOut	Default it tool tip fade out time duratoin.
developer_link :	There is a link of the develeopers in the float bar. IF you do not want to show tehn jst assign it false

There are six icon set.

For circle half top use this css image in you css code after our css call. This will over right the default image background.

background-image: url("smartSocialShare/images/sds_sss_sprite_circle_half_top.png") !important;

background-image: url("smartSocialShare/images/sds_sss_sprite_circle_shadow_both.png") !important;

background-image: url("smartSocialShare/images/sds_sss_sprite_circle_hover_shadow.png") !important;

background-image: url("smartSocialShare/images/sds_sss_sprite_round_shadow_both.png") !important;

background-image: url("smartSocialShare/images/sds_sss_sprite_circle.png") !important;

background-image: url("smartSocialShare/images/sds_sss_sprite_round.png") !important;

---

Once again, thank you so much for purchasing this product. As I said at the beginning, I'd be glad to help you if you have any questions relating to this product. No guarantees, but I'll do my best to assist. If you have a more general question relating to the product on Smart Social Social Share Jquery Plugin', you might consider visiting the forums and asking your question in the "Item Discussion" section.

SmartDataSoft.com

Go To Table of Contents

---