Hello Bloggers , Today in this post am going to show how to create Beautiful Flat UI Buttons For Blogger with Floating Effects , Yes if anyone visits your blog then they will surely ask the button codes, In this post I explained step by step about implementing the UI button in your blogger themes. If you own any Download Content Blog or any other which needs a button then you can use this type of buttons in your site. and Also I explained how to customize this button according to your taste.
How to Add these button to your theme?
Its very easy to install these buttons in your blogger theme, You need to follow all my steps which I have mentioned in this Post, Make sure to that you are following directions correctly
Will it Support My theme?
Well, Its based on HTML and Pure CSS , So it will support all the themes including blogger's basic theme, I have tested this theme on most of the themes and it is working fine , So It will surely work on your theme too.
Adding CSS to your theme:
CSS is most important here, Because the buttons are based on PURE CSS, So you should not make any mistake here.
- First Sign in to your Blogger Account
- Go to Theme Section
- Now Click On Edit HTML
- Search for the code </b:skin>
- Paste the Following code before closing tag
6. After that Click On Save theme.
Creating Button in Post or in Page
Go To a post in which you want to the flat buttons and Just Copy the below code and change the URLs with your URL and Click On Publish / Update.
<div class="buttons"> <button class="btn btn-gradient gradient2" onclick="window.open('https://moddedguru.com')">Download</button> <button class="btn btn-gradient gradient3" onclick="window.open('https://moddedguru.com')">Demo</button>
Using UI friendly button is good for every downloading site , users will love your site and they will visit your site instead of visiting others because of your UI. Thanks