1. 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!?

Discussion in 'Custom Service/Development Requests' started by skontakt, Mar 14, 2012.

  1. skontakt

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

Share This Page