Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Post-Kicker, -Byline & -Footer (http://forum.bytesforall.com/forumdisplay.php?f=17)
-   -   How to place addthis into byline (http://forum.bytesforall.com/showthread.php?t=9237)

annsworld Aug 28, 2010 10:30 AM

How to place addthis into byline
 
Hi,

I have this kind of code, that I would like to put into the byline. Or rather I would like a facebook, twitter and "more of addthis" button in the byline.
Code:

<div><div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<span class="addthis_separator">|</span>
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=annsworld" title="ann's world| Help and information for parrots and other birds" alt="share" class="addthis_button_expanded">mehr</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=annsworld"></script></div>

How do I do this?

I got it to work in a side widget, but I would really much rather have it in the post's byline.

Thanks,
Ann.

lmilesw Aug 28, 2010 03:36 PM

Have you tried adding that code the the byline boxes in ATO>Edit Post/Page Info Items?

annsworld Aug 29, 2010 01:20 AM

Um no, I thought I could only enter predefined items there following the syntax %item%??

Let me try...

annsworld Aug 29, 2010 01:29 AM

Hi Larry,

ok - tried it. Several problems:

* it puts in a line break

* it does not show the facebook etc buttons


It does show the more text and the link is working. You can see it here.

The total code that I now have in the byline section of the ATO>Edit Post/Page Info Items is:

Code:

%date('d.m.Y')% | %comments('Leave a comment', 'One comment', '% comments', 'closed')% %edit(' | ', 'edit', '')% | <div><div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<span class="addthis_separator">|</span>
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=annsworld" title="ann's world| Help and information for parrots and other birds" alt="share" class="addthis_button_expanded">more</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=annsworld"></script></div>

Thanks,
Ann.

annsworld Aug 29, 2010 04:27 AM

line break is fixed by substituting span instead of div.

juggledad Aug 29, 2010 04:38 AM

change your code to this in the byline
HTML Code:

%date('d.m.Y')% | %comments('Leave a comment', 'One comment', '% comments', 'closed')% %edit(' | ', 'edit', '')% <div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<span class="addthis_separator">|</span>
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=annsworld" title="ann's world| Help and information for parrots and other birds" alt="share" class="addthis_button_expanded">more</a>
</div>

then add this
HTML Code:

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=annsworld"></script>
at ato->Add HTML/CSS Inserts->HTML Inserts: Body Bottom

annsworld Aug 29, 2010 05:42 AM

Thank you Juggledad,

almost there: I got it to not have a line break and with your help the little buttons are showing.

The only problem I stil have is that the social bookmarking bit is supposed to be right aligned and the edit etc stuff left aligned on the same line.

FOr some rason it puts the social bookmarking stuff to the leaft instead of to the right and ignores all aling, align-text and float commands that I tried.

Any ideas?

Thanks,

Ann.

annsworld Aug 29, 2010 05:51 AM

ok, I very unelegantly forced it now with a table. Real programmers are probably cringing.

How does one do this the "right" way?

Ann.


All times are GMT -6. The time now is 08:03 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.