Saturday 20 April 2013

When we scroll down the post, the visitor will not find the social media icons displayed on the screen.
Because of this, we may loose some people who are willing to share but some how miss out as the social media share icons are not visible when they are scrolling down the blog.

To solve this issue, we can have a simple jQuery code added to blog template HTML code.

1. Go to: Dashboard -> Template -> Edit HTML


2. Search for the below code.

<b:includable id='post' var='post'>

3.  Copy and paste the code directly After/Below <b:includable id='post' var='post'>.



Replace: User name by Twitter username and URL by RSS feed URL.

4. Find the below code.

]]></b:skin>

5. Copy and paste the below code directly Above/Before ]]></b:skin>.



6. Find the below code

</head>

7. Copy and paste the below code directly Above/Before </head>



NOTE: We do not need the below code in the code mentioned above is jQuery is already added to the template.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>


8. Find the below code from HTML code.

</head>

9. Copy and paste the below code directly Below/After </head>



10. Save the Template and View blog to see the changes.

Now the blog should have the sticky slide/scroll bar added to blogger.

If you like the post, take a couple of minutes to comment and share.
Your comments are most valuable and would help me come up with better posts.

12 comments:

  1. I got this web site from my friend who shared with me regarding this site and at the moment
    this time I am visiting this website and reading very informative articles here.
    website design

    ReplyDelete
  2. Thanks buddy, keep visiting for more articles on blogger tricks.

    ReplyDelete
  3. It's in reality a great and useful piece of info. I am glad that you shared this helpful information with us. Please stay us up to date like this. Thanks for sharing
    website design

    ReplyDelete
  4. Thank you for sharing the useful information...am got the best information on your post....Website Design Companies in Bangalore | Website Development COmpanies in Bangalore

    ReplyDelete
  5. This is the kind of post I was searching for today. Awesome post and very useful and easy to read. Thank you for sharing this wonderful; post. You can also share these post on the Social media's like Google Plus, the all time hit Facebook, the notorious Twitter, the business sharing site LinkedIn and lastly to the famous Infographic site Pinterest to gain more traffic to your blog post.

    ReplyDelete
  6. enjoyed staying on this page and request you to keep publishing post like - Scroll to the top or bottom with sticky button

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. Thank you for your registration and sharing with a very creative idea
    Top Web and Mobile Development Company In Bangalore

    ReplyDelete
  9. Need professional WordPress Web Design Services? We're experts in developing attractive mobile-friendly WordPress websites for businesses. Contact us today! https://just99marketing.com/wordpress-web-design

    ReplyDelete

ABOUT ME

Founder & Author: Hi Friends, my name is Arun Kumar Choppara. I am a Software Engineer by profession and a passionate blogger. I have started blogging as a hobby and now addicted to it.
...Read More

Labels