Neat Triangle Design Social And Rss Icon Gadget For Blogger And Wordpress

I know we all like to have a unique look to our blogs and some unique icons to display our social profiles and feeds.So here I have a Subscribe and Follow section for your blog using a neat set of triangle social icons.You can add the icons with links to your feed and profiles to your sidebar on Blogger and Wordpress.

The icons are from Design Cauldron and look fantastic,Included in the gadget we have the code for are icons for your Rss Feed, Email Feed, Facebook, Twitter, Google +, Pinterest And YouTube.You can easily remove any of the icons if your not on one or more of the sites.

Below you can see the icons (All connected to our profiles so you can use them to connect with Spice Up Your Blog if your not already), further below that you can follow the link to see them live on a demo blog.

Add Trinagnle Social Icons Gadget To Your Blog

Click Here To View Full Post >>

A Complete Flag Translate Gadget For Blogger And Wordpress

Your blog is open to readers from all corners of the world so for many it is important to offer content in the Language of the reader.Making your blog easy to translate is a great way to accommodate a global audience.There are a number of options when it comes to translation widgets and in this post we have an extensive Flag gadget.This gadget was created by Chuck at the real Blogger status and includes flags for 54 different country's or languages.This Flag translate gadget will fit nicely in your blogs sidebar ready for readers to click their flag view your content in their language.

Take a look at the demo below :



We have an quick and easy Add To Blogger button for Blogger users and the code is provided for Wordpress and other blog users.

Add The Complete Flag Translate Widget To Your Blog

Click Here To View Full Post >>

Fixed Scrolling Social Bookmarking Bar Beside Posts For Blogger

The most requested tutorial over the last few months has been for the scrolling share buttons that sit alongside posts and scroll down the page with the reader.This gadget is popular on all the top blogs and really does help increase the number of times your posts get shared on Twitter, Facebook and other social networks.Using jQuery we attach a bar to the side of your blog posts with bookmarking buttons, as the page scrolls the bar neatly follows giving readers the option to share at any time.The gadget I have been using for the past few months and I share with you today has the following options : Twitter Share, Facebook Like, Stumble Upon, Google+, Pinterest Pin It and a Rss Feed Icon.Wordpress users can try out the Wordpress Share Bar listed in this post.

Video Tutorial - For extra help at the end of the post I have a video tutorial displaying the steps.

At the moment this gadget is in use here so you should be able to see it, you can also see another demo below.



As this is an advanced gadget there are 9 steps to add it to your blog so more than ever its important to back up your template first in case of mistakes, then take your time and you should have no problems.

Add The Sticky Scroll Bar To Blogger

Click Here To View Full Post >>

Vintage Style Rss Subscribe And Social Follow Icons Gadget For Blogger And Wordpress

I recently came across a set of icons i thought would be perfect for a Subscribe and Follow section on blogs.The icons have a vintage design and we have icons that will link to your Rss Feed, Email Rss Feed, Twitter, Facebook and Google Plus.Just for a little extra style i added a very simple opacity effect on hover.You can download the full set of Vintage Social Icons if you would like to add more profiles.

For Blogger i have a Easy One Click add to blog link and Wordpress users can simply add the code to a text widget on their sidebar.Take a look at the demo below.
Click Here To View Full Post >>

Vintage Style Rss Subscribe And Social Follow Icons Gadget For Blogger And Wordpress

I recently came across a set of icons i thought would be perfect for a Subscribe and Follow section on blogs.The icons have a vintage design and we have icons that will link to your Rss Feed, Email Rss Feed, Twitter, Facebook and Google Plus.Just for a little extra style i added a very simple opacity effect on hover.You can download the full set of Vintage Social Icons if you would like to add more profiles.

For Blogger i have a Easy One Click add to blog link and Wordpress users can simply add the code to a text widget on their sidebar.Take a look at the demo below.
Click Here To View Full Post >>

Mashable Like Subscribe And Follow Sidebar Gadget For Blogger

