SysChat

SysChat (http://www.syschat.com/forum.php)
-   Development (http://www.syschat.com/software-support/development/)
-   -   Web Page Development - Blog Templates - How to? (http://www.syschat.com/web-page-development-blog-templates-how-2453.html)

b1caez01 07-26-2007 06:18 AM

Web Page Development - Blog Templates - How to?
 
Do "we" have a forum for those of us fumbling about with blog templates? I've searched the net for help already, before coming here...

I am messing about with my blogspot.com template. I find lots of "things" to do with it, but the most annoying part is that for all the scripts that can be inserted, no one seems to be able to tell the readers WHERE to put the scripts so that they work.

I've been "sourcing" web sites to try to learn where "what" goes "where." One can go to any URL, then up to the Tool Bar => "View>Page Source" Any page on the net can be accessed this way, and the scripts are there to be had.

Take blogspot.com for example... I have four blogs on the go...one is specifically set up as a test site for experimentation...

TEST SITE

Each seems to have a slightly different template, and no two are alike... so mimicking one template over more than one blog site is dicey...it takes a fair bit of juggling.

Right now, I'm trying to figure out how to activate an image, so that when you tap on it, you are redirected to another site. e.g. by tapping on an image I can direct the reader to one or more of my blogs without them having to search the web for them. Yes, I know links can be set up, but it looks a bit more interesting if images do the work, rather than words.

Here is a simple working example...
<br /><br /><a href="http://www.google.com/"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="" /></a></dd>

This will put a GOOGLE search image on my blog...but it is too large and forces the side bar to the bottom of the page if it is inserted where I had it, in the side bar...along with some of my other images. It will appear at the bottom of the page instead. Therefore, I need to reduce its size without negating its purpose. That is another issue.

So...1. reduce size and 2. where to locate script so it appears where I want it

Any suggestions...

mhookem 07-26-2007 04:11 PM

Hello, this code will reduce the size to 158x60 and will align it in the center of the page. You can adjust the size to whatever you like and change the alignment to left, right or centre.

Place the code in between the two 'body' tags:

<div align="center">
<br />
<br />
<a href="<A href="http://www.google.com/"><img">http://www.google.com/"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="" width="158" height="60" /></a>
</dd>
</div>

Try this link, you can edit the html code on blogspot. If you need any help with it give us a shout: HTML 4.01 / XHTML 1.0 Reference - HTML Tag Reference

Regards

Martin

b1caez01 07-26-2007 10:49 PM

Be patient please...
 
mhookem: do we not have a web page forum? It may be another one to begin. There must be tons of us wannabe html writers out here ;) This is only the first issue that I am dealing with. And having fun in the process ;)

Since there are only three body tags, one near the top, and one at the bottom, with almost the entire template in between, I am at a loss as to just where to put the scrip you sent. My I send you a copy of the template off-line/forum?

What I have been doing is experimenting with inserting this and that script all over the place, one at a time, and seeing what the results are. And what works on one template does not seem to work on another, even though they are templates from the same blogspot.com site...just different coloured backgrounds.

<div align="center">
<br />
<br />
<a href="<A href="http://www.google.com/"><img">http://www.google.com/"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="" width="158" height="60" /></a>
</dd>
</div>

Where exactly does this go?

By the way I have my background set at 1000 and my content set at 750 and my sidebar set at 245. So, 158 would easily fit into the sidebar.
--------------------------------------------------------------------------

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 750px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 245px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

--------------------------------------------------------------------------

Here is the section which I discovered was the place to insert scripts, it's near the bottom of the template:

</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Template Testing (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> <!-- end outer-wrapper -->
</body>
</html>
--------------------------------------------------------------------------

mhookem 07-27-2007 06:25 AM

Web Development Forum
 
We could technically say that the html editing comes under the 'Development' forum, but I know what you mean. I posted a thread about some .asp but had little response.
Perhaps we could should talk to Sami and see what he thinks we can do.

We don't seem to get very many posts concerning code from what I can see. Holding more discussions on the subject could well bring in more viewers and give us the opportunity to see a bit more of what's going on in the world of software development.

I've only recently started looking at .asp which is essentially VB script, and I'm already having problems,

Do you have your own HTML editor? I'm using Dreamweaver at the moment, which is really useful, and at the same time really annoying!

I don't know if you're aware but the blog pages seem to be mht, which handles scripts slightly differently:

'Web document formatted using the MIME HTML or "MHTML" standard; encodes images and other media files referenced by a .HTML document into the same file the HTML is stored in; the data is encoded using .MIME encoding.

Most Web pages viewed in a Web browser only contain HTML and reference images and other media files that are stored in other directories on the server; because all the files are encoded into a single file in a MHTML document, MHT files are commonly used to archive Web pages'


Information provided by MHT File Extension - Open .MHT files


Regards

Maritn

b1caez01 07-28-2007 01:31 AM

Grey Beard Express
 
I don't want to be selfish and expect a whole web site, syschat, to bend over, but if I were selfish, I could use for it... I have visited many such fora and there appears to be about a 100/1 ratio of the "ig-norant/norant ;)"

I have been "into" computers for many years, but I am just now (in my 60's) getting into this web script stuff, it never interested me before...and only as a means of allieving the frustration of having to deal with a rather unintersting template at my blogs. When I look at other's blogs, some blow you away with their appearance. Obviously they know what they are doing. Some day, I'd like to have my own web site...so I am apprenticing on/in the blogs...self-teaching in the process.

As to editors...I started out with Netscape 7's Composer...a free inclusion with Netscape 7.x. I believe that there may have been earlier versions, but I paid no attention to them.

I mucked about with a few trials, of various progs, but they were all too complicated. I am a visual learner and one who learns by doing...once a "not bad" artist and graphic designer in the hobby world...rtd...teacher. Therefore I like to start out with a blank sheet and create. As the spirit moves me, I then look to do some particular action, but not knowing how, I go and try and find an answer. This is like walking across a raging river by using the available step stones. Finding the most solid step stones has been a chore...but I am getting there.

mhookem 07-28-2007 02:33 AM

Easy Web Design
 
Try this program: Serif WebPlus 9 - Web Design Software. Serif make their programs very easy to use, and always with beginners in mind and at the same time give you the chance to learn some of the harder stuff.

You can download an earlier version for free, it's version 6.0 but I've got version 7.0 which is more than good enough to make your blog look great: Free Web Site Publishing Software Download - WebPlus.

It's got a lot of 'point and shoot' about it.:)
But you can put in some of your own code when you need to.

Regards

Martin

b1caez01 07-29-2007 04:44 AM

First Things First...
 
You've been most helpful...but I'd like to get this activated button thingy out of the way first. Can you refer to my two previous notes, outling what I am trying to do and offer any "expert"' advice?

re: the Google Image Icon
re: my personal Icon Image

re: sizing them
re: locating them in template

TTYL...TOMORROW...

mhookem 07-29-2007 09:45 AM

Quote:


re: the Google Image Icon
re: my personal Icon Image

re: sizing them
re: locating them in template

TTYL...TOMORROW...
This code will put the google image as a link on your blog, to create your personal image link just replace the address to google with your own and replace the image source with your own. Adjust the size of your image to your liking and adjust the position of the layer containing your image to any you want on the page:

<div id="Layer1" style="position: absolute; top: 0; left: 0" align="centre"><a href="<A href="http://www.google.com/"><img">Google"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="" width="158" height="60" /></a></div>

Don't forget to place all of this code inside the 'body' tags.:icon_wink:

Regards

Martin

William_Wilson 07-29-2007 09:49 AM

For the most part this is not a programming forum, though i am unsure if HTML is really considered a programming language to most coders... CSS maybe, JS sure and anything equally complicated.

I post on a couple of popular coding sites, but i do not mention them here as i do not wish to take away from SC as it is a good site, and a great resource in the computer related issues. Perhaps Sammy will consider expanding into a web development category?
For now, if you could post the entire file, with images as a zip or other compressed file, or post a link, It would likely be much easier to diagnose the errrors from the source :)

*I'm not yankin' your chain either, I really am experienced with HTML, CSS, JS, AJAX, PHP, Perl, and a few others in the web dev department.


I don't know if mhookem agrees, but inline CSS is really something that should be avoided if possible.

b1caez01 07-29-2007 09:44 PM

Between a rock and a hard place ;)
 
William: no problem... as I don't have a clue re: what I am doing...nor can appreciate the languages you refer to. I just go with what works in the context of my template, overwhich I have no control! And I am just tossing out "needs" as they crop up. Sami seems o.k. with it. I chose this forum because it seemed the safest place to go and not upset anyone. I could "talk" off line, if you want...and Sami would prefer. I'm not dense, just need directing.

I have stumbled on some of the fora you refer to where those who know what they seem to be doing are going on about "stuff" that completely mystifies me. Sami seems to be at my speed so far.

I contacted you, as Sami did not seem to pick up on my need for the SysChat linking code...and I thought that that was because he was unaware of it. So, I went to the "top" to see if you were aware of it, and would not mind sharing it.

[EDIT: NOTE: CHECK THE NEXT PAGE FOR A SOLUTION I WORKED OUT]

To Sami: I seem to have got the Google business sorted out on my own, thanks...now I am trying to insert a similar image, using the SysChat image in the upper left of your web pages. I can't find the specific code in the "source view" of the page...and until I have that, I can't experiment with where it goes in my template. What I usually do, is download the image, then upload it as an addition to my regular posts...that gives me the image code...then I transfer that over to my template...that gives me the image...now I need to integrate that with an activation code to get it to respond to a viewers cursor and take them to SysChat.com ...tap on the image...go to SysChat...ta da! ...just as it is now, on the SysChat site ;)

