Christmas Decoration Social Bookmarking Gadget For Blogger Blogs




| 13 comments

In the past I have written a few tutorials on different styles of the share this social bookmark egg.Today just in time for Christmas I have a Christmas version.A cool Christmas ornament sits on the corner of your blog with social bookmarking options for readers.On hover the ornament slides open with share buttons for Facebook, Twitter, Pinterest, StumbleUpon, Google Plus, LinkedIn, Email and the ShareThis button that offers even more options.Check out the demo below :

View Demo Button

OK if that's something you want to greet your visitors this Christmas heres the tutorial.

Add The Christmas Bookmark Gadget To Your Blog


Remember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. In The New Blogger Dashboard Click The Drop Down Menu For Your blog And Choose > Template > Under your blogs screenshot choose "Edit Html" > Then Proceed, as shown in the video below.



Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

</head>

Step 3. Copy and Paste the following code Directly Above / Before </head>

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false});</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

</body>

Step 5. Now Copy And Paste This Code Directly Above / Before </body>

<div style='position: fixed; bottom: 2%; left: 2%;'><div id='shareThisOrnament' class='shareEgg'></div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisOrnament', ['facebook','twitter','googleplus','pinterest','stumbleupon','linkedin','email','sharethis'], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:'holiday'});</script>
</div><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Tips</a><!-- End Christmas Share Code From http://www.spiceupyourblog.com/ -->

OK That's it Happy Christmas ! Also check out the Cool New Christmas Snow Storm Effect For Blogger Blogs.

Drop Your Comments And Questions Below.
AuthorAuthor - Paul Crowe is the owner and main author of Spice Up Your Blog.Paul lives in Ireland, has been blogging since 2006 and writing Spice Up Your Blog since 2009.You can find him in the usual social networks.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

13 comments:

  1. You've been writing this blog since 2009 and I'm just now finding it? I wonder what else I'm missing out on.

    I like the Christmas ornament button on so many levels. It's got so much going for it.

    It's timely. It's clever. It's simple. It's useful.

    And I noticed your post about the button also fulfills certain essentials of blogging and marketing, two of my favorite subjects. A couple of obvious examples immediately jumped out at me. 1.It's free. 2. It grabs your attention.

    I could go on. I'm inspired.

    I didn't even have to see the demo. Just reading about the button triggered so many ideas of my own that they just started popping into my head from all directions... like in a cartoon drawing on a productivity chart.

    Not ideas about design. I know next to nothing about blog design. I'm a writer.

    But even from a writer perspective I liked it. Because it's a blog post that demonstrates how to write a blog post. Lately I've been reading bloggers who teach and talk about blogging and how to structure blog posts. I think this is such a fine example of niche blogging that I really appreciate it.

    I love being online learning and mingling with bloggers and marketers. When you see it all working together like it does here it's exciting!

    I like a little excitement in my day.
    Excitement and inspiration fill me with purpose.

    Ideas often make a big impact on me. This one did.




    ReplyDelete
  2. Sir i want to know how you add this owsome image in codes thankss:D

    ReplyDelete
  3. A very cool and seasonal widget, with easy to follow steps, good work and thank you! Best wishes to you and your readers.

    ReplyDelete
  4. Cool Paul Crowe
    It's really working :D
    Thanks

    ReplyDelete
  5. Its really amazing and beautiful. Could I know the coding part of this. Please share it.

    ReplyDelete
  6. It is a pleasure reading of your post. I have also bookmarked your blog for checking out new posts. I used to be able to find good infomation from your blog posts.

    ReplyDelete
  7. i use my blog social widget it is very use full

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us