Friday, September 22, 2017

Download Firmware Oppo R5

Download Firmware Oppo R5
Make a Twitter Card with Open Graph

Do you know Twitter let you attach photos with your tweets? If you have a blog or website, you can make a card for it. And when you share your URLs on Twitter, that card will appear with your tweets! All you need to do is simply add an HTML code on your site. 


In my previous post, I discussed about Facebook Open Graph. If youve already implemented Facebook Open Graph on your site, then creating a Twitter Card will be much easier for you. Because, Facebook Open Graph an Twitter Card is almost similar. 


5 Simple Steps to Create a Card
  1. Choose a Card Type for your site - ie. Summary Card with Large Image
  2. Now get the code from there. Change it where necessary. 
  3. Add the code in your sites HTML.
  4. Test your home page URL through Card Validator.
  5. Now tweet your sites link and your card will appear below the post!


Twitter Card Code including Open Graph


<meta name="twitter:card" content="Your Ultimate Choice for Computer, Internet, Blogging, SEO &amp; PC Troubleshooting Tips!" /><meta content=summary_large_image name=twitter:card/><meta name="twitter:site" content="@markspcsolution" /><meta name="twitter:creator" content="@markspcsolution" /><meta property="og:url" content="http://www.markspcsolution.com/" /><meta property="og:title" content="Marks PC Solution" /><meta property="og:description" content="There is no mistake in the world of technology - everything is learning!" /><meta property="og:image" content="http://s10.postimg.org/g0aysum0p/Marks_PC_Banner.png" />

This is exactly the same code which Im using for my site. You just need to change in the content option. And you must create an image for the card and upload it to a server. Then share the URL in the image meta. 


Here is the embedded tweet for Marks PC Solution -



CMS Integration Guide

Twitter has provided a complete integration guide for twitter card. Thats why Im not gonna discuss about the code integration. Simply follow this URL for code integrtion.

Here will find the tutorial for - 
  • WordPress
  • Tumblr
  • Blogger

If you need any other help, please knock me . . . 

Stay with Marks PC Solution to get more interesting IT topics!




download file now

download
alternative link download
Posted by at
Labels: , , ,