Khamis, 1 November 2012

Social share button without javascript

Hmm... everyday visitor come, and some visitor want all my blog secret is shared. Ok if that all you want, i'll share... The trick is very simple, it's just a link with sharer by a plugin of social network. Now i'll share only for facebook, twitter and google+.

How to add it on blogger

The system is simply, you just need to add a link to your blog.

  1. Open and login to blogger.com, select your blog
  2. Click template tab in left sidebar, backup your template
  3. Click edit HTML and proceed
  4. Now expand widget HTML
  5. Search (CTRL+F) this code <data:post.body/>
  6. If you have found that code, below that code add this code:
    <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' style=' line-height: 20px; color: #fff; background: #3b5998; text-decoration: none; border: 1px solid #313c7d; padding: 3px;  font-family: arial, verdana, sans-serif; font-size: 12px; font-variant: normal; font-weight: bold;'>Share</a> <a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' style='color: #fff; background: #4099FF; text-decoration: none; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;'>Tweet</a> <a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' style='color: #fff; background: #c0361a; text-decoration: none; border: 1px solid #9c2c15; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 20px;'>Share</a>
  7. Then save your template
  8. Check your blog
Ok now finish, i'll update later....
Dicatat oleh di
Label: , , , , ,

9 ulasan:

  1. pslv seoa105 Februari 2019 pada 2:25 PG

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    BalasPadam
  2. byodbuzz066 Februari 2019 pada 1:55 PG

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    BalasPadam
  3. pslvseo a98 Februari 2019 pada 1:22 PG

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    BalasPadam
  4. byodbuzz068 Februari 2019 pada 9:57 PTG

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    BalasPadam
  5. byodbuzz0611 Februari 2019 pada 11:08 PTG

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    BalasPadam
  6. byodbuzz0615 Februari 2019 pada 1:15 PG

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    BalasPadam
  7. byodbuzz084 Mac 2019 pada 10:46 PTG

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    BalasPadam
  8. byodbuzz086 Mac 2019 pada 10:03 PTG

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    BalasPadam
  9. byodbuzz0610 Mac 2019 pada 9:13 PTG

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    BalasPadam

Langgan: Catat Ulasan (Atom)