Use Xfruits instead of Feedmyinbox. Xfruits feeds are written with divs, ids, and classes. So for an autoblog on Blogger that works, use Xfruits. Just Google "xfruits" I can't post links yet.
edit: I forgot to mention. go to Design, then Html, now download your template for backup. Now check the box "Expand widget Templates" I use Ctrl-f to search for the areas I want to go to because these templates are quite long. It's just a quick way to navigate the template.
So here's what you do...
Code:
[B]Look for this:[/B]
/* Content
----------------------------------------------- */
In the content section put this at the bottom:
(The reason for .list_items_summary is that xfruits
puts a long numbered list of the rss feeds items above
the post. This makes it ugly, and wastes a lot of space on your page)
[COLOR=Red].list_items_summary {
width: 500px;
height: 4px;
background: url(my_header_image.gif);
padding-top: 100px;
overflow: hidden;
}[/COLOR]
* The [COLOR=Red]background: url(my_header_image.gif);[/COLOR] line in the above code is optional.
I don't use it just cause I could never find an image that worked in that spot,
that looked good. You can take that line out if you choose.
(With these feeds you end up getting a few titles for each item.
the snippet of code below cleans this up)
[COLOR=Red]div h3, .title #item {
display: none;
}[/COLOR]
Don't worry about the next sections move on to Posts.
[B]Now look for this:[/B]
/* Posts
----------------------------------------------- */
You are going to want to make sure that all images fit,
and keep their aspect ratio. So look for something like
this piece of code below
[COLOR=SeaGreen].post-body img {
padding: 8px;
background: #ffffff;
border: 1px solid #71b463;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}[/COLOR]
And place this code right under the above code.
[COLOR=Red].text img {
max-width: 500px;
height: auto !important;
width: expression(this.width > 500 ? 500: true);
}[/COLOR]
This .text img code makes all images no wider than 500 pixels,
and sets the appropriate height to keep the aspect ratio. You can
set the number to what ever you want. On some of my blogs I
set it to 480 pixels. This code works wonders.
Right below .text img code, put this:
[COLOR=Red].logo {
margin-top:-65px;
visibility: hidden;
}
[/COLOR]
This .logo code gets rid of the Xfruits logo,
and the margin-top:-65px; fixes a big gap
from the .list_items_summary code
Now! This is what everyone's been waiting for.
How to get the damned unsubscribe link out of there.
Look for this code:
[COLOR=SeaGreen].post-footer {
margin: 1.5em 0 0;[/COLOR]
now put this below it
[COLOR=Red].unsub {
visibility:hidden;
}[/COLOR]
And that's pretty much it. There are a few others, but the ones I lised are the most important.
Now you can let your xfruits feeds through without too much worry.
See Feemyinbox publishes its feeds with tables. You can't easily override any of that with CSS in the way that it's done here.
But with Xfruits, you can use what I've shown you in Blogger, and it works great!
I hope you all liked this post. Just experiment all layout have their defferences, so you may have to tweak the code I showed you.
For the most part my blogs work in all browsers. I have some issues with IE, but I figure if people want standards compliant browsing they will just switch to a different browser all-together.
If you would like to see examples of my work, just pm me. My blogs are in the Adult, and Warez niches mostly, but I have others that are clean by comparison.
If you decide to use this method, and need some help, just pm me. I'd be glad to help.
Peace All, and have a Happy New Year
