Pages

Friday, 24 May 2013

Add Flipper Sharing Widget In Blogger


Flipper Sharing Widget is one of the favorite widgets of mine. Its share your post on different social media like, Google+, Facebook, Twitter, Pinterest,  Delicious, Digg, Stumble, Reddit and also RSS which cause more traffic and keep your visitors up to date from your new posts. This sharing widget have an beautiful hover effect which also make a good impression  on your new visitors. Now without wasting the lets know how to add this in blogger under your every post.



Add This In Blogger

  • Go to Blogger > Template
  • First download the backup of your template
  • Click on Edit HTML
  • Now search for this code  <data:post.body/>
  • Tip: Use ctrl+f to search the above code
  • Now paste the following code below it
<style>
/*-------- Sharing Widget ------*/
.flipper a {
display:block;
height:48px;
width:48px;
padding:0 4px;
float:left;
background:transparent url(http://2.bp.blogspot.com/-2-WbGT3gi3o/UaBV1hYQ2oI/AAAAAAAAAik/B0D-XgIMkes/s1600/Sharing+Widget+For+Blogger.png) no-repeat;
-webkit-transition: ease-in 0.15s all;   
-moz-transition: ease-in 0.15s all;   
-o-transition: ease-in 0.15s all;   
-ms-transition: ease-in 0.15s all;   
transition: ease-in 0.15s all;
cursor:pointer;
}
.flipper a.googleplus {
background-position: 0px -348px;
}
.flipper a.googleplus:hover {
background-position: 0px -406px;
}
.flipper a.pinterest {
background-position: 0px -464px;
}
.flipper a.pinterest:hover {
background-position: 0px -522px;
}
.flipper a.delicious {
background-position: 0px 0px;
}
.flipper a.delicious:hover {
background-position: 0px -58px;
}
.flipper a.digg {
background-position: 0px -116px;
}
.flipper a.digg:hover {
background-position: 0px -174px;
}
.flipper a.stumbleupon {
background-position: 0px -812px;
}
.flipper a.stumbleupon:hover {
background-position: 0px -870px;
}
.flipper a.technorati {
background-position: 0px -928px;
}
.flipper a.technorati:hover {
background-position: 0px -406px;
}
.flipper a.twitter {
background-position: 0px -928px;
}
.flipper a.twitter:hover {
background-position: 0px -986px;
}
.flipper a.facebook {
background-position: 0px -232px;
}
.flipper a.facebook:hover {
background-position: 0px -290px;
}
.flipper a.reddit {
background-position: 0px -580px;
}
.flipper a.reddit:hover {
background-position: 0px -638px;
}
.flipper a.rss {
background-position: 0px -696px;
}
.flipper a.rss:hover {
background-position: 0px -754px;
}
.Pleaseshare{
margin:10px 0px;
color:#333333;
font-weight:bold;
font-size:20px;
font-family:sans-serif;
}
</style>
<div class='flipper'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="Pleaseshare">
Please Share it! :) </div>
<!--Google Plus-->
<a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/>
<!--Facebook-->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>
<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>
<!-- Pinterest -->
<a class='pinterest'  href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/>
<!-- Delicious -->
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>
<!--DIGG-->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
<!--Stumble-->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>
<!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/>
<!--RSS -->
<a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Bookmark plz :&gt;'/>
</b:if></div>
<div style="clear:both"/>
  • Now save your template and you are done !

6 comments:

  1. Thnx for this nyc post....I was looking for this! Hacking Articles

    ReplyDelete
  2. @Amir
    Your always welcome bro keep visiting

    ReplyDelete
  3. @Austan Faryad Its Not Working On My Site Pls Help And Too I followed your Insturctions ..Then Too Its Working..

    ReplyDelete
  4. This is not working for me too.

    ReplyDelete

 

Total Pageviews

Copyright © BW

