Help resources/Tips & Tricks

Customize the sticker that is embedded on your page

Iskander Pols Feb 01

When you paste a network on your web page or blog post, by default the large sticker will be used and looks like this:

screen-capture.png

 

The code used to paste this sticker will look like this:

<script type="text/javascript" charset="utf-8" src="http://www.smallrivers.com/kk/YDcX/sidebar-1.0.js"></script>

 

We are currently supporting the following customization options for this sticker:

 

Medium size sticker

A slightly smaller sticker, which we call medium, can be pasted instead. It looks like this:

screen-capture-1.png

To do so, just add the following code BEFORE the network code you get

<script type="text/javascript"> sticker_style = "medium"; </script>

 

The code you will need to paste will thus look like:

<script type="text/javascript"> sticker_style = "medium"; </script>
<script type="text/javascript" charset="utf-8" src="http://www.smallrivers.com/kk/YDcX/sidebar-1.0.js"></script>

 

Small size sticker

A even smaller sticker, which we call small, can be pasted instead. It looks like this:

screen-capture-2.png

To do so, just add the following code BEFORE the network code you get

<script type="text/javascript"> sticker_style = "small"; </script>


The code you will need to paste will thus look like:

<script type="text/javascript"> sticker_style = "small"; </script>
<script type="text/javascript" charset="utf-8" src="http://www.smallrivers.com/kk/YDcX/sidebar-1.0.js"></script>

 

Custom image sticker

You can also replace the SmallRivers sticker with a static image of your own.

To do so, just add the following code BEFORE the network code you get

<script type="text/javascript"> sticker_style = “image”; sticker_image = "http://www.your-image-url.com”;&nbsp;&lt;/script&gt;

where http://www.your-image-url.com is the url of where your image can be found on the web.

 

The code you will need to paste will thus look like:

<script type="text/javascript"> sticker_style = “image”; sticker_image = "http://www.your-image-url.com”;&nbsp;&lt;/script&gt;
<script type="text/javascript" charset="utf-8" src="http://www.smallrivers.com/kk/YDcX/sidebar-1.0.js"></script>