|
| COLORS, Rss Feeds, and Background
|
You've probably wanted to learn how to link, using RSS feeds.
Unfortunately, it's not simple, or straight-forward.
And, it requires more effort than simply giving URL information.
♣Worse yet♣ , RSS codes vary amongst differing websites.
Thus, there's no standard formulae.
And, one basic code cannot be used universally.
There's more grim news:
many websites only allow RSS feeds to their home page.
In other words: They don't allow you direct access to all areas.
For example: If you wanted to Feed to a specific Youtube Channel, or Yahoo Group, the feed would generally be unsuccessful. 
Plus, aside from all else, feeds sometimes display graphic-errors.
For example:
MRS. CLAUS placed an RSS feed on the bottom of this page, and it caused undesired effects. Thus, the feed was removed, in order to prevent further problems. So perhaps, ordinary linking features can be used, when RSS fails . 
|
Okay, here's an actual RSS feed to a gaming blog (on Blogger):
http://gamingcodes.blogspot.com/feeds/posts/default?alt=rss
So, the basic code for a BLOGGER Rss feed is:
http://Title Here.blogspot.com/feeds/posts/default?alt-rss
WOW, that's alot more complicated than anyone would have guessed.
Mrs Claus would have assumed,
perhaps a RSS feed merely requires a direct URL,
such as
[ http://gamingcodes.blogspot.com/rss ]
HOWEVER, this simplified code would NOT work.
Even worse, the RSS code varies from site to site.
Thus,
the feed necessary for Blogger will not work on YOUTUBE's feed.
I just wanted to give a quick heads-up, regarding this issue.
So, at least, you're now aware that RSS feeds require an exact code.
|
It's relatively simple to create a background for most independent websites.
In contrast, Social Networking websites might require additional effort.
Instead of giving a detailed lesson, it's quicker to give a brief example.
SO, in case you're curious;
Here's the HTML code for the background (clouds) currently being used for this web-page:
|
<body background="http://farm5.static.flickr.com/4134/4900808646_5acd7d4048_m.jpg">
|
You'll notice precisely where the photograph originates.
It comes from the Popular website, Flickr.com.
The photograph can obviously be replaced, by choosing a different URL Path.
<body background="http://choose any URL as your photograph">
It's also worth mentioning,
MRS. Claus has no idea why the "farm5.static.flickr.com URL works,
while the ordinary URL to this same photo does not work correctly.
It required a little "trial and error", rather than knowledge.
<body background="http://farm5.static.flickr.com/4134/4900808646_5acd7d4048_m.jpg">
♥ Now, of course, there are additional tricks which could be applied, as well.
This next HTML Code has additional options, such as choosing Width, and height.
But, hopefully, you've gotten a basic idea of how Mrs. Claus applies her backgrounds. 
|
So, the URL link can be changed to another JPG image,
as well as, other varying formats; such as .png or .gif.
 The JPEGs are the simplest. And require the least disk space.
While .GIFs sometimes have the ability to create motions, such as falling snowflakes or animated characters.
and, PNG.s can create transparency effects, and what-have-you.
Finally, the code can be simplified, with little noticeable affects.
Or, it could written in a more complex manner.
For example: notice how these 2 codes are written.
......Yet, both produce the exact same affects.
|
<body background="http://farm5.static.flickr.com/4118/4909873680_3d3ba011aa.jpg" width="500" height="500" alt="background38">
|
<body background="http://farm5.static.flickr.com/4118/4909873680_3d3ba011aa.jpg">
|
In the previous code,
the [width="500" and height="500"] dimensions were removed.
But the background still looks basically The same.
Also, some people choose to simplify their code even further.
If they're taking a photograph directly from the same website where the background derives,
they simply input the direct folder location.
For example:
The finished HTML would look something like this:
But, the exact location might be incorrect. So, this method might not work.
The exact location might be "Folders/photos/rainbow.jpg"
Or, "FilesAndFolders/rainbow.jpg"
or, "netshellhost064007/@host.com/photos/rainbow.jpg"
So, as you can see,
the most direct approach might NOT work correctly,
unless you're 100% sure of the path.
|
Mrs. Claus uses this code, and she places it near the bottom.
<body background="http://link here.jpg">
However, many sites require an Editor.
and, they recommend placing the code near the top,
just after the <style type="text/css"> ledger.
It depends on whether or not you have a simple website editing software.
|
So, an example might looks something like this:
<head>
<title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#ffffff">
BODY
content, content, content
A Lot of content, Several lines of content.
</a></b></div>
<!-- End ImageReady Slices -->
Bottom of page.
|
In this case, the background being used is very simple:
and, it's located somewhat near the top, immediately after the header.
DOCTYPE html Public
<Meta Tags>
<head>
<body bgcolor="ffffff">
this combination of letters represents a basic White background.
In other words: #ffffff = the color White.
|
notice how the <meta tags> are also placed near the top.
They contain Key words, that looks something like this:
<title>The Game Lord</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="keywords, Christmas, Jesus, Santa Claus, ho ho, Snow, " />
<meta name="Keywords" content="Welcome to the best Christmas site in town. Straight from The North Pole. Search words Christmas, Jesus of Nazareth, Christ is King, North Pole, Santa Claus " />
</head>
|
here are a few examples of HTML for various backgrounds which can be used on Blogger. They were originally designed by WEBFETTI.com, for use on Myspace. However, once Myspace 2.0 was released, the code became obsolete. You'll notice that's it's a somewhat complex process creating compatible HTML code for Social-Networking sites.
|
<div style="margin-bottom: 0in;">
<style>
/* Webfetti Layout Begins
Here */h1, h2, h3, h4, h5 {margin:0px;}#content
{width:740px;margin:0px;text-align:left;}#main
{width:485px;float:left;margin:0px;}#main2
{float:left;width:100%;padding:0px;}#sidebar
{width:240px;float:right;margin:0px;}body
{text-align:center;background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/excite_129.jpg);background-repeat:repeat;background-attachment:scroll;background-position:left
top;}body, p, .post-body {}a:link, a:active, a:visited,
a.username_dark:link, a.username_dark:active,
a.username_dark:visited, a.link_blue:link, a.link_blue:active,
a.link_blue:visited, a.link_profile_left:link,
a.link_profile_left:active, a.link_profile_left:visited,
a.link_profile_left_small:link, a.link_profile_left_small:active,
a.link_profile_left_small:visited, a.link_white:link,
a.link_white:active, a.link_white:visited {}a:hover,
a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover,
a.link_profile_left_small:hover, a.link_white:hover {}.post
{margin-bottom:20px;padding:10px;}.date-header, .sidebar-title
{}#blog-title {padding-left:10px;padding-top:5px;}strong, b
{}.post-title {}.date-header, .comment-timestamp {}#blog-title
{background-repeat:no-repeat;background-attachment:scroll;background-position:left
top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti
Layout Ends Here */
</style><style type="text/css">
.button_sizeL
{border-style:none;border-width:0;height:0px;width:0px;}.wfbuttonL
{background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left
top;display:block;height:71px;text-align:left;width:0px;position:absolute;top:0px;left:0px;z-index:10000;}.wfbuttonL
a:link,.wfbuttonL a:visited
{display:block;background-color:transparent;}.wfbuttonL
a:hover,.wfbuttonL a:active
{background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left
top;display:block;height:71px;width:120px;}
</style></div>
<div class="wfbuttonL">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb149_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052106&utm_medium=wf_blogger"><img class="button_sizeL" name="click_here" src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/04/la/bl/backgrounds_1052106.gif" /></a></div>
<style type="text/css">
.button_size
{border-style:none;border-width:0;height:45px;width:106px;}.wfbutton
{background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left
top;display:block;height:45px;text-align:left;width:106px;position:absolute;top:30px;right:10px;z-index:10000;}.wfbutton
a:link,.wfbutton a:visited
{display:block;background-color:transparent;}.wfbutton
a:hover,.wfbutton a:active
{background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left
top;display:block;height:45px;width:106px;}
</style>
<div class="wfbutton">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb129_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052106&utm_medium=wf_blogger"><img class="button_size" name="click_here" src="http://ak.webfetti.com/spacer.gif" /></a></div>
|
<style>/* Webfetti Layout Begins Here */h1, h2, h3, h4, h5 {margin:0px;}#banner {margin-top:20px;}.entry-body {padding:10px;}#alpha {width:500px;float:left;margin-right:15px;}#beta {width:200px;float:left;}body {background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/excite_343.jpg);background-repeat:repeat;background-attachment:scroll;background-position:left top;}table, td, tr, tbody {background-color:transparent;background-image:none;}body, p, .text, .text_journal_entry_body, .text_comment_body, .box_profile_info_large_content, .box_profile_info_small_content, #connection {}a:link, a:active, a:visited, a.username_dark:link, a.username_dark:active, a.username_dark:visited, a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_profile_left:link, a.link_profile_left:active, a.link_profile_left:visited, a.link_profile_left_small:link, a.link_profile_left_small:active, a.link_profile_left_small:visited, a.link_white:link, a.link_white:active, a.link_white:visited {}a:hover, a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover, a.link_profile_left_small:hover, a.link_white:hover {}.beta-inner, .entry, div.module-calendar module, div.module-categories module, div.module-pagesummary module, div.module-syndicate module, div.module-powered module {}.module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header, .date-header {}#banner-header {padding-left:10px;padding-top:5px;}strong, b {}.entry-header {padding:10px;}.entry-footer{}#banner-header {background-repeat:no-repeat;background-attachment:scroll;background-position:left top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti Layout Ends Here */</style><style type="text/css">.button_sizeL {border-style:none;border-width:0;height0px;width:0px;}.wfbuttonL {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:71px;text-align:left;width:0px;position:absolute;top:0px;left:10px;z-index:10000;}.wfbuttonL a:link,.wfbuttonL a:visited {display:block;background-color:transparent;}.wfbuttonL a:hover,.wfbuttonL a:active {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:71px;width:120px;}</style><div class="wfbuttonL">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb151_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052319&utm_medium=wf_livejournal"><img src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/04/la/lj/backgrounds_1052319.gif" name="click_here" class="button_sizeL" /></a></div>
<style type="text/css">.button_size {border-style:none;border-width:0;height:0px;width:0px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;text-align:left;width:0px;position:absolute;top:0px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbutton">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb131_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052319&utm_medium=wf_livejournal"><img src="http://ak.webfetti.com/spacer.gif" name="click_here" class="button_size" /></a></div>
|
<style>/* Webfetti Layout Begins Here */h1, h2, h3, h4, h5 {margin:0px;}#banner {margin-top:20px;}.entry-body {padding:10px;}#alpha {width:500px;float:left;margin-right:15px;}#beta {width:200px;float:left;}body {background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/008_bkgd.gif);background-repeat:repeat;background-attachment:scroll;background-position:left top;}table, td, tr, tbody {background-color:transparent;background-image:none;}body, p, .text, .text_journal_entry_body, .text_comment_body, .box_profile_info_large_content, .box_profile_info_small_content, #connection {}a:link, a:active, a:visited, a.username_dark:link, a.username_dark:active, a.username_dark:visited, a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_profile_left:link, a.link_profile_left:active, a.link_profile_left:visited, a.link_profile_left_small:link, a.link_profile_left_small:active, a.link_profile_left_small:visited, a.link_white:link, a.link_white:active, a.link_white:visited {}a:hover, a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover, a.link_profile_left_small:hover, a.link_white:hover {}.beta-inner, .entry, div.module-calendar module, div.module-categories module, div.module-pagesummary module, div.module-syndicate module, div.module-powered module {}.module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header, .date-header {}#banner-header {padding-left:10px;padding-top:5px;}strong, b {}.entry-header {padding:10px;}.entry-footer{}#banner-header {background-repeat:no-repeat;background-attachment:scroll;background-position:left top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti Layout Ends Here */</style><style type="text/css">.button_sizeL {border-style:none;border-width:0;height:71px;width:0px;}.wfbuttonL {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:0px;text-align:left;width:0px;position:absolute;top:0px;left:10px;z-index:10000;}.wfbuttonL a:link,.wfbuttonL a:visited {display:block;background-color:transparent;}.wfbuttonL a:hover,.wfbuttonL a:active {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbuttonL">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb151_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1051509&utm_medium=wf_livejournal"><img src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/04/la/lj/backgrounds_1051509.gif" name="click_here" class="button_sizeL" /></a></div>
<style type="text/css">.button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;text-align:left;width:106px;position:absolute;top:0px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:00px;width:0px;}</style><div class="wfbutton">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb131_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1051509&utm_medium=wf_livejournal"><img src="http://ak.webfetti.com/spacer.gif" name="click_here" class="button_size" /></a></div>
|
BRICK WALL (most practical)
|
<style>/* Webfetti Layout Begins Here */h1, h2, h3, h4, h5 {margin:0px;}#content {width:740px;margin:100px;text-align:left;}#main {width:485px;float:left;margin:0px;}#main2 {float:left;width:0%;padding:0px;}#sidebar {width:240px;float:right;margin:0px;}body {text-align:center;background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/excite_358.jpg);background-repeat:repeat;background-attachment:scroll;background-position:left top;}body, p, .post-body {}a:link, a:active, a:visited, a.username_dark:link, a.username_dark:active, a.username_dark:visited, a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_profile_left:link, a.link_profile_left:active, a.link_profile_left:visited, a.link_profile_left_small:link, a.link_profile_left_small:active, a.link_profile_left_small:visited, a.link_white:link, a.link_white:active, a.link_white:visited {}a:hover, a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover, a.link_profile_left_small:hover, a.link_white:hover {}.post {margin-bottom:20px;padding:10px;}.date-header, .sidebar-title {}#blog-title {padding-left:10px;padding-top:5px;}strong, b {}.post-title {}.date-header, .comment-timestamp {}#blog-title {background-repeat:no-repeat;background-attachment:scroll;background-position:left top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti Layout Ends Here */</style><style type="text/css">.button_sizeL {border-style:none;border-width:0;height:0px;width:0px;}.wfbuttonL {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:71px;text-align:left;width:0px;position:absolute;top:0px;left:10px;z-index:10000;}.wfbuttonL a:link,.wfbuttonL a:visited {display:block;background-color:transparent;}.wfbuttonL a:hover,.wfbuttonL a:active {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbuttonL">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb149_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052334&utm_medium=wf_blogger"><img src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/04/la/bl/backgrounds_1052334.gif" name="click_here" class="button_sizeL" /></a></div>
<style type="text/css">.button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;text-align:left;width:106px;position:absolute;top:30px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbutton">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb129_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052334&utm_medium=wf_blogger"><img src="http://ak.webfetti.com/spacer.gif" name="click_here" class="button_size" /></a></div>
|
Cool Icy Blue background.
|
<style>/* Webfetti Layout Begins Here */h1, h2, h3, h4, h5 {margin:0px;}#content {width:740px;margin:0px;text-align:left;}#main {width:485px;float:left;margin:0px;}#main2 {float:left;width:100%;padding:0px;}#sidebar {width:0px;float:right;margin:0px;}body {text-align:center;background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/excite_296.jpg);background-repeat:repeat;background-attachment:scroll;background-position:left top;}body, p, .post-body {}a:link, a:active, a:visited, a.username_dark:link, a.username_dark:active, a.username_dark:visited, a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_profile_left:link, a.link_profile_left:active, a.link_profile_left:visited, a.link_profile_left_small:link, a.link_profile_left_small:active, a.link_profile_left_small:visited, a.link_white:link, a.link_white:active, a.link_white:visited {}a:hover, a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover, a.link_profile_left_small:hover, a.link_white:hover {}.post {margin-bottom:20px;padding:10px;}.date-header, .sidebar-title {}#blog-title {padding-left:10px;padding-top:5px;}strong, b {}.post-title {}.date-header, .comment-timestamp {}#blog-title {background-repeat:no-repeat;background-attachment:scroll;background-position:left top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti Layout Ends Here */</style><style type="text/css">.button_sizeL {border-style:none;border-width:0;height:103px;width:0px;}.wfbuttonL {background:url(http://ak.webfetti.com/badge_02.gif) no-repeat left top;display:block;height:0px;text-align:left;width:0px;position:absolute;top:0px;left:0px;z-index:10000;}.wfbuttonL a:link,.wfbuttonL a:visited {display:block;background-color:transparent;}.wfbuttonL a:hover,.wfbuttonL a:active {background:url(http://ak.webfetti.com/badge_02.gif) no-repeat left top;display:block;height:103px;width:120px;}</style><div class="wfbuttonL">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb139_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052272&utm_medium=wf_blogger"><img src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/02/la/bl/backgrounds_1052272.gif" name="click_here" class="button_sizeL" /></a></div>
<style type="text/css">.button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;text-align:left;width:0px;position:absolute;top:0px;right:0px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbutton">
<a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb119_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052272&utm_medium=wf_blogger"><img src="http://ak.webfetti.com/spacer.gif" name="click_here" class="button_size" /></a></div>
|
|