There was a time if you wanted to follow updates from your favorite blogs the only options you had were to bookmark or remember the URL and keep checking back or use the basic web feed if available.Now as a blogger it's expected to give subscription options such as Rss Feed, Email Feed and Social networks like Facebook, Twitter and Google +.Its been proven the most effective position for your subscription options is at the top of your blogs sidebar, this is above the fold and instantly visible to readers.

So in this post we have a subscription gadget with all the most popular subscribe and follow options you can easily place in your Blogger sidebar.The gadget is in the same style as popular tech blog Mashable and includes options for Google+, Facebook, Twitter, Rss and Email Rss.You also have the option to add bookmarking options for 16 of the top social bookmarking websites.Take a look at the demo below then see the instructions to add it to your blog.
Click Here To View Full Post >>

Cool Fixed Position Slide Open Egg Social Bookmarking Gadget For Blogger

A few weeks ago i published "Add An Awesome Fixed Position Slide Open Heart Bookmarking Gadget To Blogger".In this post we have the same social bookmarking gadget but this time it will not be shaped as a heart but instead an ovel egg shape.The share egg sits in the bottom corner of your blog and remains fixed as the reader scrolls the page.On hover the egg slides open to reveal bookmarking buttons for your readers to share posts on Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.This is a great gadget to get the attention of your readers and have them bookmarking your posts.I have the tutorial to add the gadget to your Blogger blog below but first check out the screenshot and live demo.

Add The Share This Egg To Your Blog

Click Here To View Full Post >>

Add An Awesome Fixed Position Slide Open Heart Bookmarking Gadget To Blogger

In this post i want to show you a cool new way to have visitors sharing your blog posts.Share This has always been my Bookmark tool of choice and recently they added a cool new interactive Bookmarking gadget.The gadget in question is a love heart with the share this logo and on hover the heart splits to reveal a selection of bookmarking buttons.It looks awesome and the slide effect is very cool while still being practical.When the heart opens it reveals icons for Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.I think this gadget fixed in the corner of the page on your blog will grab the attention of visitors and generate lots more shares.So below is a tutorial showing you just how to do that, first check out the live demo.

Add The Split Heart Bookmarking Gadget Top Your Blog

Click Here To View Full Post >>

Add Stylish jQuery Text Resize Buttons To Posts On Blogger Blogs

I have had a few requests for a tutorial on adding text re size buttons to posts on Blogger.Back in 2009 i published a gadget that allowed visitors to change all the text size and fonts on your blog including headings, sidebar text and post text.But this time i wanted a gadget that onlu changed the text in the posts.I checked out a number of scripts and styles before settling on the one i have for you today.Using some simple jQuery and some colorful icons in a table we can create a stylish text resize section and float them on the corner of posts.The gadget has three buttons to increase text size, decrease text size and a reset button along with the standard text resize icon.

Take a look at the demo below :

Add Colorful Text Resize Gadget To Blogger Posts

Click Here To View Full Post >>

Shareaholic jQuery Slide Bookmarking Gadget With Tooltips And Counters For Blogger And Wordpress

Over the years on Spice Up Your Blog i have found Social Bookmarking gadgets to be amongst the most popular posts.Whats more the most popular Bookmarking gadgets have been from the "Sharing Is Sexy" series.Back in May 2011 we published a post with The Awesome Complete Animated Sexy Social Bookmarks V3 For Blogger, that post really did cover all options.Today i want to give you something similar but with some cool extras.The Shareaholic bookmarking widget still has the "Drop Down" and "Slide Up" features but also features tool tips and counters showing how many times your posts were shared.Take a look at the demo and screenshot below (for the demo scroll to the foot of the post on the test blog).

Click Here To View Full Post >>

One Time Facebook Pop Up Like Box For Blogger

Last September i published a post showing How to add a one time Email Rss subscription pop up on Blogger.Since then i have had a number of requests for a similar gadget but with a Facebook page like box instead of the Email form.So in this post we have just that.When a visitor lands on your blog a pop up box will appear with the option to like your Facebook page.The gadget will only appear on the first visit so your readers or you wont have to see it every time.
Click Here To View Full Post >>

Add A Transparent Notification Bar To Your Blog

