Home
Friday Aug 15, 2008

Modifying Roller 4.0 template to add Post to DZone, Digg, StumbleUpon buttons

In Roller 4.0, to add Post to Dzone, Digg, StumbleUpon, Delicious buttons at the end of each blog entry, we have to do the following. [The lines to be inserted are with black background]

Go to Design tab --> Templates --> choose to edit the template _day

Scroll down to locate the following line

  #foreach( $entry in $entries )
 

Just above the #foreach copy paste the below macro [background color as black] whose name is sw5. [Please change the $IMAGES value accordingly. It is the path on your server where the images reside]

#macro ( sw5 $entry )

    #set ( $IMAGES = "http://www.abc.com/images" )
 
      <div class="ta-entry-footer">

      <a href="http://technorati.com/faves?add=$url.entry($entry.anchor)">
         <img src="$IMAGES/technorati.gif" title="Post to Technorati"></a>

      <a href="http://del.icio.us/post?url=$url.entry($entry.anchor);title=$entry.title">
         <img src="$IMAGES/delicious.gif" title="Post to de.licio.us"></a>

      <a href="http://digg.com/submit?phase=2&url=$url.entry($entry.anchor)&title=$entry.title">
         <img src="$IMAGES/digg.gif" title="Digg this entry"></a>

      <a href="http://www.stumbleupon.com/submit?url=$url.entry($entry.anchor)&title=$entry.title">
         <img src="$IMAGES/stumbleit.gif" title="Post to Stumble Upon"></a>
     
      <a href="http://www.dzone.com/links/add.html?url=$url.entry($entry.anchor)&title=$entry.title">
         <img src="$IMAGES/dz.gif" title="Post to dzone"></a>

    </div>
  #end

Now scroll down further and locate the below line

<p class="entryInfo">

Just above this line copy paste the below line

#sw5( $entry )

Press Save button and the changes are reflected immediately in your blog entries.

Comments:

Post a Comment:
  • HTML Syntax: Allowed