Yahoo
Status Box:
To get
a box on your site that shows your Yahoo Instant Messenger status
and some profile information, use the following code:
<table
width="200" border="1" cellspacing="0"
bordercolor="#000000">
<tr> <td height="125" bgcolor="#EADF93">
<div align="center"><font face=Geneva size=2>
<b><font face="Geneva, Arial, Helvetica, san-serif">YOUR
NAME HERE<br>
yahoo id: YAHOO ID HERE</font></b><br><br>
<font face="Geneva, Arial, Helvetica, san-serif"><a
href="http://edit.yahoo.com/config/send_webmesg?.target=[your_yahoo_id]&.src=pg">
<img border=2 src="http://opi.yahoo.com/online?u=[your_yahoo_id]&m=g&t=2"></a><br>
<a href="http://www.yoursite.com"> HOME</a><br>
<a href="http://yourblog.blogspot.com">BLOG</a></font></font></div>
</td> </tr> </table>
Edit
the Name, ID, and the username in the brackets. Feel free to edit
the web links or eliminate them. I have done the background in yellow,
with a black border, but you can change the table to any color or
size you like without spoiling the code. Your box will look like
mine, shown below:
Big
Font Trick:
If
you want a big font aligned with text, use this script. Notice the
letter you want blown up is before this section, in front of the
/SPAN tag. Everything else goes here. Cut and copy it from below:
<p
style="text-align:justify;"> <span style="float:left;font-size:100px;line-height:80px;padding-top:1px;padding-right:5px;font-family:
geneva;">I</span>f you want a big font aligned with
text, use this script. Notice the letter you want blown up is before
this section, in front of the /SPAN tag. Everything else goes here.
Cut and copy it from below:
</p>
Image
Float Beside Text:
MAX SAYS HI
The paragraph you want to align beside the image goes here. This
particular looks is fantastic if you want to do a book review. Put
the small image of the cover on the right. You can either change
the caption below or delete it.
Everything
else in the article would go here...
COPY
CODE:
<p
style="width:125px;float:left;color:white;font-weight:bold;"><img
src="maxhelp.jpg">
<br>MAX SAYS HI</p>
<p style="text-align:justify;"> The paragraph you
want to align
beside the image goes here. This particular looks is fantastic
if you want to do a book review. Put the small image of the cover
on the right. You can either change the caption below or delete
it.</p>
Everything else in the article would go here...
<div style="clear:both;"></div>
Funky
Side Text Trick:
this effect
looks really similar to the magazine look in the old New
Yorker
Just
put all the text you want in the main, normal looking bit in here.
Play with font, color, layout. You will want to use the "preview
html" feature in blogger to get it right, but the look is very nice!
Code
Below:
<div
style="float:right;height:6em;width:150px;margin-top:10px;margin-bottom:10px;margin-left:10px;font-family:
Arial,Helvetica,Georgia;font-size:22px;line-height:18px;color:grey;text-align:
right;">
<span style="color: silver;">this effect </span>
looks really similar <b> to the magazine look</b> in
the old <span style="color: white;">New Yorker</span>
</div><p style="text-align: justify;">
Just put all the text you want in the main, normal looking bit in
here. Play with font, color, layout. You will want to use the "preview
html" feature in blogger to get it right, but the look is very
nice!
</p>
<div style="clear:both;"></div>
Funky
Side Text Box:
A nice alternative,
this provides a box beside your text.
Easier
to format and much more streamlined, this pull quote style (by way
of Mandarin Design) is a larger cut and paste, but it is actually
simpler to fiddle with since the alignment doesn't throw things
off as easily. Less touchy, persnickity, and tweak-demanding. You
simply fill in the text above for your boxed quote, then type anything
else here. You can tinker around with font size, colors, and margins
to change the overall look for which you are going.
Copy
the CODE below. Please note that the space shows where your box
code (top) and main text code (bottom) are:
<span
style="float:right;width:130px;margin-top:5px;margin-left:5px;margin-right:5px;padding:10px;border:1px
solid black;background:#CCCCCC;color:black;font-size:14px;">
A nice alternative, this provides a box beside your text.
</span>
<p>Easier
to format and much more streamlined, this pull quote style (by
way of Mandarin Design) is a larger cut and paste, but it is actually
simpler to fiddle with since the alignment doesn't throw things
off as easily.
Less touchy, persnickity, and tweak-demanding. You simply fill
in the text above for your boxed quote, then type anything else
here. You can tinker around with font size, colors, and margins
to change the overall look for which you are going. </p>
<div style="clear:both;"><br></div>
Basic
Blog Code:
Basic
Blog Body/Post Code:
The
code needed to generate a blog post (what you would need to put
in the BODY area-- where your posts go--) is below:
<blogger>
<p> <blogdateheader><a name="<$BlogItemNumber$>"></a><b><$BlogDateHeaderDate$></b><br>
</blogdateheader>
<p><$BlogItemBody$> <br>
<a href="mailto:type_your_email_here"><$BlogItemAuthor$></a>
at <a href="<$BlogItemArchiveFileName$>#<$BlogItemNumber$>"
onMouseOver="window.status='permanant link '; return true"
onMouseOut="window.status=''; return true"><$BlogItemDateTime$></a>
</p> </blogger>
Basic
"Previous" Posts Code:
You
may want a list of "recent articles" or posts rather than
the standard archive. If you want to show a list of recent posts
(usually in the sidebar) the basic code looks like this:
<BloggerPreviousItems>
<a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$>
</a><br />
</BloggerPreviousItems>
Basic
Archives (Monthly) Code:
Prefer
to see a monthly archive? The standard archive code, which will
list links by month, is below:
<BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives>
Log-In
Form:
I
have gotten BUCKETS of requests from users who've spotted the "ADMIN"
login form on my blogs. It's a simple form that you can copy and
paste anywhere (sidebar works best, or anywhere you'd put links,
ads, etc) for a quick way to log in to your blogger account. THE
PASSWORD IS NOT IN THE SCRIPT, so it's safe. Only your UserName
is included, and most of us use the same username and blogtitle.
You need to edit the font if you desire, Give it a name (I have
used "Log-In" here, and change the place where it says
YOUR_USERNAME_GOES_HERE to your username. Paste this into your blog
and you'll see a form with a login window. Type in your password
and click-- VOILA!-- you're at the dashboard.
<form
action="http://www.blogger.com/login.do" method="post"name="login"
target="_parent">
<p align="center"><font color="#ffffff"
face="Geneva, Arial, Helvetica, san-serif" size="3"><b><font
color="#000000">Log-In:</font></b></font><font
face="Geneva, Arial, Helvetica, san-serif" size="2"><br>
<input type="hidden" name="destination" value="/home">
<input type="hidden" name="username" value="YOUR_USERNAME_GOES_HERE"tabindex="1"
id="username" class="text">
<input type="password" name="password" tabindex="2"size="10"
maxlength="50" id="passwrd"class="text">
<br>
<input type="submit" class="siteprimary"value="Log-In"
tabindex="4" name="submit">
</font></p>
</form>
Blogger
Tags Comprehensive List:
<$BlogOwnerFirstName$>
<$BlogOwnerLastName$>
<$BlogOwnerEmail$>
<$BlogOwnerFullName$>
<$BlogOwnerPhotoUrl$>
<$BlogOwnerNickname$>
<$BlogOwnerLocation$>
<$BlogOwnerAboutMe$>
<$BlogOwnerProfileURL$>
<Blogger>
<BlogDateHeader>
<$BlogDateHeaderDate$>
</BlogDateHeader>
<BlogItemTitle>
<BlogItemURL>
<a href="<$BlogItemURL$>">
</BlogItemURL>
<$BlogItemTitle$></a>
</BlogItemTitle>
<BlogItemTitle>
<$BlogItemTitle$>
</BlogItemTitle>
<$BlogItemBody$>
<$BlogItemAuthor$>
<$BlogItemAuthorNickname$>
<$BlogItemAuthorEmail$>
<$BlogItemAuthorURL$>
<$BlogItemDateTime$>
<$BlogItemNumber$>
<$BlogItemArchiveFileName$>
<$BlogItemPermalinkURL$>
<$BlogItemControl$>
<BlogDateFooter>
</BlogDateFooter>
</Blogger>
<BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives>
<MainPage></MainPage>
<ArchivePage></ArchivePage>
<ItemPage></ItemPage>
<MainOrArchivePage></MainOrArchivePage>
<BloggerPreviousItems>
<a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$>
</a><br />
</BloggerPreviousItems>
<BlogItemCommentsEnabled>
<$BlogItemCommentCount$>
<$BlogItemCommentCreate$>
<$BlogItemCommentFormOnClick$>
<BlogItemComments>
<a name="<$BlogCommentNumber$>"></a>
<$BlogCommentBody$>
<$BlogCommentPermalinkURL$>
<$BlogCommentAuthor$>
<$BlogCommentDateTime$>
<$BlogCommentDeleteIcon$>
<$BlogItemCreate$>
</BlogItemComments>
</BlogItemCommentsEnabled>