Guest Post By Pushker Yadav.

Hello Friends! First i want to pay thanks to the Admin of this blog who give me a chance to share something with you. This is my first Guest post on Spice Up Your Blog.Many Popular blogs use a notification bar to show a News feed and latest content because it attracts your visitors attention.You can add a link to a featured post, your Rss feed, social profile or an affiliate offer.So here I will show you how to add an awesome notification bar with close button.Its very simple and looks very cool.You can use it on a blogger blog and wordpress blog or even in your websites.

Add The Transparent Notification Bar To Blogger

Click Here To View Full Post >>

How To Introduce A Free Loyalty Program On Your Blog

Loyal readers form the backbone of a blog. Making that loyalty a rewarding experience can do wonders to your blog's reputation as well as its traffic. The first thoughts about these so called "Loyalty Program" might be about their hefty costs but here PunchTab comes into the picture. It provides free loyalty programs
Click Here To View Full Post >>

New Wordpress Style Recommended Or Related Posts Slide Out Gadget For Blogger

In this post i have an awesome new gadget you may have seen on Wordpress blogs that's now available for Blogger.The gadget is called simply "The Slide" and is brought to you by Simple Reach.Those of you that follow some Wordpress blogs will surly have seen the recommended or related posts slide out that appears when you scroll towards the end of a post.Basically when you reach the bottom of a post a card slides out in the bottom right corner of the screen with a related post the reader can click on.The slide out card is not obtrusive and if the reader scrolls back up the card slides back in.This is a great way to keep readers on your blog browsing through your archive, we know this leads to more return visitors and subscribers.

OK enough talk lets see it in action, i have added The Slide to our Social Icon site so you can check it out there.Follow the link to the site below, click on any of the posts, scroll down the page and you will see the recommended post slide out.Then check out the video and steps below the add the slide to your blog.
Click Here To View Full Post >>

Updated Snow Fall Effects, Merry Christmas Banner And Christmas Theme Templates For Blogger

In the build up the Christmas over the last few years i have published some seasonal posts with gadgets and widgets to add some Christmas cheer to your blog.These posts have proven very popular, the first snow fall effect for Blogger i published when Spice Up Your Blog was only a few months old in 2009 brought in a lot of new readers.So over the last week i have been working on updating the posts, the script for one of the posts "10 Falling Christmas Objects" had stopped working.I have changed that post completely and it's working fine now.Along with that post we have two other posts with snow fall effects, a stylish Merry Christmas banner that sits in the top corner of your blog and a a collection of Christmas templates on our templates site.

List Of Christmas Gadgets And Tutorials

1. Original Christmas Snow Fall Effect For Blogger.

2. Colored Christmas Snow Fall Effect For Blogger.

3. 10 Different Falling Christmas Objects For Blogger.

4. Stylish Fixed Corner Merry Christmas Banner For Blogger.

5. Christmas Theme Free Blogger Templates.

Hope you find them useful and an early Merry Christmas from Spice Up Your Blog.

Drop Your Comments And Questions Below.

A Stylish Css3 Fixed Position Vertical Side Menu For Blogger

So many sites we visit now have a navigation menu fixed to the side of the page for easy access to important pages.In this post i have a very stylish and colorful menu you can fix to the side of the page on your Blogger blog.The menu will stay in place even when the reader scrolls down yet doesn't interfere with the content.The menu has 5 icons that on hover scroll out to reveal their purpose, so for example the home icon on hover scrolls out the word 'Home'.The 5 icons are for Home, About, Services, Portfolio and Contact Us.While you cant change the icons, you can change the text for each icon for example the portfolio icon could be changed to archive.

The menu is made up almost completely of Css3 with just one image and is quick and easy to install.All the credit for the menu goes to the awesome Tutorialzine, we have covered many of their tutorials previously.Below you can see a live demo, hover over the icons to see the scroll out effect.


Click Here To View Full Post >>

New Ready To Use Rss And Social Icons For Your Blog

