How to Create a Button Without a Plugin?

Posted in: Newspaper
Post count: 34

Hello,

My Previous Blog Site is Using MTS Theme.

There I Have Used a Custom CSS Code in Some Posts.

That’s a Button ( For Downloads, Subscribe, and URLs )

for Ex: Look at this post – https://www.fastunlocker.in/unlock-samsung-galaxy-a20-sim-network-unlock-pin-puk.html

at the bottom of this article, you can see a button ” Get Samsung Unlock Code ”

That is a Code I Added Manually… I’m not using this Kind of Buttons in Every Post, But Only a few Cornerstone Contents I have to use…

The Code Behind this Button is Here.

<p style=”text-align: center;”>

<a class=”button” style=”color: #ffffff;”

href=”https://www.fastunlocker.com/get/samsung-unlock-code/&#8221;

target=”_blank” rel=”noopener noreferrer”>

<b>Get Samsung Unlock Code

</b>

</p>

( Due to Code Error, I changed the codes into few lines – so remove those white space )
So, My Question is…

Once I added the same code in My Another Site, There News Paper Theme is Powered 🙂

That Button NOT Appear 🙂

I know it’s Because of Different Architecture…

That is not My Question…

My Actual Question is…

Can I Use This Kind of Manual Customized Buttons to Deal with Links – Using a Code Like Above..?

My Need is – Just use Similar Button in My Posts Without using Third-Party Plugins.

My Site Having a lot of Plugin, I’m looking to reduce the usage of Plugins.

NewsPaper Theme Installed Site Has a New Post – https://www.fastunlocker.com/huawei-frp-unlock-key/

When I added the above code in this post, No button is Appear to View…

Kindly help me.

Note: IF No Custom Codes Going to Work, Then I’ll Try using some Plugin, if so… Suggest me a Good Plugin, which is 100% Compatible with Newspaper Theme.

Requirements: Button Should be Customizable with Colors, Shadow, Font Size and Color, etc…

  • This topic was modified 6 years by Sibi Paul. Reason: Code Showed Wrong after Post Thread, So I edited to Correct the Code
  • This topic was modified 6 years by Sibi Paul. Reason: code issue
Post count: 35449

Hello,

Yes, you can use this type of code of adding buttons, just make sure that if you set this code in a page you are using tagDiv Composer and you set the code in text section from column text or text with title -> http://prntscr.com/pfuqju also do not forget to set the css for the button.
Also if you want you can use a shortcode for button -> http://prntscr.com/pfuqzn -> http://prntscr.com/pfura2
If this is a post you can insert the code using the button element -> http://prntscr.com/pfurnd or you can set your own code in code editor -> http://prntscr.com/pfurvw
Here is some documentation for creating custom buttons:
-> https://www.w3schools.com/css/css3_buttons.asp
-> https://www.w3schools.com/howto/howto_css_text_buttons.asp

Thank you!

Post count: 34

Can I use TagDiv Composer even I use Classic Editor?

if yes…

You are saying…

Goto a Post edit…

and Click on TagDiv and Add a Button Using Tag Div Then Insert Values as I like…

Correct?

This Doesn’t Need any Plugin or Custom Codes ( CSS ) – I think…

Correct?

Post count: 34

if So,

My Question is…

Can I Create and Save Few Buttons ( Button 1 , Button 2 etc… )

Then, Can I use them in posts by calling them by shortcodes or css codes,

Buttons are customized in color and size , but URLs will be diferent according to each posts…

is it Possible?

Post count: 35449

Hello,

Yes, you can use the classic editor, but we recommend to use the classic element from Gutenberg.
Also you can create buttons for pages and template with tagDiv Composer and save them to can use it latter ( use right click -> http://prntscr.com/pgbdbo ). Unfortunately this shortcode can not be use in posts, for most you can use this -> http://prntscr.com/pgbdze -> http://prntscr.com/pgbe4u also if you want more customization, you can add a class to those buttons and set on it the css you need to make a beautiful button -> http://prntscr.com/pgbeu2

Thank you!

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.