I also might share something that I discovered, and you guys may already know, but your readers don't...

I mentioned earlier that templates should have instructions built into them, but instructions that cannot be seen in the actual end result. I discovered that once I found the magic place to set the code, if I inserted <!-----[message]----> just above the insertion point, it stayed there to guide me, and was not seen in the finished view. Wow, was that an incite and of great help. It all boiled down to the ! mark...without it the dashed bar and notes showed.

Here's the example:
-------------------------------------------------------------------------
</Blogger>
</div></div>
<!-- End #main -->

<!--------delete this line before posting------------->

<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">

<!--------then in here I place the necessary code--->

<DIV ALIGN="CENTER"><A HREF="http://www.eff.org/br/"><IMG
SRC="http://www.eff.org/br/br.gif" ALT="[Blue Ribbon Campaign icon]"
HEIGHT="76" WIDTH="112" BORDER="1" ALIGN="MIDDLE"><BR />
Join the Blue Ribbon Online Free Speech Campaign!</A><BR /></DIV>

<!-- Begin #profile-container -->

<$BlogMemberProfile$>

<!--------and in here I place the necessary code--->

<!-- End #profile -->

--------------------------------------------------------------------------

Hey, this stuff is fun...and I am well past the age of retirement ;) I'm pretty much just copy and pasting, so not a lot of understanding of what I'm actually doing is needed.

