Sunday, July 20, 2014

Floating FB Widget How To & Blog Troubles

Well I finally did it!! I took the first step to get a custom blog design. I have been having so many blog issues you guys! 

First off, the owner of my blog template went out of business and is no longer hosting my images, so my blog design was wiped out!!! I am now using this yucky generic template from blogger and I HATE IT! 

Today two people emailed me and told me that they were not able to leave a comment on my blog! WTH? 

Yesterday I couldn't reply to my comments!

And for some time now....I haven't been able to paste html code into a post or into a blog comment on other blogs! I'm using this code: <a href="”>The Bender Bunch</a>
It's worked for the last year and a half! Did something change that I don't know about? 

What is going on?????? So frustrating....I'm pulling my hair out!

It almost seems that I began having problems when I linked my blog with Google+. Has anyone else experienced any of these issue or know what's up? 

So after spending the day blog shopping, I finally contacted, and decided to go with "Design by Christy." I'll post more about my blog shopping and why I chose Christy tomorrow!

While blog stalking and blog shopping today, I began noticing the floating Facebook side tab on everyone's blogs! Hmmmm, this is new! I had not noticed these until today and it seems everyone's getting them! So now I wanted one! See it over on the right side there?? Well to save you some time that it took me to figure it's how ya do it!

Add the html/java script gadget anywhere in your body section of your template. I did it at the very bottom of my blog. (This is assuming you know how to add a gadget. If you do not I can walk you through it.) In the box that opens copy and paste this code, but change the red text to your FB username. Not the address, just username. For instance, mine is thebenderbunch. 

<!--Floating Facebook Widget by START-->
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".theblogwidgets").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .theblogwidgets{background: url("") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;} .theblogwidgets div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;} .theblogwidgets span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .theblogwidgets span a{color: gray;text-decoration:none;} .theblogwidgets span a:hover{text-decoration:underline;} } </style><!--Brought to you by><div class="theblogwidgets" style="">
<!--Brought to you by><div>
<!--> <iframe src="" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"><!--Brought to you by></iframe><!--Brought to you by><span><!--Brought to you by><center>
<a rel="nofollow" style="color:#a8a8a8;font-size:8px;" href="">Jasper Roberts Consulting</a> - <a style="color:#a8a8a8;font-size:8px;" href="">Widget</a></center>

<!--Floating Facebook Widget by AND END-->

Hit save and that's it!!! It should be on your blog now! That easy! Hopefully this helps you and gets you some more FB followers! 

And if you contemplating a new blog design, stop back tomorrow and as I have done the homework for you on that too!! :)

 photo 262537ca-e39d-4585-9d7c-a9633c31f18e_zps73236c33.jpg

No comments:

I LOVE reading your comments, and replying! But the only way you'll get my reply is if you are a blogger and have that set up on your Blogger account, or if you come back to your comment to see if I've replied,(which is unlikely to happen). So please leave your email when you comment so that I can be sure you get my response!