Marks PC Solution

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 Choose a Card Type for your site - ie. Summary Card with Large Image Now get the code from there. Change it where necessary.  Add the code in your site's HTML. Test your home page URL through Card Validator . 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 C...

Facebook Open Graph allows you to use custom site title, URL, description and even a custom image when you share your page. If you use Facebook Open Graph code on your site, every time when you share any page, it will be counted directly for your home page. Suppose, if I share the following URL on Facebook -  http://www.markspcsolution.com/2014/09/complete-tutorial-on-facebook-open-graph.html The sharing/ like will be counted for -  http://www.markspcsolution.com/ But If there is no open graph code on my site, the sharing of the first URL will be counted individually. And the sharing will not be counted for your home page. Now I guess, you've understood the importance of open graph. It's really helpful to increase facebook likes of your site rapidly.  Couple of days ago, I discussed about how to claim a site on Facebook . Following the same method, you can place Facebook Open Graph code on your site. Open graph code is as follows: <m...

Do you know, you can claim your domain/site in Facebook to get insights? If you register your site on Facebook, you can view analytics for referral traffic, stories, user engagement and other related information. And definitely this will help you to take better actions for your site.  I always say, if Facebook were a country, it could be the most populated state of the world. It's a site with the most registered active users. No other site, even Google and Twitter can't attract users as much as Facebook. Most of the users waste their valuable time on Facebook.   But as a blogger/ web developer/ app developer, you can't either waste your time or avoid Facebook. You can take advantage of the popularity of Facebook. You can promote your website/ blog/ app on Facebook. You can do this in your way. I'm not gonna interfere there!  Today I'm writing about - claiming/ registering a site on Facebook. You can do this easily. All you need is just adding...

Search engine Bing has a nice translator widget for your blog or website. With this translator, your reader can translate the site in their own languages. Thus your site will get more language coverage. Currently Bing translator supports only 50 languages. See the demo below:  This is how your translator will look like. When someone clicks on the Translate button, translation option will appear. After clicking the down arrow, a drop down list of language will open.  Translator Code To enable translation for your site, you've to add the following code in your HTML.  <div id='MicrosoftTranslatorWidget' class=' Dark '  style='color:white; background-color:#555555 '></div> <script type='text/javascript'>setTimeout(function() {{var s=document.createElement('script');s. type='text/javascript';s.charset='UTF-8'; s.src=((location && location.href && location...

A single blog post can never provide you the sufficient knowledge on HTML colors. Thousands of words could be written about colors. But today, I'm just gonna share my little knowledge about HTML colors .  All of you are familiar with the basic colors - Red, Green & Blue. In brief, this is known as RGB. What you see in the screen is nothing but the combination of these three colors. I mean Red, Green and Blue.  There are 16 Million Different Colors! The combination of Red, Green and Blue can produce more than 16 million colors! Each color has a value from 0 to 255. Couple of years ago I heard that human eyes can detect almost 17000 colors. And most of the modern monitors are capable of displaying more than 16000 colors.  Color Names Supported by the Web Browsers There are 140 color names defined by the HTML and CSS color specification which are supported by almost all web browsers. But only 17 of them are considered as standard colors. These ...

More or less, all internet users are informed about the URL (Uniform Resouce Locator). A URL is simply the address of a site in internet. With the help of URL, you can directly access to a particular site. While general people just need to know the URL only to access a site, webmasters have to perform lots of tasks with it.  Webmasters need to create thousands of links through URLs. Time to time they need to check the site's status through URLs. But these are not my concern in this post. Today I'd like to discuss about how to inform Google when you change your site's address.  When a site gets a new address/ URL, definitely it loses social sharings. All backlinks of the site will also be lost. And search engines will not entertain that site as before. Because you're simply a stranger to them! Search engines even don't know about your site until you submit it for indexing. But Google Webmaster Tools allows you to tell Google when your si...

After a long break I am gonna write another tutorial on HTML. This will be the number 4 tutorial of HTML. Today I would like to share some tags which don't have any endings! I mean you can just start these tags but they have no corresponding end tags.  You might be interested to read the previously published HTML tutorial. These are as below:  HTML Tutorial 1: Simple HTML Document (Example) HTML Tutorial 2: Basic Parts of an HTML Document HTML Tutorial 3: Most Common Tags in HTML Documents Now I can proceed to the Tutorial 4: HTML Tags with No Ends. Have a look at the image below.  The above image doesn't include all the tags that have no ends. See the complete list below:  <area>  <base>  <basefont> <br>  <col>  <frame>  <hr>  <img>  <input>  <isindex>  <link>  <meta>  <para...

I'm sorry for the delay to publish new posts but something was wrong with my PC. That's   why I was in trouble with this and not able to write something new. Well I'd like to continue the HTML tutorial.  In this post I will discuss about some tags which are very common in preparing HTML documents . But before you go, don't forget to look at the following posts if you haven't already gone through: Creating a Simple HTML Document Basic Parts of an HTML Document Let's talk about the most common tags of HTML documents. You should also have a close look at our example document . Some of these tags are also used in that document. I think this will be helpful for you.  Structural Tags:   <html>, <head>, and <body> are the main structural tags of any HTML document. Each and every HTML document must contain these tags. Title   tag - <title> is also very important for an html document. Besides there are...