mhookem 07-30-2007 02:26 AM

Inline CSS
 
I would agree with William, in the long term, if your going to be building a bigger site using an external CSS sheet is a lot tidier and an easier to manage.
Although I think our budding young web designer:sconfused: should take the advantage of learning the way of 'inline' while he's starting out so that he can fully understand the difference.:boink:.

If Sami's OK with us having a chat about it on SC, lets go for it. It'll make a nice change from a crashed HDD!

Regards

Martin

b1caez01 07-30-2007 12:51 PM

Web Page Construction.
 
Well, its going to take some initiative by someone at your end to establish a forum, first...then you may as well transfer our discussions over to it to give it some substance to start with, and show folks what it is all about.

Was anyone going to respond to my last set of questions, or shall I wait until "we" launch the new site?

For purely selfish reasons, I had hoped for just a "helper" forum rather than a tutorial forum, although that might be the best place for it "TUTORIALS and HOW TO'S" I am a learn by doing sort of guy...instructions totally confuse me...I need the visual learning cues to work around. Like to tear things down to see how they work. I've also found that if we had a standard template, and since blogs are all the rage, and blogspot.com blogs are at hand...they can be used to prepare a teaching template...showing what goes where and what happens when "what" goes there...that is a big help to me, as I muddle my way along and insert <!---notes on the fly--->

