Put "Get the Feed Via Email" below RSS feed.

[tkaszuba]

How do I Put "Get the Feed Via Email" below RSS feed at my blog here?: The Tom Kaszuba Photography Blog ?

The way it's done at the top right of the page at this link is exactly how I want it: Sugarrae - Never Mess With a Woman Who Can Pull Rank

Thank you,
Tom K.

[manavecplan]

Well, this is her css code...how she's styled the subscriptions.

ul#tabs li, ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0; background: #dcbc44 url('http://www.sugarrae.com/wp-content/themes/default/images/navbg-new.gif') repeat-x bottom left; border-bottom: 1px solid #ddd; }
ul#tabs li.rss a { color: #c02e59; }
ul#tabs li.rss a:hover { color: #716F7D; text-decoration: none; }

[tkaszuba]

I have no idea how to implement that.

[tkaszuba]

No ideas on this?

[tkaszuba]

Bump.

[macfoo]

If you look at the site w/ Firebug, you can see that the RSS feed link is part of the navigation while the subscribe via email link is part of the header.

It is all in how ts implemented... it appears like a single element but it is in fact located in two seperate areas considering how thesis is laid out

[tkaszuba]

Originally Posted by macfoo

If you look at the site w/ Firebug, you can see that the RSS feed link is part of the navigation while the subscribe via email link is part of the header.

It is all in how ts implemented... it appears like a single element but it is in fact located in two seperate areas considering how thesis is laid out

I am grateful for your thoughts on this...but...I still have no idea how to implement it.

[macfoo]

Look for tutorials on kristarella's and sugarrae's site regarding custom headers and nav bars... both will lead you in the direction on how to customize them

I don't personally use the split navigation like that (with rss/email in two different areas) so I can't help with the specifics but you should be able to get the effect you are after using combines custom headers and nav bar

[larryecm]

You will need to add the following CSS code to your custom.css file like this:

p.emailsub {
     background:transparent url(images/icon-rss.gif) no-repeat scroll 100% 50%;
     font-size:15px;
     letter-spacing:2px;
     padding-right:15px;
     position:absolute;
     right:0;
     text-transform:uppercase;
     top:8px;
}

Then add a hook and code to your custom_functions.php file to insert the text and link like so:

function add_email_feed() { ?>
<p class="emailsub"><a title="Get Updates via Email" rel="nofollow" href="[[FEEDBURNER LINK GOES HERE]]">Get My Feed Via Email</a></p>
<?php
}
add_action('thesis_hook_after_header', 'add_email_feed');

Now, it looks like she actually uses the thesis_hook_header and writes the whole header out. Both ways should work. I didn't actually try this code, so you'll probably need to play around with the CSS positioning to get it just right, but this is 98% of what you need to get it working.

[tkaszuba]

Originally Posted by glblguy

You will need to add the following CSS code to your custom.css file like this:

p.emailsub {
     background:transparent url(images/icon-rss.gif) no-repeat scroll 100% 50%;
     font-size:15px;
     letter-spacing:2px;
     padding-right:15px;
     position:absolute;
     right:0;
     text-transform:uppercase;
     top:8px;
}

Then add a hook and code to your custom_functions.php file to insert the text and link like so:

function add_email_feed() { ?>
<p class="emailsub"><a title="Get Updates via Email" rel="nofollow" href="[[FEEDBURNER LINK GOES HERE]]">Get My Feed Via Email</a></p>
<?php
}
add_action('thesis_hook_after_header', 'add_email_feed');

Now, it looks like she actually uses the thesis_hook_header and writes the whole header out. Both ways should work. I didn't actually try this code, so you'll probably need to play around with the CSS positioning to get it just right, but this is 98% of what you need to get it working.

It is VERY close to working. I am grateful for the help. How do I get the position of the text right under the "SUBSCRIBE TO RSS FEED" text?

As you can see now the text is at the upper right of the page.