Skip to main content

Get a Twitter Card for your Site!



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 you've 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 site's HTML.
  4. Test your home page URL through Card Validator.
  5. Now tweet your site's 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 I'm 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. That's why I'm 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!



Labels:

Comments

Post a Comment

Popular posts from this blog

GTA San Andreas Cheat Code (PDF)

After Vice City, San Andreas is the most popular game released by Grand Theft Auto (GTA). Usually GTA releases role playing game. San Andreas is such a game where you can act like a person. You can do everything. You have to take part in missions and complete them.  To make your missions easier, there are lots of cheat codes. If you can properly apply these codes, the tough parts of the game will be easier. Cheat codes are somewhat like keyboard shortcuts of computer programs.  I've shared 63 cheat codes below. There were more cheat codes in my collection, but I've omitted the less important cheats. Effects or result of the cheats are on the left side, and the codes are on the right side.  You can copy the following codes in your PC. And for your convenience, I've also uploaded a PDF file of these codes. You will find the download link at the bottom.  Effect Cheat Code Adrenaline Mode MUNASEF All Cars Explode ALLCARSGOB
8 comments
Read more

Rules for Bengali Typing in PDF (Bijoy Layout)

Bijoy is the most popular layout for Bangla typing. The layout was developed by Mostafa Jabbar. He is the pioneer of Bangla typing in computer. More than 90% people use his Bijoy layout for Bangla typing. Today, I'm gonna share a PDF file with you that contains the Bijoy Keyboard layout with English fonts! If your keyboard doesn't have bengali fonts then you can print this PDF file to know where the bengali fonts are located in your keyboard. Additionally this file contains all the necessary rules and tips which are essential for Bangla Typing.  Now there are many other software available for Bangla Typing Layout. Such as Avro Easy, Unicode, Unibijoy etc. And there rules are also somewhat different from Bijoy. And some of their layouts follow the same rules like Bijoy. Hopefully this PDF file will support most of the rules when a layout is similar to Bijoy Layout.  Click to enlarge the image Download the PDF file from the button below. Follow
9 comments
Read more

Download Puzzle Flash Game - Save Them

Hey Flash Game Lovers! Today you're getting an amazing puzzle game - Save Them! It's a flash game and the download size is only 382 KB. In this game, you have to move 3 missionaries and 3 cannibals from one side to another through a boat. In any side, if the number of cannibals is more than the number of missionaries, then cannibals will eat the missionaries!  Download Save Them Download the game from the above link. It's a zipped file. Download size is only 382 KB! After downloading the game, you have to unzip it first. Then double click on the SaveThem to start the game.  How to Play? After starting the game, you will get the instruction. You have to make sure that in no side, the number of cannibals is not more than the number of missionaries. This is your only challenge. You have to take them from left side to the right side of the lake through a boat.  Press on a character to jump to the boat. Thus you can take any two of them a
Post a Comment
Read more