Add Floating 'Contact Me' Button To Blogger

How To Add Floating Contact Me Button To BloggerWe also know that how important are visitors for us. But how to interact with them? There are many ways like adding a contact me link to footer, sidebar or in navigation menu. But adding floating contact me button is best choice. This will help your visitors to easily find contact button.  Adding Floating Contact Me Button is best way to interact with your visitors and make them love your blog.  Now You can Add Floating Contact Me Button To Blogger. You just need to place below code just after <body> to add floating button and link it to your contact me page.


How To Add Floating Contact Me Button To Blogger

Follow following simple steps to add floating contact me button to blogger. But Backup Your Template first.
  • Goto your Blogger Dashboard > Design > Edit Html
  • Click on Expand Widget Template
  • Now Search for <body>
  • and replace <body> with below code

<body>
 <a href='http://allbloggingtips.com/contact-us' style='position: fixed; top: 40%; z-index: 4;'><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCIJbs5CMNz5EC46mNQLGW4GKlMZddYfFd1D4SEa-TkmJsbcRa2IkWwdH6N1B_laXE8mh_dNp8m-XGhe9kF3g-UZC9N2NqyP0UYdkp8lLgsJiv52gaejx64s-lNziWnvAZqqcZix54giWR/s200/floating+contact+me+button.png" width="40" /></a>

And click on save but before saving it read next part of article below.

Customization

Make following changes to above code.

Replace http://tec-around.blogspot.com/p/about-us.html  with you contact us page.

Now you have done sace your template and is you Add Floating Contact Me Button To Blogger. do comment if you face any problem.!!

Post a Comment