FAQ
tygee...@gmail.com
tygee...@gmail.com
are currently out of date. Please READ and follow the instructions
below to get Talkr to work with the new Blogger.com.
Create Your Talkr.com account:
1. Create your Account at http://www.talkr.com
2. Click on the "My Podcasts" link on the right side of the page.
3. At the bottom of the page, add your url to the text box and click
"Add RSS Feed".
4. On the "My Podcasts" page will be a list of all the Talkr feeds you
have created, and each one will a feed_id with a 5 digit number. That
is the number you will need to remember for the Blogger steps.
--------------------------
Adding a Talkr Link to your New Blogger Account::
1. Copy this code:
<!-- Copy code below here -->
<a expr:href='"http://www.talkr.com/app/fetch.app?
feed_id=XXXXX&perma_link=" + data:post.url' target='_blank'
title='Listen'>Listen to this Article<img src='http://images.talkr.com/
images/speaker_20.gif' style='border:none;'/></a>
<!-- copy code above here -->
2. Log into Blogger and click on "layout" in the bar associated with
the blog you want to add Talkr to.
3. Click the "Edit HTML" tab. You should see the HTML for your
blog template.
4. Click the "Expand Widget Templates" check box above and to the
right of
the template code.
5. In your template code, scroll to <div class='post-footer'>. Paste
the code under the <div class='post-footer'> (Don't see this code? You
may be using a customized or non-standard Blogger template. Don't
panic! Paste the code near the post metadata (author, date, comments,
etc).
******************
Make sure that after you paste the code, no spaces or line breaks have
been added between ? and feed_id. Make sure the code "wraps" naturally
from line to line. There are only a few spots in the code that should
have spaces
After <a
Before and after the +
After post.url'
After target='_blank'
After <img
After _20.gif'
********************
6. Replace XXXXX in the pasted code with the feed_id number of the
blog that is found in your talkr.com account. Do not replace the
"&" that should appear right after your feed_id number.
7. Click "Save Template". The link will not work within PREVIEW mode.
If you would like a different placement you can put the code directly
below - <div class='post-header-line-1'/>, this would raise it to be
closer to the Title of the post.
////////////////////////////////////
////////////////////////////////////
Adding a New Single MP3 Flash Player for each post:
1. Copy this code:
<!-- Copy code below here -->
<script charset='utf-8' expr:src='"http://admin.talkr.com/instant/
getmp3_blogspot.php?PermLink="
+ data:post.url' type='text/javascript'/>
<!-- copy code above here -->
2. Log into Blogger and click on "layout" in the bar associated with
the blog you want to add Talkr to.
3. Click the "Edit HTML" tab. You should see the HTML for your
blog template.
4. Click the "Expand Widget Templates" check box above and to the
right of
the template code.
5. In your template code, scroll to <div class='post'>. Paste the code
under <div class='post'> (Don't see this code? You may be using a
customized or non-standard Blogger template. Don't panic Some
templates my use this: <div class='post-body entry-content'>, or
something similar to describe the "body" portion of the blog entry.
6. Make sure that after you paste the code, no spaces or line breaks
have been added. Make sure the code "wraps" naturally from line to
line. There are only a few spots in the code that should have spaces
After <script
after 'utf-8'
Before and after the +
7. Save the template and view your blog.
////////////////////////////////////
////////////////////////////////////
Adding Talkr FeedFlare on FeedBurner
"Listen to This!" Can easily be added to your FeedBurner with the use
of a FeedFlare. This feature will allow you to increase your feeds'
accessibility and helping you to reach a bigger audience.
Simply login into Feedburner and click on the "Optimize". Then click
on FeedFlare and add a personal feedflare with the url location of
http://admin.talkr.com/feedflare1.xml Then save it and your feed has
been upgraded.
--------------------------
How to add your FeedFlare to your Blogger.com posts:
Adding FeedFlare to your Blogger blog
This guide is for "New Blogger"
In order to add FeedFlare to your blog, you'll need to insert a small
piece of code near the post metadata (author, date, comments, etc) in
your template. Fortunately, this is really easy (really!) - just
follow these seven short steps.
1. Sign in to Blogger.
2. For the blog to which you're adding FeedFlare, click "Manage
Template" or "Manage Layout" (you'll see one or the other). If you
clicked "Layout," follow the instructions for editing Blogger Layouts.
If you clicked "Template," follow the instructions for editing Blogger
Templates. (Yes, we realize that's a little
confusing!)
________________________________________________
Editing Blogger "Layouts"
1. Copy this code:
<!--Start Copy-->
<script expr:src='"http://feeds.feedburner.com/~s/blogspot/oamV?i=" +
data:post.url' type="text/javascript" charset="utf-8"></script>
<!--End Copy-->
2. In Blogger, click "Edit HTML". You should see the HTML for your
blog template. Click the "Expand Widget Templates" box above and to
the right of the
template code.
3. In your template code, scroll to <div class='post-footer'>. (Don't
see this code? You may be using a customized or non-standard Blogger
template. Don't panic! Paste the code near the post metadata (author,
date, comments, etc) or contact us for help.)
4. Paste the code from step 1 just below <div class='post-footer'>.
5. Click [Save Template].
Click "View Blog" to see what you've done, and enjoy!
_______________________________________________
Editing Blogger "Templates"
1. Copy this code:
<!--Start Copy-->
<script src="http://feeds.feedburner.com/~s/blogspot/oamV?i=<
$BlogItemPermalinkURL$>" type="text/javascript" charset="utf-8"></
script>
<!--End Copy-->
2. In your template code, scroll to <p class="post-footer">. (Don't
see this code? You may be using a customized or non-standard Blogger
template. Don't panic! Paste the code near the post metadata (author,
date, comments, etc) or contact us for help.)
3. Paste the code from step 1 just above <p class="post-footer">.
4. Click [Save Template Changes].
Click "View Blog" to see what you've done, and enjoy!
Customizing FeedFlare's Appearance on Your Blog Your FeedFlare can be
styled almost infinitely using CSS. Let's take a
close look at how FeedFlare's output is structured:
<p class="feedburnerFlareBlock"><a href="flare1url"
class="first">Flare 1</a> <span>•</span> <a
href="flare2url">Flare 2</a> <span>•</span> <a
href="flare3url">Flare 3</a></p>
There are a few interesting (and important) things to point out about
this:
· FeedFlare is wrapped in a <p> tag, so it will inherit the
default paragraph styles in use on your blog. However, because it
contains a class of feedburnerFlareBlock, you can style it however you
want.
· By default, FeedFlare uses bullets (·) as separators. But each
one is wrapped in a <span> tag, so you can hide them, restyle them,
or
make them dance at your leisure.