28
How to add social media badges to your UP personnel web page

Adding social media badges to your staff web page (UP)

Embed Size (px)

DESCRIPTION

A brief explanation of why it is valuable to improve one's staff web page, and then instructions on how to do so. Inspired by a running course in EPUB production that I'm doing with library staff.

Citation preview

Page 1: Adding social media badges to your staff web page (UP)

How to add social media badges to your UP personnel web page

Page 2: Adding social media badges to your staff web page (UP)

Overview

1.Why do this?– Just a justification why I think all personnel should

tinker on their staff pages.

2.How to do this? (To skip directly to here, go to Instructions)

– Finding your staff web page, finding social media badges etc., and changing your page either via the WYSIWYG tools, or editing the HTML.

3.Who should be reading this?– Anyone who has some presence on a content

management system for a large organization (in terms of a University, a staff page)

Page 3: Adding social media badges to your staff web page (UP)

Why do this?

Many years ago, I imagined what people would do if my name came up in a conversation and there were a web access point at hand.

So I (as many others) Googled myself. I’ve been checking in over the past few years (before Googling was the term for “using a search engine”).

This year, I noticed my web presence is as follows:

(Check the slide notes for an explanation of how I reacted to each listing)

Page 4: Adding social media badges to your staff web page (UP)

1.

2.

3.

4.

Page 5: Adding social media badges to your staff web page (UP)

1.

2.

3.

4.

Page 6: Adding social media badges to your staff web page (UP)

1.

2.

3.

4.

Page 7: Adding social media badges to your staff web page (UP)

My web presence

Several of those sites I’m mentioned in (e.g. LinkedIn and WAYN), I never gave explicit, written consent (though the data gathering mechanisms were perfectly legal).

So why do I still use social media (proof next slide)?1) I’d rather have my web presence be controlled by

me, not anyone else. Insert arguments about identity curation vs. true knowledge collection here...

2) Integrating social media into my life has been a great experience (though not without its dangers)

I expect people to Google me anyways – why not make my staff page more valuable by allowing people to add me to their existing social media life?

Page 8: Adding social media badges to your staff web page (UP)

So, why do I still use social media?

Page 9: Adding social media badges to your staff web page (UP)

So, why do I still use social media?

Page 10: Adding social media badges to your staff web page (UP)

My personnel page, round #1

First step: added Google+ and Twitter widgets.

I don’t recommend starting with social media widgets; rather, basic hyperlinking as in the next slide:

Page 11: Adding social media badges to your staff web page (UP)

My personnel page, round #2

Page 12: Adding social media badges to your staff web page (UP)

Instructions

How to add social media badges to your

personnel page*

* Check slide notes for a disclaimer

Page 13: Adding social media badges to your staff web page (UP)

1. Finding your page manager

Page 14: Adding social media badges to your staff web page (UP)

3. Editing your actual staff page

Page 15: Adding social media badges to your staff web page (UP)

3. Editing the content of your staff page

Page 16: Adding social media badges to your staff web page (UP)

What can I do when editing my staff page?

For instance, I hyperlinked the terms used in my research topic.

Page 17: Adding social media badges to your staff web page (UP)

Word-like editing

Page 18: Adding social media badges to your staff web page (UP)

Editing the HTML (source)

Page 19: Adding social media badges to your staff web page (UP)

Remember the following

http://web.up.ac.za/default.asp?ipkCategoryID=3714

Page 20: Adding social media badges to your staff web page (UP)

Adding a social media badge to your staff page

1) Get the HTML code2) Find a spot to paste code in your source view

3) Save, preview

Page 21: Adding social media badges to your staff web page (UP)

1) Get the HTML code

1) Which social networks do you use?–Facebook–Twitter–Google+–Linkedin

2) Each should have a badge you can use.3) Or you can use a badge generator service

Page 22: Adding social media badges to your staff web page (UP)

1) Get the HTML code

1)Which social networks do you use?2) Each should have a badge you can use:Twitter: https://twitter.com/about/resources/widgetsFacebook:http://developers.facebook.com/docs/plugins/Google+:http://www.google.com/intl/en/webmasters/+1/button/index.html

3) Or you can use a badge generator service

Though I personally don’t; I can manage my badges just fine myself and don’t want to register for yet another service.

Page 23: Adding social media badges to your staff web page (UP)

Adding a social media badge to your staff page

1) Get the HTML code – Check!2) Paste code in your source view3) Save, preview

Page 24: Adding social media badges to your staff web page (UP)

2) Find a spot to paste code in your source view

Google+

Twitter

Page 25: Adding social media badges to your staff web page (UP)

Adding a social media badge to your staff page

1) Get the HTML code – Check!2) Paste code in your source view – Check!3) Save, preview

Page 26: Adding social media badges to your staff web page (UP)

3) Save, preview

http://web.up.ac.za/default.asp?ipkCategoryID=3714

Page 27: Adding social media badges to your staff web page (UP)

Adding a social media badge to your staff page

1) Get the HTML code – Check!2) Paste code in your source view – Check!3) Save, preview – Check!

Page 28: Adding social media badges to your staff web page (UP)

That’s pretty much it!If you want help with this, contact

me

http://bit.ly/keloff