How to Make Floating Images on WordPress

True what blogger friends say, app hack blog is very useful. Besides being able to add friends and other needs related to SEO. We can also get inspiration from the blogs we visit. For example when I visited the blog accidentally I was interested in accessories on one of his blogs. I think these accessories can only be installed on Blogspot or on WordPress with self hosting. So here I will show you how to make Floating Images on WordPress.

But after I tried it turns out that on WordPress.com these accessories can run. The accessories I mean is to put pictures that are always in the corner of the page. The image will not move and remain in the corner of the page even if we scroll the page up and down. Pretty interesting right? Not bad to enhance the appearance of our blog.

If colleagues are interested to try it or just to enhance the appearance of the blog, the way is very, very easy.

Make Floating Images on WordPress

Floating Images on WordPress

  1. Login to your WordPress.com account.
  2. Then click [Appereance]> [Widgets] .
  3. Select the ” Text ” widgets .
  4. Copy and paste the code below:
    Bottom-right position: <div style="display:scroll;position:fixed;bottom:0;right:0;"><a href=" https://app-hack.online/" target="_blank">
    <img src="http://1.gravatar.com/avatar.jpg" />
    </a></div>
    Top-right position:<div style="display:scroll;position:fixed;top:0;right:0;"><a href=" https://app-hack.online/" terget="_blank">
    <img src="http://1.gravatar.com/avatar.jpg" />
    </a></div>
    Bottom-left position:<div style="display:scroll;position:fixed;bottom:0;left:0;"><a href=" https://app-hack.online/" terget="_blank">
    <img src="http://1.gravatar.com/avatar.jpg" />
    </a></div>
    Top-left position:<div style="display:scroll;position:fixed;top:0;left:0;"><a href=" https://app-hack.online/ " target="_blank">
    <img src="http://1.gravatar.com/avatar.jpg" />
    </a></div>
  5. And click the [Save] button .

Information:

  • You can replace the letters in red with the image URL and blog URL.
  • This trick will not run in IE browser.
Related queries
  • how to make a floating image.
  • how to make a floating images on WordPress.
  • how to make a left and right floating banner in WordPress.

Leave a Comment