Skip to main content

EdCamp Still Rules

  Looking Back at 10 years of EdCamps Oh how the time flies, EdCamp Madison is turning 10 this year!  It will be held Saturday, February 3rd at Sun Prairie West High School. Which can be found at 2850 Ironwood Drive in Sun Prairie Wisconsin from 8:30 am - 3:00 pm.  Get more information and register here: https://sites.google.com/sunprairieschools.org/edcampmadwi/home   I will always remember sitting in my first EdCamp opening session at the very first EdCamp Madison and having no clue what I was in for. So, I’d like to take this space to go over some of the basic rules of EdCamp. No One Will Pitch It for You EdCamps are unconferences. By this I mean that they have a blank slate of sessions for the day. There may be a few predetermined sessions, but ultimately the session topics are determined by attendees during the pitch & plan session that opens the day. If an idea gets pitched there will be a session on it. If a topic doesn’t get pitched, there won’t be a session on it. So, it i

Twitter Cards for Blogger



So, I’ve been seeing people with beautiful Twitter Cards in my Twitter Stream. They make it clear that there is a web page to visit and give a quick preview of what would be found. Something like the one below:
Screen Shot 2017-07-10 at 7.10.15 PM.png


I’ve been wondering how to get one of the cards to appear when I tweet out a link to my latest blog post.  Since I use Blogger, there is not a simple button to click to turn this on.  I had to find a way to paste new code into the HTML code of my blog.  It took some searching from multiple sites to get a completely functional.  This site though was quite helpful.  But, I’d like to walk you through my process and hopefully it helps a few out.


There are a few types of Twitter Cards.  Two that at most frequently see are the basic summary card and the summary card with large image.  Below you can see the layout of each, but realize that they both have the same content pieces.





This is going to look like a lot more work than it will actually be, I just really broke down the steps so that they’d be easier to follow. Ok, here we go.
Eventually, we will paste some code into your Blogger Site. But, first thing we need to do is turn on Descriptions for your site. This may already be done, but be sure to double check this. If not already set-up, we’ll need to do this. The numbered diagram below will help with that.





  1. Click on Settings
  2. Under Settings, click on Search Preferences
  3. In Description, be sure that Yes is selected
  4. In the Description Text Box, add a short summary of your site (150 characters maximum).
  5. To save your work, click Save Changes


As you saw in the Twitter Cards, a description will appear about your post will appear as a part of the card.  You’ll need to add this to each blog post as you make new posts otherwise the card won’t work. It’ll be quick and painless, though.



  1. Click on Search Description on the right hand menu.
  2. Add a brief description in the text box you’d like to appear on the Twitter Card.
  3. Click Done to save your changes


Now we’re going to actually add the little piece of code to your site. Before we actually add the lines of code, we’ll have you back up your layout.  That way if something really gets messed up for some reason, you can restore the previous version.





  1. Click on Theme from the left side menu
  2. In the upper right corner click Backup/Restore.  In the pop-up window click Download Theme. Then click Close. (If anything goes really wrong and your site doesn’t work, this is where you would upload that theme the restore it.)
  3. Once you’ve got your backup downloaded, click on Edit HTML


Finally we’re going to paste in a few lines of code.
Below are the lines we’ll be pasting in based on what type of card you want. So choose option 1 or option 2.  Note that there is only one change you’ll need to make and that is highlighted in red.  You’ll add the Twitter username you are associating the card with. For example, mine is @mo_physics.


Option 1: Basic Summary Card
<!-- twitter card details -->
<meta content='summary' name='twitter:card'/>
<meta content='@yourtwitterusername' name='twitter:site'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<!-- end twitter card details -->


Option 2: Summary Card with Large Image
<!-- twitter card details -->
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@yourtwitterusername' name='twitter:site'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<!-- end twitter card details -->


