Style How to make an automated Share for Blog button!?

skontakt

Member
After thread we would like to make button Share for Blog.

Which automated generated this code:
HTML:
 </p>
<div style="font: normal normal normal 13px/1.385 Arial,Helvetica,sans-serif; width: 496px; color: #333; background: white; padding: 16px;">
 
  <p style="font: normal normal normal 21px/1.048 Arial,Helvetica,sans-serif; background: white; margin:0; padding:0; color: #CE2125;"><font color="#CE2125" size="5" face="Arial">Thread from forum:</font></p>
  <p style="background: white; margin:0; padding:0;"><a href="AUTOMAKELINKTOTHETHREAD" style="font: normal normal normal 21px/25px Arial,Helvetica,sans-serif; background: white; color: #09659B;"><font color="#09659B" face="Arial" size="5">AUTOMAKETITLEOFTHEREAD</font></a></p><div style="margin:9px 0 0; overflow:hidden;">
 
    <p style="font: normal normal normal 13px/18px Arial,Helvetica,sans-serif; background: white; margin:0 0 9px; padding: 0;">PREVIEWFIRS300LETTEROFTEXTOFTHREAD... <a href="AUTOMAKELINKTOTHETHREAD" style="font: normal normal normal 13px/18px Arial,Helvetica,sans-serif; background: white; color: #09659B;"><font color="#09659B">Read more</font></a></p></div>
 
<div style="font: normal normal normal 11px/1.636 Arial,Helvetica,sans-serif; background: white;"><img alt="" height="48" src="LINKTOUSERAVATARIMAGE" valign="middle" width="48" />&nbsp;<a href="LINKTOUSERPROFILE" style="color:#09659B;"><font color="#09659B">USERNAME</font></a>&nbsp;<span style="font-weight:bold;color:#ABABAB;">&middot; </span><a href="AUTOMAKELINKTOTHETHREAD" style="font: normal normal normal 11px/11px Arial,Helvetica,sans-serif; background: white; color:#09659B;"><font color="#09659B">MAKE AN ANSWER</font></a><font color="#09659B"> </font><span style="font-weight:bold;color:#ABABAB;"><font color="#ABABAB">&middot;</font></span> <a href="LINKTOFORUM" style="font: normal normal normal 11px/1.636 Arial,Helvetica,sans-serif; background: white; color: #09659B;"><font color="#09659B">LINKTOFORUM</font></a></div></div>

This button appears like this:
aaaaaa.webp

You can copy the code and paste into a blog and get the output is:

aaaa1.webp


Questions:

A. How to automate the insertion of the following components
(written in this format, so it was easier to allocate click)

1. AUTOMAKELINKTOTHETHREAD
2. AUTOMAKETITLEOFTHEREAD
3. PREVIEWFIRS300LETTEROFTEXTOFTHREAD
4. LINKTOUSERAVATARIMAGE
5. LINKTOUSERPROFILE

B. How to insert the button code to your blog, which forms the code down the post, like this:
aaaaaa.webp
 
Top Bottom