Share your Network Button

[SweetPotato]

Hi all

Here is a sweet tip to help you all promote your sites using an icon/badge/button. It works like the cuurent 'badges' that we have only it's better because it links directly to the specific profile page of the member who uses it.

Here's how it looks on my site:

click to enlarge

Here's what you need to do step-by-step.

1) create your icon or badge. Here's mine:

Now upload it somewhere so you can get the url of the image, anywhere will do but i use a separate image server away from ning.

2) Create a new page and in html mode of the text editor paste this:

<div class="badge">Copy and Paste the code below into your website</div>
</div>

3) Set "Who can view this page?" to Signed-in members

4) Open the attached badge.js file in notepad and change the bolded code below to what you want.

<img title="title of image" src="http://MYDOMAIN.COM/images/badge.png" alt="alt title of image" width="80" />

Don't alter anything else!

5) Save the badge.js file and upload it to a server. Again, I host mine away from ning and have never used the file manager so not sure if that works.

6) Tick Meta and in the Custom box of the page insert the following, again changing the bolded code to reflect the url of where badge.js is hosted:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://www.MYDOMAIN.com/badge.js"></script>

7) Press save and what you should see something like this:

click to enlarge

8) Add this to your advanced css:

/* Badge div above code */

.badge {

     background : #f9f9f9 ;

}

/* Badge code */

.xg_user_generated code {

     font-family :  arial !important ;

     font-size :  10px !important ;

}

it should now look more like this but you can style as you wish:

click to enlarge

And that's it. You now have a page that generates some code that allows members to link to their profile page. Obviously you'll need to add some more text, images etc to the page to spruce it up like i have in the screenshot above.

The script requires the members to be logged in which is why I suggest making the page you create visible only to signed in members.

I'm no ninja when it comes to script so there are probably a host of styling things that can be done here (which I'm working on).

enjoy!

SP

[Bernard Lama]

Smart idea...great Sweet Potato.

[SweetPotato]

no worries. let me know if you use it and get it working. always worry about putting instructions down and them making sense

[Ron]

Nice tip Sweet Potato.

[SweetPotato]

Cheers Ron. have you tried it?

[Ron]

Hey SP. not yet, but I could forward this to some of our friend or client NCs who is into promotion and site branding.

Good one, cheers.

[SweetPotato]

thank you sir

[soaringeagle]

ok i love this tho im not sure i'll use it..yet but bookmarking  while i think about it i think this is 1 of the more unique and helpful tips

[SweetPotato]

Hi soaring, glad you like it. In my mind there are two purposes for this. 1. To promote your site and drive traffic. 2. To improve SEO with backlinks from sites relevant to your own. I know you're big on SEO and hopefully this tip is good for that purpose but if you have some suggestions to improve I'd love to hear them
Cheers
SP

[soaringeagle]

good point

just i guess not enough of my members have sites to make it worthwhike i guess i even have offered free sites  only 2 took me up..lol maybe ill try again

a d maybe i will add this

i do use tynt or is it trynt  i forget to crate relevent links  that uses copy/paste tech that  say someone copies some text from your site well wait ill use it noe

some sites (you know which ones) try to scare you away from going natural claiming the early stages of growing natural dreadlocks is messy and ugly and scary

well messy it can be but theres a beauty in the messiness in the organic way hair transforms from order to disorder then to beauty.

dreadlocks that are allowed to form naturally form beautifuly without effort without force they have a wild organic quality thats not easily imitated by other methods

dreads in the early stages of natural dreading have a unique beauty all their own

nature has a way of bring out the beauty in everything the harshest dessert has a beauty all its own nature has a way of letting the untamed mane become a head of dreads worth envying

Read more: the beauty of the early messy stage of natural neglect dreadlocks -... http://www.dreadlockssite.com/forum/topics/the-beauty-of-the-early-...
the best place for real dreadlocks
Under Creative Commons License: Attribution

so there ya go

u can set  the text and everythig it adds remove the liscence link whatever

and set the number of word that triggers the paste (shorter ones are considered search copies psasted into searchengines or url etc)

just anothergood way to get very relevent linkjs to relevent pages

[Alessandro]

I tested your tip using Ning's file manager for the badge.js and it worked fine.

I need to use it to share the list of groups of the user and not the profile page. How to input that in the code of badge.js so the result is:

•  this link of a user (list of user's groups): 

http://www.lokobeer.com/groups/group/listForContributor?user=3owusxol8ah2s

http://www.MYDOMAIN.com/groups/group/listForContributor?user=USERID

 

•  instead of this link: 

http://www.lokobeer.com/profile/3owusxol8ah2s

http://www.MYDOMAIN.com/profile/USERID

 

Thanks!