• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

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

#1
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.jpg

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

aaaa1.jpg


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.jpg