HTML Share Buttons


These simple social Share Button Codes will help you alot.

<div id="share-buttons">
 
    <!-- Buffer -->
    <a href="https://bufferapp.com/add?url=https://sourcecode-kk.blogspot.in&amp;text=Simple Share Buttons" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/buffer.png" alt="Buffer" />
    </a>
 
    <!-- Digg -->
    <a href="http://www.digg.com/submit?url=https://sourcecode-kk.blogspot.in" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/diggit.png" alt="Digg" />
    </a>
 
    <!-- Email -->
    <a href="mailto:?Subject=Simple Share Buttons&amp;Body=I%20saw%20this%20and%20thought%20of%20you!%20 https://sourcecode-kk.blogspot.in">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/email.png" alt="Email" />
    </a>

    <!-- Facebook -->
    <a href="http://www.facebook.com/sharer.php?u=https://sourcecode-kk.blogspot.in" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/facebook.png" alt="Facebook" />
    </a>
 
    <!-- Google+ -->
    <a href="https://plus.google.com/share?url=https://sourcecode-kk.blogspot.in" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/google.png" alt="Google" />
    </a>
 
    <!-- LinkedIn -->
    <a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https://sourcecode-kk.blogspot.in" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/linkedin.png" alt="LinkedIn" />
    </a>
 
    <!-- Pinterest -->
    <a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/pinterest.png" alt="Pinterest" />
    </a>
 
    <!-- Print -->
    <a href="javascript:;" onclick="window.print()">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/print.png" alt="Print" />
    </a>
 
    <!-- Reddit -->
    <a href="http://reddit.com/submit?url=https://sourcecode-kk.blogspot.in&amp;title=Simple Share Buttons" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/reddit.png" alt="Reddit" />
    </a>
 
    <!-- StumbleUpon-->
    <a href="http://www.stumbleupon.com/submit?url=https://sourcecode-kk.blogspot.in&amp;title=Simple Share Buttons" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/stumbleupon.png" alt="StumbleUpon" />
    </a>
 
    <!-- Tumblr-->
    <a href="http://www.tumblr.com/share/link?url=https://sourcecode-kk.blogspot.in&amp;title=Simple Share Buttons" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/tumblr.png" alt="Tumblr" />
    </a>
   
    <!-- Twitter -->
    <a href="https://twitter.com/share?url=https://sourcecode-kk.blogspot.in&amp;text=Simple%20Share%20Buttons&amp;hashtags=sourcecode-kk" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/twitter.png" alt="Twitter" />
    </a>
 
    <!-- VK -->
    <a href="http://vkontakte.ru/share.php?url=https://sourcecode-kk.blogspot.in" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/vk.png" alt="VK" />
    </a>
 
    <!-- Yummly -->
    <a href="http://www.yummly.com/urb/verify?url=https://sourcecode-kk.blogspot.in&amp;title=Simple Share Buttons" target="_blank">
        <img src="http://sourcecode-kk.blogspot.inimages/somacro/yummly.png" alt="Yummly" />
    </a>

</div>

0 comments :

Social Meta Tags for Twitter, Google+, Facebook and More



Knowing exactly which social meta tags to include can be confusing even to experienced webmasters. This post is a huge help, and Wordpress publishers who use Yoast's SEO plugin are well ahead of the game. For the rest of us, consider the different structures supported by the major social platforms:
  1. Twitter Cards: Summaries, Images, Galleries, Apps, Video, Audio, and Products
  2. Pinterest Rich Pins: Products, Recipes, Movies, and Articles
  3. Google+: Articles, Blog, Book, Event, Local Business, Organization, Person, Product, and Reviews
  4. Facebook: Articles, Photos, Audio, Video, and more

How to use these templates

1. The Minimal Template

This slimmed back version runs lean and fast. It contains a bare minimum of data for optimized sharing across Twitter, Facebook, Google+ and Pinterest.

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />
<!-- Twitter Card data -->
<meta name="twitter:card" value="summary">
<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />

2: The Standard Template

The standard template represents a more robust implementation of social tags and is meant to work across all platforms. In addition to all of the features of the mimimal template above, the standard template includes the following:

  • The basic Twitter Summary card
  • Twitter thumbnail image
  • Facebook Page Insights

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<-- Twitter Summary card images must be at least 120x120px -->
<meta name="twitter:image" content="http://www.example.com/image.jpg">

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" /> 
<meta property="og:site_name" content="Site Name, i.e. Moz" />
<meta property="fb:admins" content="Facebook numeric ID" />

3: The Full Script

In addition to all the data contained in the standard template, the full template contains:
  • Google Authorship and Publisher Markup. Although this data doesn't change your content appearance in Google+, it potentially add links to your Google+ pages in search results.
  • Schema.org article markup
  • Twitter Summary card with large image
  • Expanded Open Graph article data
<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<html itemscope itemtype="http://schema.org/Article">

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="http://www.example.com/image.jpg">

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name, i.e. Moz" />
<meta property="article:published_time" content="2013-09-17T05:59:00+01:00" />
<meta property="article:modified_time" content="2013-09-16T19:08:47+01:00" />
<meta property="article:section" content="Article Section" />
<meta property="article:tag" content="Article Tag" />
<meta property="fb:admins" content="Facebook numberic ID" />

4. Bonus: The Product Template

For merchants, product markup is very popular, and usually easy for developers to implement in their shopping cart software. The product template differs from article markup in only a few ways:

  • Modified <html> tag to reflect schema.org product data
  • Twitter Product Card includes required data labels
  • Open Graph data includes price and currency data
<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<html itemscope itemtype="http://schema.org/Product">

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">

<!-- Twitter Card data -->
<meta name="twitter:card" content="product">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<meta name="twitter:image" content="http://www.example.com/image.jpg">
<meta name="twitter:data1" content="$3">
<meta name="twitter:label1" content="Price">
<meta name="twitter:data2" content="Black">
<meta name="twitter:label2" content="Color">

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name, i.e. Moz" />
<meta property="og:price:amount" content="15.00" />
<meta property="og:price:currency" content="USD" />

Use these templates as a starting point, but you can customize them in millions of ways.

0 comments :

permalink problem for wordpress site on iis



<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
    <rules>
        <rule name="Main Rule" stopProcessing="true">
            <match url=".*" />
            <conditions logicalGrouping="MatchAll">
                <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            </conditions>
            <action type="Rewrite" url="index.php" />
        </rule>
    </rules>
</rewrite>
</system.webServer>
</configuration>

0 comments :