Now where will you put this? Let me walk you through this too.





  1. We have to find the specific place we need to paste the code. It will be before a line of code that is </head>. To find that place, click inside the code box itself  and then hit control + F (or Command + F on Mac) to bring up the “Find bar”.  In that “find bar”, type in /head.
  2. That will show you exactly where </head> is in the code. Remember we are pasting our code in before </head>.
  3. Copy the lines of code above and paste them in before </head>. Remember to overwrite @yourtwitterusername to your Twitter username.
  4. Finally, hit Save Theme at the top of the page.


Ok, we should be good now.  So we’ll have to see if this worked. Once you’ve got a blog post that has a title, an image, and an added description, we can check it out. We’ll head to the Twitter Card Validator to check it out, so click here.



To check if it works, copy the address of the individual blog post (NOT your blog homepage) and paste it into the textbox. Then, click Preview Card. Hopefully all goes well, and you should see a preview of your card.

I’m not an HTML coder and I could do this by. So, good luck. So if you’re having issues, I might not be much help.  But, give it a try.

Comments

  1. Thank you so much for this post! It worked!

    ReplyDelete
  2. Thank you SO much. I have read so many different versions of how to do this and your instructions (which are perfectly clear and simple) were the first to actually work. Thank you!!!!

    ReplyDelete
  3. Like a charm! Awesome info worked perfectly.

    ReplyDelete
  4. Awesome it worked...
    Thank you!

    ReplyDelete
  5. wow! nice sir, I really appreciate everything that you do. You inspire me to be a better person and useful amazing content idea you will post. You have the best ideas.click here

    ReplyDelete
  6. Thanks for sharing this informative content , Great work .I also have some more informative content please Why is the Internet So Slow on Your Android Phone

    ReplyDelete

  7. I'm really impressed with your writing skills, as smart as the structure of your weblog.

    ShineCrack.Com
    MathType Crack

    ReplyDelete
  8. I'm really impressed with your writing skills, as smart as the structure of your weblog.

    Bulk Image Crack
    Crack
    AOMEI Partition Crack



    ReplyDelete
  9. Because there are now more airlines to choose from than there were in the past, it is much easier to go to various regions of the world than before. Despite this, it is vital in today's linked world to keep in contact with loved ones who remain at home. worldwide M2M SiM Card

    ReplyDelete

Post a Comment

Popular posts from this blog

Pear Deck 101 + Q&A

  Last week, I presented as a part of Pear Deck’s Pear Fair 2020. My presentation was Pear Deck 101 for Google Slides. During the presentation, there was a live chat. Many people said it went too fast for a 101 Session. Luckily, it was recorded so it can be rewatched.  Also, many said that they wanted to know how to build a Pear Deck first. I structured the presentation to show what Pear Deck was before showing how to make one. Perhaps that wasn’t the best structure. But, I’m going to stick with my philosophy of showing what something is before showing how to make it. The presentation, which can be watched below, was structured in several different sections What is Pear Deck? Providing an overview of the experience from the Teacher and Student perspectives. How do you build a Pear Deck in Google Slides? How do you start a Pear Deck presentation? How do you end a Pear Deck presentation? Here is the Slideshow I shared during the session bit.ly/pearfair101 Time really flew in the sess

Using Infinite Campus to Give Grades Meaning

At Brookfield Central High School have just passed the three week grading period and are approaching the first parent teacher conferences of the year. My thoughts are turning to clarifying my grading practices to students and parents as more scores are being entered into the gradebook.  I have completely restructured the grade reporting in my online gradebook this year.  This was due to struggles I had last year in trying to implement what I believe to be best grading practices into my grade reporting.  Much of my grading philosophy has been informed by Robert Marzano and Marzano Research, specifically the wonderful book Classroom Assessment & Grading that Works .   Traditionally, as I prepare for teacher conferences, I use a student summary report I print from our online gradebook to guide the discussion with parents.  Our grading program in my district is Infinite Campus (IC).  I really like the software and find it extremely easy to use.  Below you’ll see a sample st