Let me know if you need any help bouncing ideas around. I'm an avid learner.

TTYL...Al

b1caez01 07-31-2007 12:40 PM

Problem solved...SYSCHAT and GOOGLE links from images
 
After chipping away at the code from the source view, I've managed to come up with this...and it works. I slipped into my page near the bottom of the template in the following manner... Notice the code for inserting a GOOGLE search field that I manipulated. You can just copy and paste this code into your blog. You may have to dicker around with the correct spot though, if you are not using blogspot.com templates... Also notice the <br /><br plus a space at the beginning of each entry. This will separate the images by a space...want more space [?] insert another bit of code as above...

<!-----------------------leave this line------------------>
</MainOrArchivePage>

Techie section: <!---just type this in...it appears as shown--->

<br /><br <DIV ALIGN="CENTER"><a href="http://www.syschat.com"><img src="http://www.syschat.com/images/styles/syschat/style/logo.gif" border="0" alt="SysChat" /></a></div> <div class="nav"> <div class="nav_center"></a></p></a><DIV ALIGN="CENTER">

<br /><br <DIV ALIGN="CENTER"><a href="http://www.google.com/"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="" /></a></dd></a><DIV ALIGN="CENTER">

<br /><br <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
<br /><br <p id="blogfeeds"><$BlogFeedsVertical$></p>

<!--
<p>This is a paragraph of text that could go in the sidebar.</p>
-->

</div></div>
<!-- End #sidebar -->

</div>
<!-- End #content -->

<!-----------------------leave this line------------------>

<!-- Begin #footer -->
<div id="footer"><hr />
<p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>

</div>
<!-- End #footer -->

<!-----------------------leave this line------------------>

</body>
</html>

mhookem 07-31-2007 05:11 PM

Html
 
Glad to hear it! I'll see about putting a few HTML tips together and ask Sami if I can post it somewhere, although I think for now it might well just end up in the development forum.

I'll keep you posted.

Regards

Martin

bddl 08-04-2007 11:56 AM

Working in vista?
 
Martin, I have been keeping up with the post on web plus , and thank you for being simple when it comes to creating a web page, here's my problem I finally decided to go for the "serif" freeware, got the code to unlock the software, opened it up and ""Nothing"" , it wont operate( I think) on my vista os, have I made an error somewhere that I do not realize, thank you for any help

mhookem 08-04-2007 05:44 PM

Easy Web Design
 
Hello and thanks! My version works ok with vista, and it's only the next one up. It might be worth asking Serif to see if it's compatible.

If it doesn't work you can find version 7 or 8 pretty cheaply. There's one here for £9.99

Amazon.co.uk: WebPlus 7 Home Page Creator: Software

Or you can download a trial of version 7 here: Serif WebPlus 7 - vnunet.com

Regards

Martin

bddl 08-05-2007 01:18 PM

very helpful
 
Many thanks Martin, I shall look into an upgraded version, you have been very helpful in this matter

b1caez01 08-06-2007 10:20 AM

Forgot to mention something in my code...
 
I forgot to mention last time about the dashed lines, and what to do with them...

<!-----------------------leave this line------------------>
</MainOrArchivePage>

The dashed line will not appear on the web page, so I write myself personal "how to do" messages there. Like this... that way, I always know where to put stuff.

<!-----------this is where you insert the side bar code---->

And, don't forget to save a copy of the entire template after each final alteration. Number them Blog1 Template-sidebar1, Blog4 Template-header2, Testing Template-footer3, etc. or whatever...so that you can return to any stage of the operation on any of your blogs, and pick up where you erred.

Here is a new bit of code: I use mail2web.com sometimes to pick up my mail, when my regular site cannot be accessed... here is the code to take you there from your blog page, and for anyone visiting your page to do the same...they would go to THEIR mail site... Make sure that if part of it shows up underlined? ...that you delete the underlining but not the script...join it up to make one line of script.

<br /><br <script src="http://gmodules.com/ig/ifr?url=http://services.mail2web.com/Gadgets/mail2web.xml&amp;synd=open&amp;w=320&amp;h=230&amp ;title=mail2web.com&amp;border=%23ffffff%7C3px%2C1 px+solid+%23999999&amp;output=js"></script>