Very Funny Videos Football Fails Compilation Spank Cam Prank Compilation Funny Videos Compilation World Most Biggest Balloon Funny Killer Clown Prank Our Christmas Tree Zalfie Christmas Movie Night Christmas Fun With Zone And Nala Fun Things To Do Christmas New Funny Clips Most Funniest Moments Best Funny Amazing Video Clips Christmas Santa Funny Snata Funny Santa Claus Funny Santa Claus Epic Fail Christmas Day Crazy Santa Christmas Information Christmas Cork Craft Ideas Christmas Com Holidays For Christmas How The Gymnast Stole Christmas Christmas Winter Activities Planning For Best Christmas Activities Jose Mari Chan Jose Mari Chan Do You Hear What I Hear Jose Mari Chan Christmas Carol Christmas Songs Jose Mari Chan Christmas In Our Hearts Christmas Songs Of Jose Mari Chan Secret The Santa Santa Ninth Reindeer About Celebrate Christmas Christmas Candy Canes Chrismon Patterns Christmas Carols Christmas Cards Christmas Eve Traditions Christmas Crackers A Santa Twas The Night Before Christmas About Shopping Mall Santa And More About Santa Claus Who Comes To New York St. Nicholas Christmas Santa About Boxing Day And Christmas Christmas Bells Xmas Why Is Christmas Day On The 25th December? Christmas Card Greetings Christmas Days Christmas Just Fun Com Christmas Party Ideas For Family Christmas Event Christmas Party Food Ideas Christmas Entertainment Hire Corporate Christmas Entertainment Ideas Christmas The Yule Log Winter Festivals During Christmas Holiday The History Of Wassailing And Mumming Christmas Trees Decoration Father Christmas Snow And Ice Easy Christmas Pudding Personalized Christmas Gifts Christmas Decorations With Poinsettia Flowers Pickle Ornament Christmas Fun Day Mince Pies On Christmas Holiday Day Fun Done Diwali Videos Christmas Fun Happy New Year New Funny Videos Comedy Videos Prank Videos News Christmas Christmas Videos Funny Santa Christmas Prank Upcomming Events Christmas Ornaments Christmas Balls History Of Christmas Day Presents For Christmas Happy Christmas Day German Christmas History Of Christmas Christmas Poems Christmas Carols Christmas Around The World Christmas Decorations Christmas Tree Christmas Present Christmas Santa Xmas Funny Happy New Year See Santa Claus Run Santa Run Santa Fun Run Santa Funny Christmas Fun Run Running Santa Santa Com Santa Fun Run Naughty Little Elf Funny Santa Christmas Prank Write Santa Track Santa Online Kids Santa Where Is Santa From Locate Santa Santa Kids Gifts From Santa Claus Santa Claus Address Santa Card Track Santa Now Santa s Home Santa For Kids Where Santa? Santa Finder Follow Santa where is santa now 2016 See Santa Find Santa Talk to Santa Claus Call Santa Claus Mobile Santa's Village Santa North Pole Where s Santa Where is Santa Now Funny Santa Day Of Christmas Celebrating Christmas Around The World Where Is Santa Now The 12 Days of Christmas Funny Video Santa Claus Prank Christmas Greetings Locate Santa Santa Christmas The Fun On Christmas Funny Prank Holiday Christmas Holiday In Christmas Christmas Holiday Christmas Fun Holidays For Christmas Fun Of Holidays Christmas Holidays Christmas Season Christmas Fun Day Christmas Entertainment Christmas Day Christmas Events Prank For Christmas Fun Jesus Prank Days Of The Year Com Special Days Of The Christmas Prank For Your Happy New Year Fun Of New Year Happy New Year Happy UPCOMING DAYS Upcoming Special Days Year Of Fun Days Of The Year Christmas Fun Day Fun Day Psycho Santa Claus Jesus Pranks Compilation Power Pranks One Year of Fun Year Of Fun Funny Days Best Funny Clip Days Of The Year Fun Holidays Funny Monkeys Year Of Fun 2017 Fat Girl Love For Fat Girl Gift For Boyfriend Days Of The Year In World Days Of The Year Com Special Days In a Year Day Holidays Funny Days Days Of The Year Special Days In a Year Days Of The Year Fun Holidays Upcoming Special Days Upcoming Days Best Fails 2017 One Year of Fun funniest Video Funny New Happy Funny Years Christmas Fun the fun 2017 Fun Done Online Entertainment Events Today Entertainment News Latest EventsIn The World Fun Video Fashion And You Hollywood Video Surprising Face like A Monkey