Building a Municipal                                      Social Media                                  Presence          ...
What you’ll do today•   Learn why this is important•   Set up a Google account•   Set up a blog on Blogger•   Learn about ...
The Morris County Process       PIO    issues a      press                     Creates in MS Word     release             ...
Public Notices, for example     Public     Notice     written                     Created in MS Word                      ...
Tools you need• A website• A Gmail account    –   Gmail is a Google application• Blogger    –   Blogger is a Google applic...
Step by StepCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
Getting Started• Go to Google.com. Create an  account.    •   Use a generic jurisdiction email address, or    •   Create a...
Blogger 101: Getting thereOr, you cango directly toBlogger.com
Blogger 101: Getting thereOr, you cango directly toBlogger.com
Blogger 101: Log inGoing directlyto Blogger.combrings up thisscreen
Blogger 101: Identify          yourselfYou’ll only dothis once.
Blogger 101: Create your           blogThis is whereyou’ll createall your blogs
Blogger 101: Create yourblog
Blogger 101: Set up yourblog
Blogger 101: Settings
Blogger 101: Settings,Basic
Blogger 101: Settings,Posts                     Change to fit                     your page                    Change to  ...
Blogger 101: Settings,Mobile                  Sharing this secretword will                  be a security problem.        ...
Blogger 101: Settings,Language
Blogger 101: Settings,Other
Blogger 101: Ready topost
PostingCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
Blogger 101: PostingCut and pastetext. Format font,color, bold. Addlinks, bullets,photos, video.
Blogger 101: Draft or Live           PostPublish: LiveSave: DraftPreview: See itClose: Savewithout changes
Blogger 101: LabelsLike tags. Helpspeople find whatthey’re lookingfor on Blogger.
Blogger 101: Schedule            postsSchedule postpublication datesso you can set itup in advance.
Blogger 101: Published            pageProblems:● header bar● posted by● about me● linksAll are fixed withcustomizing theBl...
Blogger 101: Records           RetentionDo not deleteposts. Revertthem to draft andkeep them.
Blogger 101: Records           RetentionDraft posts donot appear, evenif they once did.
Blogger 101: RecordsRetention
Blogger 101: Co-authoringYou can (should)have multipleauthors for eachblog, with variedpermission levels.Admins canremove ...
The Morris County Process       PIO    issues a      press                     Creates in MS Word     release             ...
FeedburnerCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
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 ...
Feedburner: Creating a feedIf you’relogged intoBlogger,Feedburnerwill use thatsameaccount.
Feedburner: Creating a feedChoose anRSS feed.
Feedburner: Creating a feedThis is doneautomaticallyOnly changeit if you wantit calledsomethingelse.
You have a feed. What’s               next?Done!Now we’llgrab somecode. Thisis where youwill wantweb help.
Setting up email                 subscriptionsAllow emailsubscriptions.The pressloves these.They don’thave to keepchecking...
Setting up email                 subscriptionsYour webfolks can justcopy andpaste thiscode whereyou want iton the page.Peo...
Send your feed to a web              pagePut shortsnippets onany webpage.Customizewith theseoptions.
Send your feed to a web                 pageYour webfolks can justcopy andpaste thiscode whereyou want iton the page.Posts...
Send your feed to a web                pageCode copieddirectly fromFeedburner.
RSS Feeds: They’re magic!                    Visitor                 subscription                   choices      Post arch...
The Morris County Process       PIO    issues a      press                     Creates in MS Word     release             ...
Publish to                                           Social MediaCarol A Spencer, Web ManagerCounty of Morris, NJ • Buildi...
Publish w/social media; use bloglink
Publish EVERYWHERE!!
Let’s review our Public Notices example     Public     Notice     written                     Created in MS Word          ...
What you learned today• Why integrating tools is important• How to set up Blogger• How to post• About RSS feeds• How to us...
Contacting me…       Carol A Spencer           Web Manager         County of Morris NJ    cspencer@co.morris.nj.us    webm...
Building a Municipal                                      Social Media                                  Presence          ...
Customizing                                       Blogger Templates                                           *Requires HT...
Advanced Blogger: CustomTemplates  • Blogger allows Custom Templates      •   Choose a “classic template”      •   Modify ...
Advanced Blogger: CustomTemplates
Advanced Blogger: CustomTemplates
Advanced Blogger: CustomTemplates
Advanced Blogger: CustomTemplates
Advanced Blogger: CustomTemplates
Advanced Blogger: CustomTemplates
Advanced Blogger: CustomTemplates  → List of Blogger custom template tags.  http://www.google.com/support/blogger/bin/answ...
Building a Municipal                                      Social Media                                  Presence          ...
Upcoming SlideShare
Loading in …5
×

2012 Municipal Series: Social Media Bootcamp

1,054
-1

