Saturday, January 28, 2012

social media buttons: copy my code for your blog

Today I am sharing how you can make social media buttons (Facebook, Twitter, etc. like you see on the upper right corner of my blog) appear on your blog. Before I could do that, I first had to figure out how to put html code in my blog without it being interpreted as code. Here's where I went to figure that out.

Rather than tell you all the steps I went through to find these pieces of code and what I did to make sure they were in a line and spaced mostly equally, I am sharing the finished product. Be sure to replace my code (i.e. what you see highlighted in red.) with yours in the appropriate locations, or else you'll be sending people to my pages. Not so bad for me, but not so good for you either.

So here it goes:

<!-- AddThis Button BEGIN --><br />
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<br /><a addthis:userid="pages/The-Lone-Home-Ranger/152804458160957" class="addthis_button_facebook_follow" href=""></a><br /><a addthis:userid="lonehomeranger" class="addthis_button_twitter_follow" href=""></a><br /><a addthis:url="" class="addthis_button_rss_follow" href=""></a><br /><a href=""><img alt="Follow Me on Pinterest" height="32" src="" width="32" /></a>&nbsp;&nbsp;<br /><a class="addthis_button_google_plusone_badge" g:plusone:href="" g:plusone:name="" g:plusone:size="medium" href=""></a></div>
<br /><script src="" type="text/javascript">
</script><br /><!-- AddThis Button END --><br />

If you don't know how to add HTML code to your sidebar, check my earlier button-making tutorial post that included those steps. Enjoy!

Editor's note: This post is part of Teach Me Tuesday.

Update (3-30-12): I have added buttons since I wrote this post, and rather than update the code each time I do this, I thought I'd write a quick tutorial for how you can do it yourself. First, find the image you want, like the GoodReads logo or a mail button. If it isn't already hosted anywhere (i.e. in a place you can link up to), just swipe it from somewhere (HINT: FROM ME), put it in your Photobucket account (which you should have if you followed my button tutorial above), then copy and paste the code into the blog in a new line. Email me using my little email button if you're confused!


roving lemon said...

I swiped all your code and substituted my own and it worked! It woooorked! ::cue Dr. Frankenstein imitation:: Thanks!

sarah saad said...

اهم شركات نقل العفش والاثاث بالدمام والخبر والجبيل اولقطيف والاحساء والرياض وجدة ومكة المدينة المنورة والخرج والطائف وخميس مشيط وبجدة افضل شركة نقل عفش بجدة نعرضها مجموعة الفا لنقل العفش بمكة والخرج والقصيم والطائف وتبوك وخميس مشيط ونجران وجيزان وبريدة والمدينة المنورة وينبع افضل شركات نقل الاثاث بالجبيل والطائف وخميس مشيط وبريدة وعنيزو وابها ونجران المدينة وينبع تبوك والقصيم الخرج حفر الباطن والظهران
شركة نقل عفش بجدة
شركة نقل عفش بالمدينة المنورة
شركة نقل عفش بالرياض
شركة نقل عفش بالدمام
شركة نقل عفش بالطائف
شركة نقل عفش بمكة

sarah saad said...

شركة تنظيف خزانات بجدة الجوهرة من افضل شركات تنظيف الخزانات بجدة حيث ان تنظيف خزانات بجدة يحتاج الى مهارة فى كيفية غسيل وتنظيف الخزانات الكبيرة والصغيرة بجدة على ايدى متخصصين فى تنظيف الخزانات بجدة
شركة تنظيف خزانات بجدة
اهم شركات كشف تسربات المياه بالدمام كذلك معرض اهم شركة مكافحة حشرات بالدمام والخبر والجبيل والخبر والاحساء والقطيف كذكل شركة تنظيف خزانات بجدة وتنظيف بجدة ومكافحة الحشرات بالخبر وكشف تسربات المياه بالجبيل والقطيف والخبر والدمام
شركة مكافحة حشرات بالدمام
شركة كشف تسربات المياه بالدمام


Like what you see? Subscribe to the feed of these posts, follow me on Twitter and Pinterest, or friend me on Facebook to find out what's happening on the Range. Thanks!
Related Posts Plugin for WordPress, Blogger...