...pop it into your blog in the side bar...just above the following lines of script that show the blogger button

<br /><br <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
<br /><br <p id="blogfeeds"><$BlogFeedsVertical$></p>

b1caez01 08-06-2007 04:41 PM

Another two mysterious problem...
 
1. Bullets magically appear in front of links. I can't seem to find any ref's to them. What key word should I be looking for in my template?

2. The entire body content went "center" rather than align left between the last time I visited the page and the next. I can't find any "center" that should not be there. Any idea as to what to look for?

For the readers: I have discovered why my sidebar often looks larger then it should be when I am testing and mucking about on my test site...and the contents of the sidebar go all wonky... the footer size should match the body content size, or be a bit smaller; e.g. if body size is 800 the footer should be around 600 or maybe 400...any larger, and it will "push" the contents of the side bar off the page...this took ages to figure out! Once I tracked that down, all fell into place...

mhookem 08-07-2007 08:19 AM

Unordered Lists in HTML
 
Hello Al, for the bullets you should be looking at wether you have made an 'unordered list', the line usually starts with <ul>. For example:-

<ul>
<li>First item
<li>Second item
<li>Third item
</ul>

This will give you a bullet in front of each of the list items.

For your body content, check any 'align="center" attributes that you have used to make sure they have been inserted correctly and contained within the line that you want to set the attribute to. If you've missed a bit then you may have accidentally set the attribute to the whole 'body'.

And that's the disadvantage of 'inline css'!

You can set up CSS styles which be applies to certain sections of your page so as to avoid having to find where you've made an error.

Regards

Martin

b1caez01 08-18-2007 04:47 AM

Next issue...Preview mode to View mode
 
Bought myself an HTML coding book... "Teach Yourself Visually...HTML" as I am a visual learner, this should help a bit more...

Issue 1: I've spent ages on a particular code...all appears hunkey dorey in preview mode, even after I save the changes... But, when I go to "View" mode, where one sees the changes in the "real world" the changes to the template do not appear.

Issue 2: when viewed in Source View, from a fresh browser window, why is some of the code in different colours... e.g. the last bit of coding I did pops up in green [invisible], the colour of "stuff" that is not supposed to appear, as would be the case in <!---text---> ...it's near the bottom... I have no code like that beginning or ending my effort...as you can see below...

[Return Edit: blue is o.k., normal; red is not o.k., abnormal; and green does not appear in browser mode.]

<!----just mucking about below here------>

<br /><br <a href="http://drybonesblog.blogspot.com/"><img src="http://www.drybonesproject.com/newarchive/ShulSitAnm3.gif" align = "center" />
<a href="http://drybonesblog.blogspot.com/"><!img src="http://www.drybonesproject.com/blog/JwLogo3.gif" align = "center" />
<a href="http://drybonesblog.blogspot.com/">"The Dry Bones Blog"</a>
<br <em><b>THE SATIRICAL SIDE OF BEING JEWISH IN THE MIDDLE EAST</b><br />
<p><em><u> Monday to Friday </u><br />
<em> The stories behind the cartoons<br />
<em> A "new cartoon" every Monday, Wednesday, and Friday<br />
<em> And "golden oldies" every Tuesday and Thursday</em></b></p>

<!----just mucking about above here------>

[Return Edit: remove <!---> from before and after code...why? beats me, but it worked.]

Issue 3: I have also been receiving excellent help from "Valacar" who is part of the W3 Consortium at The W3C Markup Validation Service When I pop the code into their validator it shows three errors that may be so, but are not stopping the code from being "expressed" in the preview mode...

[Return Edit: apparently blogspot.com is using a forgivable code for their templates...i.e., if you make errors while playing in the sand box, it covers over and corrects your mistakes, with the next logical solution...darn clever!]

What do you think the problem might be with it not appearing in its final format on the actual site at MAD-LAB 1 ?

The only anomolie I can find is the [!] in <!img . I removed it [!] and the whole thing when wonkey! So, I put it back... It should not be there...very confusing!

EDIT: O.k., I've just gone back and deleted the <!----text------> commands...and everything now works. But there still remains the issue of why? Stuff between the <! and the > is not suppose to appear, yes, I know, but my code was not between those symbols...and yet the browser interpreted them as being so...

