Readability

[Dismal Shadow]

Where would I place the code next to the locations of social networks? thread_view template?
http://www.readability.com/publishers/tools

EDIT: Thanks to Brogan on how to set up. For anyone who wants it.

Find share_page template:
Add the code before </xen:hook>

Add this to EXTRA.css

.rdbWrapper {
float: left;
}

 

[Paul B]

Where do you want it to show exactly?

If it's next to Tweet, +1 and Facebook, then it's the share_page template

 

[Dismal Shadow]

Just tried this:

            <xen:if is="{$xenOptions.readability}">
                    <div class="rdbWrapper" data-show-read="1" data-show-send-to-kindle="0" data-show-print="0" data-show-email="0" data-orientation="0" data-version="1"></div><script type="text/javascript">(function() {var s = document.getElementsByTagName("script")[0],rdb = document.createElement("script"); rdb.type = "text/javascript"; rdb.async = true; rdb.src = document.location.protocol + "//www.readability.com/embed.js"; s.parentNode.insertBefore(rdb, s); })();</script>
                </div>               
            </xen:if>

Looks like I'm not doing right.
Not a coder here.

 

[Paul B]

Just add the code as it is directly before </xen:hook>.

You may have to add some additional styling though to place it exactly how you want.

For example, add this to EXTRA.css:

.rdbWrapper {
margin-top: 10px;
}

Edit that class to suit.

 

[Dismal Shadow]

Ok it works, what styling would be done to make it next to the FB?

 

[Paul B]

.rdbWrapper {
float: left;
}

 

[Dismal Shadow]

.rdbWrapper {
float: left;
}

It works. Went far to the left, I guess that's normal?

 

[Paul B]

The Facebook iframe has a fixed width of 500px.

 

[Dismal Shadow]

The Facebook iframe has a fixed width of 500px.

Fixed to 360.