Miss Norledge's Storeroom
  • Home
  • Resources by Topic
    • Number and Proportion
    • Algebra
    • Shape
  • Blog
    • Summer Blog Challenge
    • Staffrm 29 Days of Writing (2016)
    • Maths with Zoombinis
  • My resources
    • Downloads >
      • Mix Match
      • Rally Coach
      • Pass the Problem
    • Request a password
  • Links
    • Teaching blogs and resources
    • Web tools and apps
    • Exams and assessment
  • Privacy Policy
  • Home
  • Resources by Topic
    • Number and Proportion
    • Algebra
    • Shape
  • Blog
    • Summer Blog Challenge
    • Staffrm 29 Days of Writing (2016)
    • Maths with Zoombinis
  • My resources
    • Downloads >
      • Mix Match
      • Rally Coach
      • Pass the Problem
    • Request a password
  • Links
    • Teaching blogs and resources
    • Web tools and apps
    • Exams and assessment
  • Privacy Policy

             

  

Twitter Card tutorial for Weebly sites

9/4/2015

 
I've been seeing more and more beautifully presented links popping up in my Twitter feed recently, so decided to research further. I do struggle with the limitations of Weebly's blogging features occasionally, but I managed to get this working well so thought I'd post in case there are any other Weebly users in a similar position.

A bit of quick digging around on Google revealed that these links are called Twitter Cards, and there's a full tutorial from the developers on that page. As usual, it's written for people who can access and edit the HTML for their page, but the fiddle to make this work for Weebly was surprisingly easy. 


Picture
Here's how I created my first Twitter card (you can see a pic of it on the right) using Weebly's Embed Code feature. Scroll through for a step-by-step tutorial.
<meta name="twitter:card" content="summary_large_image">      
<meta name="twitter:site" content="@yourtwitterhandle">    
<meta name="twitter:title" content="POST TITLE max 70 characters">  
<meta name="twitter:description" content="POST DESCRIPTION">    
<metaname="twitter:image:src" content="URL OF IMAGE">
Once you've added all of this information to your blog post, Twitter will automatically show this card whenever your URL is posted. It's worth noting that you can only have one card per URL. 

It's also worth noting that the Twitter Card will not show up like this on summary feeds; it's only when your tweet is clicked and expanded that the full details are shown. 

Russell Hogan link
6/9/2015 20:44:52

Thanks for the instructions for creating a twitter card.

Carolina link
18/9/2015 13:14:44

Thanks for the instructions. You're very kind.

Miss Norledge
18/9/2015 22:09:12

Not a problem - I know how difficult it can be finding sensible instructions for Weebly!

get twitter verified link
5/4/2016 08:04:18

The verification technique does have got a useful intent. Twitter brims with bogus or parody accounts. So when customers are sifting by way of an index of likely usernames, it helps to get alerts to assist discover the genuine human being they want to adhere to.

twitter verification link
24/4/2016 07:12:20

The verification method does possess a sensible intent. Twitter brims with bogus or parody accounts. So when customers are sifting by way of a summary of opportunity usernames, it helps to have alerts to help you locate the real particular person they need to adhere to.

Will link
21/6/2016 17:41:14

Thanks for the tutorial! It "broke" my them, but I did find a workaround. It's one I've used for other posts.

The problem is, when I have the draft, the text is all normal. With the twitter card added via "add code", lots of the text would be gibberish. Lots of random unicode symbols next tot or in place of words.

Solution:

Add the same code to a picture, ANY picture. Add it as the "caption. You can even add it to the end of the caption. It wont appear as the code, but still performs the same.

Thanks again!

Buy Twitter Followers Cheap link
31/7/2016 16:15:10

Thank you for this, I was looking for something similar.

Alyssa link
24/2/2017 02:16:38

This was exactly what I needed. Thank you for taking the time to write these easy to follow instructions :)

Mel link
24/2/2017 17:54:16

Thanks so much for these lovely instructions! However, I wanted to bring this to your attention: the last line of code for the image is missing a space between "meta" and "name". This kept causing the wrong image to show up in one of my own cards. It took me 45 minutes to figure out why! Adding the space fixed it. :)

Ola link
21/3/2017 13:41:30

Thank you so much for sharing this information. Do you by any chance have suggestions on great weebly "plugins" to use to increase blog exposure? I know that WordPress uses something like Yoast. Are there any apps you could recommend for Weebly?

Nick link
19/1/2019 21:32:48

Thanks so much for taking the time to make instructions to help weebly users make twitter cards! I have been trying to figure this out for a few days now and am at a total stumbling block. Whenever I add the embed code to the blog page or blog post itself, the twitter card is showing up with a grey box with a url to our site next to it. Im sure the only part of the code I havent changed of yours is the 'summary large image' part. I really hope you can help!

Thanks so much,

Nick

Gurjyot link
21/3/2019 20:30:28

This was so helpful thank you! so concise and easy to follow.

I'm having a hard time with the image URL, I'm copying and pasting it for a specific picture but it keeps pulling a different image from my blog...

Chloe link
3/6/2019 12:15:01

Thank you so much for sharing this!


Comments are closed.

    Categories

    All
    #29daysofwriting
    A Level
    Algebra
    Algebra Tiles
    Area
    Assessment
    Bar Model
    Bar Modelling
    Books
    Celebration Of Maths 2015
    Challenge
    Circles
    CPD
    Cuisenaire Rods
    Data
    Decimals
    Displays
    Enrichment
    Equations
    Events
    Feedback
    Formulae
    Four Operations
    Fractions
    Functional Maths
    Gcse 2015
    GCSE Past Papers
    GCSE Revision
    Graphs
    Group Work
    HCF And LCM
    History Of Maths
    Intervention
    Investigation
    Lesson
    Lesson Ideas
    Literacy
    Lotw
    Loving Maths
    Manipulatives
    Marking
    Mastery
    #mathsconf
    #mathsconf2015
    #mathsconf4
    Maths In Pictures
    Multiplication
    Musings
    Negative Numbers
    News
    Numeracy Across Curriculum
    Parenthood
    Percentages
    Pick Of Twitter
    Pie Charts
    Primes
    Probability
    Problem Solving
    Proportion Problems
    Puzzles
    Pythagoras
    Quadratics
    Quadratic Sequences
    Ratio Tables
    Real Life Graphs
    Reflection
    Resources
    Revision
    Rounding
    Schemes Of Work
    Simultaneous Equations
    Square Numbers
    Stationery
    #summerblogchallenge
    #teacher5adaysketch
    Teaching And Learning
    Technology
    Top Ten
    Trignometry
    Trigonometry
    Vectors
    Venn Diagrams
    Websites
    Weebly Tutorials
    Zoombinis


    Archives

    August 2020
    September 2018
    August 2018
    October 2017
    July 2016
    June 2016
    May 2016
    February 2016
    November 2015
    October 2015
    September 2015
    August 2015
    July 2015
    June 2015
    May 2015
    April 2015
    March 2015
    February 2015
    January 2015

    RSS Feed

Powered by Create your own unique website with customizable templates.