mhookem 08-22-2007 02:16 PM

Hello Al, kind of forgotten about your last post:thumb: .

Just wondering if you managed to resolve all or any of your problems?

Regards

Martin:boxing:

b1caez01 08-22-2007 03:19 PM

<!---message within should only be affected--->
 
From Al's Lab: MAD-LAB 1

Well, I think so...but I still have not resolved the issue of why the inserted code did not appear...see last edit part...in last message...

I think that I am using this bit <b /b> incorrectly... <b should be at the front and /b> should be at the end of the line of code! Duh, never noted that before... I've just been copy and pasting... So, I think I solved my own problem again...

But not the first bit...the disappearing act!

Otherwise, everything seems to be o.k.

Oh, I got politely reamed out be Valacar... I suppose with justification ...although I don't quiet understand the logic behind the "theft..." if one is being drawn to their site, and they thus reap the benefits. Nothing is in it for me. If I was getting some benefit, I would agree, even though I do not understand the concept of the "theft." Maybe you can explain this to me, and our readers.

I've been "building" [patching together] my own code by using downloaded Page Source codes and working from the "known" to the "unknown." Lots of deductive reasoning and smoke! Jumping between the PS and my template ...experimenting with what works and what does not ...therefore from wherever the codes come from, they are the carriers, I would think.

e.g. I made an inquiry of Valacar...then thought that I had resolved it on my own...but...
-------------------------------------------------------------------------
Valacar: worked out the problem...my I leave this on my side bar... If you check the page now, you'll see it on the Techie section...
<!----------------insert-------------------->
<div id="banner">
<h1 id="title">
<a href=" World Wide Web Consortium "><img alt="W3C" width="60" height="40" id="logo" src=" http://validator.w3.org/images/w3c.png" /></a>

<a href="./"><span>Markup Validation Service</span></a>
</h1>
<p id="tagline">Check the markup (HTML, XHTML) of Web documents at http://validator.w3.org/</p>
</div>
<!----------------insert-------------------->

Response: "There problem with that is you're stealing the bandwidth of the w3.org, so they're paying each time someone visits your site and views the image. You can read more about the problem of hotlinking here:

Bandwidth Stealing
What is Hotlinking? Bandwidth Theft? Stop Hotlinking and test your Hotlink Protection with our Hotlink Checker from altlab.com.

You would need to download the image, and upload it your site, so the image is hosted on blogspot. I would also condense that code to the following:

<div>
<a href="http://www.w3.org/ "><img alt="W3C" width="60" height="40" src="w3c.png " /></a>
</div>

<p>Check the markup (HTML, XHTML) of Web documents at http://validator.w3.org/</p>

And lastly, I would use another image. Try google image search:

w3c logo - Google Image Search "
--------------------------------------------------------------------------
MAD-LAB 1
TTFN...Al

Addendum: I think that I feel comfortable enough with state of the universe as it is... I'd like to start working on my background now...jazzing it up a bit...heading over to MySpace to see what their Source View looks like and what does what... TTYL...Al

William_Wilson 08-22-2007 06:24 PM

glad to hear things are going well, if you ever see something, but are unsure how it works, or how to implement it, feel free to ask. Although html is not "really" programming, javascript and others are, and coding is definitly what i love to do :)

b1caez01 08-23-2007 04:27 PM

What's up with this bandwidth theft?
 
I'm not too sure that I understand this business...this is how I do understand it, and I look forward to some corrections...and/or discussion.

1. putting a link on your page, that is just sitting there, inactive until someone taps it is not stealing bandwidth...
2. once the link is tapped and the site is visited...how is this any different then anyone just feeding the url into the search field and being taken directly to the site where all the images are located anyway?
3. an url is an open "invitation" to visit, or an open portal to communicate through. If someone does not want visitors then dont post urls, and don't go on the internet...you cannot have it both ways!
4. posting source-images is done for a reason, to direct the viewer to a site the blogger feels is worth the visit, for whatever reason... if visitors are not wanted, then reduce the "attractants" ...what's the point of all the bells and whistles of a site, if not to attract, be noticed, be memorable...
5. be thankful for the through-put...that is what your site advertisers pay you money for...and if you have folks netting extra traffic, that is just that much more in your paypal account...

