News and emails subs. - buttons to add and remove

Hello I’m begginer, please help,



I would like ask about subscription for customers.



I want create two buttons in store:



[text area]Enter e-mail address[/textarea]

[button]Add to subscription[/button]

[button]Remove from subscription[/button]



Adding and removing must be with activation link which is will sent on e-mail address.



Below is code what i already done in file …\blocks\static_templates\subscription.tpl for addon “news_and_emails”:


<br />
{** block-description:tmpl_subscription **}<br />
{if $addons.news_and_emails}<br />
<div class="subscribe-block"><br />
<form action="{""|fn_url}" method="post" name="subscribe_form"><br />
<input type="hidden" name="redirect_url" value="{$config.current_url}" /><br />
<input type="hidden" name="newsletter_format" value="2" /><br />
<div class="form-field input-append subscribe" style="margin-top: 26px;"><br />
<label class="cm-required cm-email hidden" for="subscr_email{$block.block_id}">{$lang.email}</label><br />
<input type="text" name="subscribe_email" id="subscr_email{$block.block_id}" size="20" value="{$lang.enter_email|escape:html}" class="cm-hint subscribe-email input-text input-text-menu" /><br />
{** {include file="buttons/go.tpl" but_name="newsletters.add_subscriber" alt=$lang.go} **}<br />
</div><br />
<div style="margin-top: 42px;"><br />
<div style="float: right; width: 60px; height: 24px; background-color: #B93253; margin-left: 5px; line-height: 24px; vertical-align: middle; text-align: center; color: #FFF"><a>REMOVE FROM SUBSCRIPTION</a></div><div class="user-go" style="float: right; width: 60px; height: 24px; background-color: #B93253;  margin-left: 10px; margin-right: 5px; line-height: 24px; vertical-align: middle; text-align: center; color: #FFF"><a>ADD TO SUBSCRIPTION</a></div><br />
</div><br />
</form><br />
</div><br />
{/if}<br />

```<br />
<br />
Thank you for all answers