Published on

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.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,054
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Chatham Township, Randolph, Morristown do not have Twitter accounts yet.
  • Chatham Township, Randolph, Morristown do not have Twitter accounts yet.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Chatham Township, Randolph, Morristown do not have Twitter accounts yet.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Opened up a new window with Blogger. Gmail is still open. Note tabs above. Sign in with same password as Gmail account.
  • Chatham Township, Randolph, Morristown do not have Twitter accounts yet.
  • Chatham Township, Randolph, Morristown do not have Twitter accounts yet.
  • Chatham Township, Randolph, Morristown do not have Twitter accounts yet.
  • Chatham Township, Randolph, Morristown do not have Twitter accounts yet.
  • Chatham Township, Randolph, Morristown do not have Twitter accounts yet.
  • 2012 Municipal Series: Social Media Bootcamp

    1. 1. Building a Municipal Social Media Presence Social Media BootcampCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
    2. 2. 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
    3. 3. The Morris County Process PIO issues a press Creates in MS Word release PIO posts on the website using Blogger. (Create a custom template) Can use links and graphics, Using RSS Feeds, even videos in the blog post subscribers sign up to get notified via email or in a reader. Website 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. Automatic Manual
    4. 4. Public Notices, for example Public Notice written Created in MS Word 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” Website 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. Automatic Manual
    5. 5. 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
    6. 6. Step by StepCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
    7. 7. 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 webmaster@co.morris.nj.us, but that’s a problem for Facebook. Something like MorrisCountyNJ@gmail.com 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.
    8. 8. Blogger 101: Getting thereOr, you cango directly toBlogger.com
    9. 9. Blogger 101: Getting thereOr, you cango directly toBlogger.com
    10. 10. Blogger 101: Log inGoing directlyto Blogger.combrings up thisscreen
    11. 11. Blogger 101: Identify yourselfYou’ll only dothis once.
    12. 12. Blogger 101: Create your blogThis is whereyou’ll createall your blogs
    13. 13. Blogger 101: Create yourblog
    14. 14. Blogger 101: Set up yourblog
    15. 15. Blogger 101: Settings
    16. 16. Blogger 101: Settings,Basic
    17. 17. Blogger 101: Settings,Posts Change to fit your page Change to HIDE comments
    18. 18. Blogger 101: Settings,Mobile Sharing this secretword will be a security problem. Be careful!
    19. 19. Blogger 101: Settings,Language
    20. 20. Blogger 101: Settings,Other
    21. 21. Blogger 101: Ready topost
    22. 22. PostingCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
    23. 23. Blogger 101: PostingCut and pastetext. Format font,color, bold. Addlinks, bullets,photos, video.
    24. 24. Blogger 101: Draft or Live PostPublish: LiveSave: DraftPreview: See itClose: Savewithout changes
    25. 25. Blogger 101: LabelsLike tags. Helpspeople find whatthey’re lookingfor on Blogger.
    26. 26. Blogger 101: Schedule postsSchedule postpublication datesso you can set itup in advance.
    27. 27. Blogger 101: Published pageProblems:● header bar● posted by● about me● linksAll are fixed withcustomizing theBlogger template
    28. 28. Blogger 101: Records RetentionDo not deleteposts. Revertthem to draft andkeep them.
    29. 29. Blogger 101: Records RetentionDraft posts donot appear, evenif they once did.
    30. 30. Blogger 101: RecordsRetention
    31. 31. Blogger 101: Co-authoringYou can (should)have multipleauthors for eachblog, with variedpermission levels.Admins canremove or addauthors for eachblog.
    32. 32. The Morris County Process PIO issues a press Creates in MS Word release PIO posts on the website using Blogger. (Create a custom template) Can use links and graphics, Using RSS Feeds, even videos in the blog post subscribers sign up to get notified via email or in a reader. Website 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. Automatic Manual
    33. 33. FeedburnerCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
    34. 34. 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”.
    35. 35. Feedburner: Creating a feedIf you’relogged intoBlogger,Feedburnerwill use thatsameaccount.
    36. 36. Feedburner: Creating a feedChoose anRSS feed.
    37. 37. Feedburner: Creating a feedThis is doneautomaticallyOnly changeit if you wantit calledsomethingelse.
    38. 38. You have a feed. What’s next?Done!Now we’llgrab somecode. Thisis where youwill wantweb help.
    39. 39. Setting up email subscriptionsAllow emailsubscriptions.The pressloves these.They don’thave to keepchecking fornews.
    40. 40. Setting up email subscriptionsYour webfolks can justcopy andpaste thiscode whereyou want iton the page.Peoplesubscribe.
    41. 41. Send your feed to a web pagePut shortsnippets onany webpage.Customizewith theseoptions.
    42. 42. Send your feed to a web pageYour webfolks can justcopy andpaste thiscode whereyou want iton the page.Posts showup on a page
    43. 43. Send your feed to a web pageCode copieddirectly fromFeedburner.
    44. 44. RSS Feeds: They’re magic! Visitor subscription choices Post archives BuzzBoost
    45. 45. The Morris County Process PIO issues a press Creates in MS Word release PIO posts on the website using Blogger. (Create a custom template) Can use links and graphics, Using RSS Feeds, even videos in the blog post subscribers sign up to get notified via email or in a reader. Website 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. Automatic Manual
    46. 46. Publish to Social MediaCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
    47. 47. Publish w/social media; use bloglink
    48. 48. Publish EVERYWHERE!!
    49. 49. Let’s review our Public Notices example Public Notice written Created in MS Word 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” Website 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. Automatic Manual
    50. 50. 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
    51. 51. Contacting me… Carol A Spencer Web Manager County of Morris NJ cspencer@co.morris.nj.us webmaster@co.morris.nj.us
    52. 52. Building a Municipal Social Media Presence Social Media BootcampCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
    53. 53. Customizing Blogger Templates *Requires HTML knowledgeCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
    54. 54. Advanced Blogger: CustomTemplates • 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.
    55. 55. Advanced Blogger: CustomTemplates
    56. 56. Advanced Blogger: CustomTemplates
    57. 57. Advanced Blogger: CustomTemplates
    58. 58. Advanced Blogger: CustomTemplates
    59. 59. Advanced Blogger: CustomTemplates
    60. 60. Advanced Blogger: CustomTemplates
    61. 61. Advanced Blogger: CustomTemplates → 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.
    62. 62. Building a Municipal Social Media Presence Social Media BootcampCarol A Spencer, Web ManagerCounty of Morris, NJ • Building a Municipal Social Media Presence
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×