William_Wilson 08-23-2007 04:39 PM

the only thing i see is that whenever your page is loaded, it contacts another site to get the image, thus using a little bandwidth. If there is enough traffic the loading of the icon can steal significant bandwidth without giving any traffic/credit to the owner of this icon.

you have to remember that once a site is popular they can charge a user for linking to their site. $75 a month is considered a fair deal, more is often paid. Without consent to host a link and/or image of another site/company is illegal if they should choose to push the issue. Often images and addresses are copyrighted.

b1caez01 08-24-2007 02:01 PM

Agreed...but...
 
Site A links to site B.

O.k., as a senior, "we" are plagued by "fuzzy" thinking-issues...and this is one of them, to be sure...for me... ;) Sorry, about digressing into a less then technical area...

I can see your point, and totally agree with what you say...I think...but...I also think that that would only hold true [the profit motive], if the "linker" was gaining from the link [to B] ...otherwise, I see it as a "service" to the linked-to site [B]; -to direct readers to that link owner's site [B]. There is no advantage one way or the other to the secondary site [A-mine for instance] for linking my site [A] back to another site [B] that would offer the reader an advantage, should he/she want to take advantage of it. Hosting an image is a one time issue at minimal size ...maybe 25kb or so...it's not as if the host site has to dig it up from somewhere, expend resources to remount it, and then rehost it everytime a link is made to it...the link-image is just "throughput" a "base," like in baseball.

For example, the SysChat logo, et al...I am gaining nothing from offering the link [from A to B] back to SysChat [B], but I feel the reader would gain tremendous "profit" from both its content and its dialoguing. It is to the reader's advantage to "visit" SysChat [B], not mine [A]. I gain nothing from it. Better to be referred to a site [B], then to just stumble upon it aimlessly without the benefit of a pre-clearing as to usefulness and worth...that's how adsense works...hits are profitable.

If I am wrong-thinking, then how?

This is one link, that only is activated, if activated, and only a hypothetical drain on resources when and if used.

Again, hypothetially, relatively few, if any, are going to put a SysChat [B] link, using a logo, on their blog [A], and a still smaller number would activate the link [tap on it], and a still smaller number would linger there [B]...and once linked, the use for the linked image is no longer needed, thus no more resource drain...which was only for a moment at best, to begin with...

mmmmmmmmm...a puzzle?

Maybe I am benefitting...they do "pretty up" a blog...all those images ;)

Now, all that being said, I totally agree with the "stealing" of bandwidth, or whatever, if a site [A] were offering another site's [B] contents up as a benefit to visiting site A.

A had B's logo on it, with the intent of "stealing" the content from B's site to enrich/benefit/profit A's site. That is all logical.

For example, if I was to offer up a link to a site [B]...SysChat...that would benefit my site [A] in any way, that would be dishonest... I would be making an indirect claim that the SysChat site [B] was part and parcel of a supposed service offered by my site [A]. False and wrong. I would be indirectly "forcing" the reader of my site, to visit an embedded link to a supposed resouce on site A, but really an independent resource, site B.

Clear? or still murky? This is, in malodorous terms, what, I believe, is called "spoofing;" if there is malicious intent for the linkage.

I won't belay this issue unless someone else wants to. My last word: I don't see any "theft," if nothing is gained from it...all the benefits accrue to the linked-to site [b]. With respect...I see it as a "service." And part of the cost of "doing business" on the internet, where everyone is in everyone else's backyard... ;)

P/S images can be "blocked" from all angles, forcing the viewer to have to capture images and thus host them on their own computer. They do not have to be redirected back to any other site in a "live" manner.

PP/S: this is a technical issue. Some of my upper case [B]'s (as it did just then) in the message prep level are coming out as lower case [b]'s in the saved level that goes to print. I've tried to edit, but to no avail.

b1caez01 10-01-2007 08:12 AM

The B/b mystery?
 
In my last message, lower case b's appeared in my on-line copy of the post, whereas upper-case B's were typed in... what's up?


All times are GMT -4. The time now is 05:05 PM.


Copyright © 2005-2013 SysChat.com


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54