1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Hi Guest, welcome to the TES Community!

    Connect with like-minded education professionals and have your say on the issues that matter to you.

    Don't forget to look at the how to guide.

    Dismiss Notice

Using Blogger HTML

Discussion in 'Tes Authors' Group' started by TheGingerTeacher, Jan 22, 2016.

  1. TheGingerTeacher

    TheGingerTeacher Established commenter Forum guide and community helper

    You wonderful lot might be able to help me. Is anyone here amazingly technically minded and can help me with blogger HTML? Embedding from twitter is driving me crazy! here's my blog post with embedded tweet

    http://beforecharlees30.blogspot.co.uk/2016/01/five-for-friday-22nd-january-2016.html

    As you can see it doesn't embed properly and I have tried adjusting the HTML to the best of my knowledge, which is quite limited. Any advice?

    I could have put this on one of the other forums but as the blog post relates to selling resources I thought best to leave it here. Some of the posters out there think selling your hard work is the worst thing a teacher can do!

    TIA
     
  2. yawningduck

    yawningduck New commenter

    After you have written your blog post, click on "HTML" in the top left hand corner, and paste this in where you want it:

    Code:
    <blockquote class="twitter-tweet" lang="en"><p lang="en" dir="ltr">Do you have any advice for new authors? Discover <a href="https://twitter.com/IamCharlee">@IamCharlee</a>&#39;s top tips <a href="https://t.co/tHwwjxHO7y">https://t.co/tHwwjxHO7y</a> <a href="https://twitter.com/hashtag/educhat?src=hash">#educhat</a> <a href="https://twitter.com/hashtag/TESauthor?src=hash">#TESauthor</a> <a href="https://t.co/ql8bCvawOb">pic.twitter.com/ql8bCvawOb</a></p>&mdash; tes Resources (@tesResources) <a href="https://twitter.com/tesResources/status/689150235344515073">January 18, 2016</a></blockquote>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
    I have tested this on my own blogger blog, and it works fine. Unfortunately, it is very hard for me to see where you have gone wrong if you haven't put up your failed attempt. If you could possibly have a go first and update the post, I'll be happy to take a look.
     
    mathsmutt and Charleei like this.
  3. TheGingerTeacher

    TheGingerTeacher Established commenter Forum guide and community helper

    Thank you, so much!! I will give that a go and get right back to you!!
     
  4. TheGingerTeacher

    TheGingerTeacher Established commenter Forum guide and community helper

    Ok so the twitter preview looks like this:
    upload_2016-1-22_18-38-31.png

    My HTML looks like this:
    <br />
    <blockquote class lang="en" twitter-tweet=""></blockquoteclass><br />
    <div dir="ltr" lang="en">
    Do you have any advice for new authors? Discover <a href="https://twitter.com/IamCharlee">@IamCharlee</a>'s top tips <a href="https://t.co/tHwwjxHO7y">https://t.co/tHwwjxHO7y</a> <a href="https://twitter.com/hashtag/educhat?src=hash">#educhat</a> <a href="https://twitter.com/hashtag/TESauthor?src=hash">#TESauthor</a> <a href="https://t.co/ql8bCvawOb">pic.twitter.com/ql8bCvawOb</a></div>
    — tesResources (@tesresources) <a href="https://twitter.com/tesResources/status/689150235344515073">January 18, 2016</a> <br />
    <br />
    upload_2016-1-22_18-40-3.png

    But my blog still looks like this:
    upload_2016-1-22_18-41-10.png

    Thank you so much for taking the time to help me I hate wasting time on these types of things! Why don't they work the first time???
     
  5. mathsmutt

    mathsmutt Star commenter

    Charleei likes this.
  6. mathsmutt

    mathsmutt Star commenter

    Sorry,it has been a long day and I'm tired. I meant to write:

     
    Charleei likes this.
  7. mathsmutt

    mathsmutt Star commenter

    Note that it should be <blockquote> ,not <blockqouteclass>
    Good luck!
     
    Charleei likes this.
  8. mathsmutt

    mathsmutt Star commenter

    </blockquote>
     
    Charleei likes this.
  9. TheGingerTeacher

    TheGingerTeacher Established commenter Forum guide and community helper

    Thanks so much I will give that a try later today and let you know how I get on
     
  10. TheGingerTeacher

    TheGingerTeacher Established commenter Forum guide and community helper

    Do you mean like this?

    <br />
    <blockquote lang="en" twitter-tweet="">
    <br />
    <div dir="ltr" lang="en">
    Do you have any advice for new authors? Discover <a href="https://twitter.com/IamCharlee">@IamCharlee</a>'s top tips <a href="https://t.co/tHwwjxHO7y">https://t.co/tHwwjxHO7y</a> <a href="https://twitter.com/hashtag/educhat?src=hash">#educhat</a> <a href="https://twitter.com/hashtag/TESauthor?src=hash">#TESauthor</a> <a href="https://t.co/ql8bCvawOb">pic.twitter.com/ql8bCvawOb</a></div>
    — tesResources (@tesresources) <a href="https://twitter.com/tesResources/status/689150235344515073">January 18, 2016</a></blockquote>
    <br />
    <br />

    because this code isn't working either...
     
  11. mathsmutt

    mathsmutt Star commenter

    Hi Charleei,
    Here is the code which @yawningduck gave you :

    <blockquote class="twitter-tweet" lang="en"><p lang="en" dir="ltr">Do you have any advice for new authors? Discover <a href="https://twitter.com/IamCharlee">@IamCharlee</a>&#39;s top tips <a href="https://t.co/tHwwjxHO7y">https://t.co/tHwwjxHO7y</a> <a href="https://twitter.com/hashtag/educhat?src=hash">#educhat</a> <a href="https://twitter.com/hashtag/TESauthor?src=hash">#TESauthor</a> <a href="https://t.co/ql8bCvawOb">pic.twitter.com/ql8bCvawOb</a></p>&mdash; tes Resources (@tesresources) <a href="https://twitter.com/tesResources/status/689150235344515073">January 18, 2016</a></blockquote>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

    Did you remember to put in the script line ? I ask since you haven't shown that above.
     
    Charleei likes this.
  12. TheGingerTeacher

    TheGingerTeacher Established commenter Forum guide and community helper

    sorry I missed a bit when copying, yes I added it.... Going to play a bit more later. I really appreciate the help thanks
     
  13. TheGingerTeacher

    TheGingerTeacher Established commenter Forum guide and community helper

    YAY!! It worked! I have no idea how I ended up with a different bit of code (all I did was copy and paste!) but Thank You so so much! :)
     
    mathsmutt and yawningduck like this.
  14. mathsmutt

    mathsmutt Star commenter

  15. yawningduck

    yawningduck New commenter

  16. iGCSE101

    iGCSE101 New commenter

  17. TheGingerTeacher

    TheGingerTeacher Established commenter Forum guide and community helper

    Really thank you guys I just passed on your wisdom to my friend who was struggling with the exact same problem. :)

    You helped two people in just one thread!
     
    mathsmutt likes this.

Share This Page