2012 municipal series: social media bootcamp
DESCRIPTION
Second in a series for Morris County NJ municipalities. This course offers a step by step guide for setting up a Blogger page and an RSS feed to post information from anywhere and use it anywhere. It touches on custom templates to create blogs that match existing website designs. The course reviews real world examples, such as recreation event notices, public meeting notices, emergency information and more. Finishing with the connection to Twitter and Facebook, this course shows local governments how to use these free tools to broadcast public information in the social space.TRANSCRIPT
![Page 1: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/1.jpg)
Building a MunicipalBuilding a MunicipalSocial Media Social Media
PresencePresence
Carol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
Social Media Bootcamp
![Page 2: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/2.jpg)
What you’ll do today• Learn why this is important• Set up a Google account• Set up a blog on Blogger• Learn about posting• Set up an RSS feed for your blog• Feed headlines to your web site• Learn about custom Blogger
templates• Review an actual example• Practice posting
![Page 3: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/3.jpg)
AutomaticManual
The Morris County Process
Creates in MS Word
Website
PIOissues a
pressrelease
PIO posts on the website using Blogger.
(Create a custom template)
Can use links and graphics, even videos in the blog post
Using RSS Feeds, subscribers sign up to get notified via email or in a reader.
Home page “What’s New” is auto-updated.
Blogger auto-emails press releases to whomever you want.
Use Hootsuite to post to Twitter and Facebook. Include a link to website press release.
Twitter followers and Facebook fans are automatically notified.
![Page 4: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/4.jpg)
AutomaticManual
Public Notices, for example
Created in MS Word
Website
PublicNoticewritten
Posted to the website on your Public Notice Blogger page. Using RSS Feeds,
subscribers get the notice in an email.
Home page “What’s New” is auto-updated. OR, if you want a Public Notice section, you can send feed there.Blogger auto-emails public notice to whomever you want. If you’re also putting in the newspaper, Blogger can auto-email to the press.
Use Hootsuite to post to Twitter and Facebook. Include a link to the full notice on your website.
Twitter followers and Facebook fans are automatically notified.
![Page 5: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/5.jpg)
Tools you need• A website• A Gmail account
– Gmail is a Google application• Blogger
– Blogger is a Google application• Feedburner
– Feedburner is a Google application • Hootsuite or equivalent
– One post goes to multiple social networks
• Twitter • Facebook
![Page 6: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/6.jpg)
Step by StepStep by Step
Carol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
![Page 7: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/7.jpg)
Getting Started• Go to Google.com. Create an
account.• Use a generic jurisdiction email address, or• Create a gmail account, one that will stay with
your jurisdiction• We use [email protected], but that’s a
problem for Facebook. Something like [email protected] would be good.
• Go to Blogger.com. Create an account.
• Blogger is a Google product, so use the same email as above.
• Create a blog. Use any simple blogger template. We’ll be changing it, so it doesn’t matter.
![Page 8: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/8.jpg)
Blogger 101: Getting there
Or, you can go directly to Blogger.com
![Page 9: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/9.jpg)
Blogger 101: Getting there
Or, you can go directly to Blogger.com
![Page 10: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/10.jpg)
Blogger 101: Log in
Going directly to Blogger.com brings up this screen
![Page 11: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/11.jpg)
Blogger 101: Identify yourself
You’ll only do this once.
![Page 12: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/12.jpg)
Blogger 101: Create your blog
This is where you’ll create all your blogs
![Page 13: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/13.jpg)
Blogger 101: Create your blog
![Page 14: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/14.jpg)
Blogger 101: Set up your blog
![Page 15: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/15.jpg)
Blogger 101: Settings
![Page 16: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/16.jpg)
Blogger 101: Settings, Basic
![Page 17: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/17.jpg)
Blogger 101: Settings, Posts
Change to HIDE comments
Change to fit your page
![Page 18: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/18.jpg)
Blogger 101: Settings, Mobile
Sharing this secretword will be a security problem.Be careful!
![Page 19: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/19.jpg)
Blogger 101: Settings, Language
![Page 20: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/20.jpg)
Blogger 101: Settings, Other
![Page 21: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/21.jpg)
Blogger 101: Ready to post
![Page 22: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/22.jpg)
PostingPosting
Carol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
![Page 23: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/23.jpg)
Blogger 101: Posting
Cut and paste text. Format font, color, bold. Add links, bullets, photos, video.
![Page 24: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/24.jpg)
Blogger 101: Draft or Live Post
Publish: LiveSave: DraftPreview: See itClose: Save without changes
![Page 25: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/25.jpg)
Blogger 101: Labels
Like tags. Helps people find what they’re looking for on Blogger.
![Page 26: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/26.jpg)
Blogger 101: Schedule posts
Schedule post publication dates so you can set it up in advance.
![Page 27: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/27.jpg)
Blogger 101: Published page
Problems:● header bar● posted by● about me● links
All are fixed with customizing the Blogger template
![Page 28: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/28.jpg)
Blogger 101: Records Retention
Do not delete posts. Revert them to draft and keep them.
![Page 29: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/29.jpg)
Blogger 101: Records Retention
Draft posts do not appear, even if they once did.
![Page 30: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/30.jpg)
Blogger 101: Records Retention
![Page 31: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/31.jpg)
Blogger 101: Co-authoring
You can (should) have multiple authors for each blog, with varied permission levels.
Admins can remove or add authors for each blog.
![Page 32: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/32.jpg)
AutomaticManual
The Morris County Process
Creates in MS Word
Website
PIOissues a
pressrelease
PIO posts on the website using Blogger.
(Create a custom template)
Can use links and graphics, even videos in the blog post
Using RSS Feeds, subscribers sign up to get notified via email or in a reader.
Home page “What’s New” is auto-updated.
Blogger auto-emails press releases to whomever you want.
Use Hootsuite to post to Twitter and Facebook. Include a link to website press release.
Twitter followers and Facebook fans are automatically notified.
![Page 33: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/33.jpg)
FeedburnerFeedburner
Carol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
![Page 34: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/34.jpg)
What the heck is a “feed”?• Information that can be grabbed and
used in a variety of ways across the web.
• A feed can be an entire blog post or the first few lines as a summary.
• People can subscribe to feeds.– They don’t have to come looking for
your updates. Whenever you post an update, it comes to them.
– They choose where to receive the feed: in a reader or in email.
• Web designers can grab feeds to automatically update “what’s new”.
![Page 35: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/35.jpg)
Feedburner: Creating a feed
If you’re logged into Blogger, Feedburner will use that same account.
![Page 36: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/36.jpg)
Feedburner: Creating a feed
Choose an RSS feed.
![Page 37: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/37.jpg)
Feedburner: Creating a feed
This is done automatically
Only change it if you want it called something else.
![Page 38: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/38.jpg)
You have a feed. What’s next?
Done!
Now we’ll grab some code. This is where you will want web help.
![Page 39: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/39.jpg)
Setting up email subscriptions
Allow email subscriptions.
The press loves these. They don’t have to keep checking for news.
![Page 40: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/40.jpg)
Setting up email subscriptions
Your web folks can just copy and paste this code where you want it on the page.
People subscribe.
![Page 41: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/41.jpg)
Send your feed to a web page
Put short snippets on any web page.
Customize with these options.
![Page 42: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/42.jpg)
Send your feed to a web page
Your web folks can just copy and paste this code where you want it on the page.
Posts show up on a page
![Page 43: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/43.jpg)
Send your feed to a web page
Code copied directly from Feedburner.
![Page 44: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/44.jpg)
RSS Feeds: They’re magic!
Visitor subscription
choices Post archives
BuzzBoost
![Page 45: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/45.jpg)
AutomaticManual
The Morris County Process
Creates in MS Word
Website
PIOissues a
pressrelease
PIO posts on the website using Blogger.
(Create a custom template)
Can use links and graphics, even videos in the blog post
Using RSS Feeds, subscribers sign up to get notified via email or in a reader.
Home page “What’s New” is auto-updated.
Blogger auto-emails press releases to whomever you want.
Use Hootsuite to post to Twitter and Facebook. Include a link to website press release.
Twitter followers and Facebook fans are automatically notified.
![Page 46: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/46.jpg)
Publish toPublish toSocial MediaSocial Media
Carol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
![Page 47: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/47.jpg)
Publish w/social media; use blog link
![Page 48: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/48.jpg)
Publish EVERYWHERE!!
![Page 49: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/49.jpg)
AutomaticManual
Let’s review our Public Notices example
Created in MS Word
Website
PublicNoticewritten
Posted to the website on your Public Notice Blogger page. Using RSS Feeds,
subscribers get the notice in an email.
Home page “What’s New” is auto-updated. OR, if you want a Public Notice section, you can send feed there.Blogger auto-emails public notice to whomever you want. If you’re also putting in the newspaper, Blogger can auto-email to the press.
Use Hootsuite to post to Twitter and Facebook. Include a link to the full notice on your website.
Twitter followers and Facebook fans are automatically notified.
![Page 50: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/50.jpg)
What you learned today• Why integrating tools is important• How to set up Blogger• How to post• About RSS feeds• How to use Feedburner to create an
RSS feed for your blog• How to publish one thing many places• Where you can use this in government
– Public notices, recreation and special events,
– Emergency notices• About customizing Blogger templates
![Page 52: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/52.jpg)
Building a MunicipalBuilding a MunicipalSocial Media Social Media
PresencePresence
Carol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
Social Media Bootcamp
![Page 53: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/53.jpg)
Carol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
CustomizingCustomizingBlogger Blogger
TemplatesTemplates*Requires HTML knowledge
![Page 54: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/54.jpg)
Advanced Blogger: Custom Templates
• Blogger allows Custom Templates
• Choose a “classic template”• Modify the HTML to match your website
pages• Need someone fairly proficient in HTML to
help you • What you need is code between
<blogger> and </blogger>• Look at source code for:
http://mcprosnews.blogspot.com/ http://preparemorris.blogspot.com/ http://morriscountypr.blogspot.com/
• Keep your blog private until you have it set• Need help figuring it out? Email us.
![Page 55: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/55.jpg)
Advanced Blogger: Custom Templates
![Page 56: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/56.jpg)
Advanced Blogger: Custom Templates
![Page 57: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/57.jpg)
Advanced Blogger: Custom Templates
![Page 58: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/58.jpg)
Advanced Blogger: Custom Templates
![Page 59: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/59.jpg)
Advanced Blogger: Custom Templates
![Page 60: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/60.jpg)
Advanced Blogger: Custom Templates
![Page 61: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/61.jpg)
→ List of Blogger custom template tags.
http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=42070
→ Includes don’t work properly. Use full code. → Add <base href=“ “> in header to not have
to use absolute references. → Turn off comments (unless you want them).→ Blogger does not allow FPT posting.→ Must use blogspot.com.→ Can point your own domain to your blog.
Advanced Blogger: Custom Templates
![Page 62: 2012 Municipal Series: Social Media Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061103/54031cba8d7f72bb4a8b48ea/html5/thumbnails/62.jpg)
Building a MunicipalBuilding a MunicipalSocial Media Social Media
PresencePresence
Carol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
Social Media Bootcamp