- WordPress Tutorials
- Artisteer Tips
- Add Button Class to Widget
- Add Style to Text Widget
- Add a Sidebar in the Header
- Create Custom Post Header
- Create Unique Page Template
- Create Secondary Menu
- Create Styled Donate Button
- Create Widget Style – Part 1
- Create Widget Style – Part 2
- Hide Category Titles
- Styling Featured Image
- Styling Sheet Borders
- Using Theme Options
- Design Tips and Tricks
- Recent Projects
Rustic Wood Themed Social Icons Pack!
These are some buttons I designed for a Western themed sites I did recently (email me if you are interested in seeing the working site), and I wanted to make the buttons available to you for FREE for all 4 button images. I offer more free buttons (and will continue to add to this collection) at Reflecting the Designer on Blogger. These, however, are a very special design with a rustic wooden feel and are perfect for a Western Themed or Rustic Themed blog or site design. The image on the right depicts all of the buttons as they are displayed on a site that features a wood background. These images were designed to be scrolling images on the side of the screen, but they can be incorporated anywhere you desire to put them on your site.
How to Download these Buttons:
Simply click on the picture to the right, and you’ll be directed to a zip folder containing the buttons that you can download to your computer.
How to add these as scrolling buttons to your WordPress Site:
- Upload each individual image to your ftp or to a free image hosting server and copy the url of each image location.
- Add the following code to the footer.php of your WordPress Site by clicking on the Editor button under Appearance on your Dashboard and then clicking on the Footer.php in the right hand column. I would put it toward the bottom, and make sure that you don’t accidentally add it inside of another div.
<div> <a style="display:scroll;position:fixed;top:10px;right:10px;" title="RSS" href="YOUR RSS FEED URL HERE"><img src="YOUR RSS IMAGE URL HERE"/></a> <a style="display:scroll;position:fixed;top:80px;right:11px;" title="Twitter" href="YOUR TWITTER PAGE URL HERE"><img src="YOUR TWITTER IMAGE URL HERE /></a> <a style="display:scroll;position:fixed;top:147px;right:9px;" title="Contact" href="YOUR EMAIL ADDRESS"><img src="YOUR CONTACT IMAGE URL HERE" /></a> <a style="display:scroll;position:fixed;top:212px;right:8px;" title="Facebook" href="YOUR FACEBOOK PAGE URL HERE"><img src="YOUR FACEBOOK IMAGE URL HERE" /></a> </div>
Please let me know if you have any trouble downloading the images or adding them to your site. Also, feel free to contact me if you are interested in customized button design to match your current theme, or if you are interested in a complete theme design which always include customized buttons and graphics.
© 2009 – 2011, Sarah. All rights reserved.






These are phenomenal. Thanks so much for sharing!
So glad you like them.
I am not finding the images above in the Folder…are they still available?
Sorry about that! Had the wrong link posted some how. The correct link is up now for the zip folder of the icons. Thanks for posting!
Hi, I’m looking forward to trying out the scrolling button idea and your tutorial will really help!
Wow, scrolling buttons! That’s awesome! Thanks for your tutorial, Sarah! Um gonna add some buttons to my site soon.
Glad you like the scrolling buttons.
Thank You. These are just what I was looking for. I just started using them on my new blog, My Rustic House. I removed the scroll feature to use them like regular buttons but may eventually add them to the header and make them looked nailed to the mantle.