In this post i have a brand new set of stylish icons you can use on your blog for readers to subscribe and follow you on social platforms.I really liked the look of this icon set and it includes an icon for Google + (Plus) you can use for people to check out and follow you on Google's new social network.In total i have four icons here for Facebook, Twitter, Google Plus and your Rss Feed.However the complete set has 24 icons for other sites including YouTube, LinkedIn and Stumble Upon, the complete set can be found on Social Icon Studio.

Live Preview


Click Here To View Full Post >>

Add A One Time Email Subscription Pop Up Form To Blogger

So many blogs and websites i visit these days have implemented a pop up subscription form for their newsletter.I'm sure you have seen it, you land on a site and after a few seconds a form appears asking for your Email to subscribe.While these can annoy some people they have been proven to have a dramatic effect on the numbers of subscribers.In this post i will show you how to add a similar form to your Blogger blog but with a form to subscribe to your blog via Email Rss provided by feedburner.The form is a one time pop up so if someone visits your blog every day it will remember they visited before and not show the form again.
Click Here To View Full Post >>

Latest Tweet Twitter Bird With Speech Bubble Gadget For Blogger

Using the latest Twitter API it's become easy to create a neat latest tweets gadget.In this post i will show you how to add a Twitter bird with a speech bubble containing your latest tweet to your blog.The idea comes from Paulund.co.uk and all that's needed is some Css and a few lines of script.

Add The Latest Tweet Twitter Bird To Your Blog

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

Step 1. In Your Blogger Dashboard Click Design > Template Designer, Then Advanced > Add Css





Step 2. Copy and Paste the following code into the Css section (See Paste Code Here Above)

#twitter_update_list{
list-style:none;
}
#twitter_update_list li{
background: #f4f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f4f8f9 1%, #e8f0f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f8f9), color-stop(100%,#e8f0f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9', endColorstr='#e8f0f2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* W3C */
box-shadow: 1px -1px 2px #bbc6c8;
-webkit-box-shadow: 1px -1px 2px #bbc6c8;
-moz-box-shadow: 1px -1px 2px #bbc6c8;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:15px;
width:250px;
}

#twitter_update_list::after {
content: "";
position: relative;
left: 30px;
border-width: 15px 15px 0;
border-style: solid;
border-color: #e8f0f2 transparent;
display: block;
width: 0;
}

Step 3. Thats the Css added now return to the design page and click Add A Gadget > Choose Html / Javascript





Step 4. Copy and Paste the following code into the Html/Javascript gadget

<ul id="twitter_update_list">
<li>Loading Tweets..</li>
</ul>
<a title="Follow Me" href="http://www.twitter.com/paulcrowepro" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFJNqK2aAi3inrssAuyBd5rJXVV3_0Q8fHK__95fTuoAHMIPxW41tb63cPlQ82AzkoUiHiFj2GUBbQND5Am1YlrpAtrcNECGg4VbPygBHxNJg1NGBjuw1cliBkEBaS32ol3vwzva1nPeN/s1600/twitter-bird-gadget.png" /></a>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/paulcrowepro.json?callback=twitterCallback2&count=1"></script>

Important - Change my Twitter username paulcrowepro x2 with yours.

Step 5. Click Save and check out your new Twitter gadget.

That's it a very simple yet stylish latest tweet gadget, make sure to check out more of our Twitter Gadgets And Tutorials.Thanks again to Paulund.co.uk

Drop Your Comments And Questions Below.

A Unique Style Drop Down Bar Navigation Menu For Blogger

In this post i have a very cool and in many ways unique type of Css drop down menu for Blogger.The regular drop down menu we are used to seeing will when a link is hovered over display more links vertically below.This menu however is known as a 'Drop Bar' as on hover it displays links horizontally in a bar below the menu.I had been looking for something like this and while i found some jQuery powered versions but i loved this as it only uses Css, so no scripts or added load time to your blog and easier to implement.Also the menu has a great fix for our old friend Internet Explorer which usually plays up when Css is used.I have tested it back to IE6 and it looks fine.Your probably still wondering how it displays the links horizontally instead of vertically so i have a screenshot and live demo you can check out below.

Click Here To View Full Post >>