Madinat al-Muslimeen Islamic Message Board

A R C H I V E S

guestbook in blog?

Madina Archives


Madinat al-Muslimeen Islamic Message Board

guestbook in blog?
timbuktu
09/17/04 at 22:01:41
[slm] can any of you techies guide me as to how i can get a link to my UltraGuest.com guestbook on my blog.

http://www.ultraguest.com/?id=1095343959

http://timbuktu58.blogspot.com/

It says in the UltraGuest Help to use this code:

[<a href="http://www.ultraguest.com/?id=1095343959">View Guestbook</a>]
[<a href="http://www.ultraguest.com/?id=1095343959&sign=1">Sign Guestbook</a>]

exactly where do I paste this code?

dumb, ain't I? but really, where does this code go?

and do I have to make any copies of some files before attempting to make these change?

help will be highly appreciated
09/18/04 at 05:19:36
timbuktu
Re: guestbook in blog?
timbuktu
09/18/04 at 23:15:48
[slm]

I thought I will write out the code for the template in my blog, and then hopefully someone will explain where I have to put the code for the add-ons. It is all Greek to me. I thought I had figured it out, by looking at the code for Sitemeter given near the very end of this post., but my efforts have not borne fruit. Instead I get syntax error.

OK here is ze code for the template, below the horizontal line:
______________________________________________________________________

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
 <title><$BlogPageTitle$></title>

 <$BlogMetaData$>

 <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
----------------------------------------------- */


body {
 background:#aba;
 margin:0;
 padding:20px 10px;
 text-align:center;
 font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
 color:#333;
 font-size/* */:/**/small;
 font-size: /**/small;
 }


/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the
  following widths and measurements. If you want to change
  these measurements, the images will also need to change.
  */
#content {
 width:740px;
 margin:0 auto;
 text-align:left;
 }
#main {
 width:485px;
 float:left;
 background:#fff url("http://www.blogblog.com/rounders/corners_main_bot.gif") no-repeat left bottom;
 margin:15px 0 0;
 padding:0 0 10px;
 color:#000;
 font-size:97%;
 line-height:1.5em;
 }
#main2 {
 float:left;
 width:100%;
 background:url("http://www.blogblog.com/rounders/corners_main_top.gif") no-repeat left top;
 padding:10px 0 0;
 }
#main3 {
 background:url("http://www.blogblog.com/rounders/rails_main.gif") repeat-y;
 padding:0;
 }
#sidebar {
 width:240px;
 float:right;
 margin:15px 0 0;
 font-size:97%;
 line-height:1.5em;
 }


/* Links
----------------------------------------------- */
a:link {
 color:#258;
 }
a:visited {
 color:#666;
 }
a:hover {
 color:#c63;
 }
a img {
 border-width:0;
 }


/* Blog Header
----------------------------------------------- */
#header {
 background:#456 url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top;
 margin:0 0 0;
 padding:8px 0 0;
 color:#fff;
 }
#header div {
 background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom;
 padding:0 15px 8px;
 }
#blog-title {
 margin:0;
 padding:10px 30px 5px;
 font-size:200%;
 line-height:1.2em;
 }
#blog-title a {
 text-decoration:none;
 color:#fff;
 }
#description {
 margin:0;
 padding:5px 30px 10px;
 font-size:94%;
 line-height:1.5em;
 }


/* Posts
----------------------------------------------- */
.date-header {
 margin:0 28px 0 43px;
 font-size:85%;
 line-height:2em;
 text-transform:uppercase;
 letter-spacing:.2em;
 color:#357;
 }
.post {
 margin:.3em 0 25px;
 padding:0 13px;
 border:1px dotted #bbb;
 border-width:1px 0;
 }
.post-title {
 margin:0;
 font-size:135%;
 line-height:1.5em;
 background:url("http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5em;
 display:block;
 border:1px dotted #bbb;
 border-width:0 1px 1px;
 padding:2px 14px 2px 29px;
 color:#333;
 }
a.title-link, .post-title strong {
 text-decoration:none;
 display:block;
 }
a.title-link:hover {
 background-color:#ded;
 color:#000;
 }
.post-body {
 border:1px dotted #bbb;
 border-width:0 1px 1px;
 border-bottom-color:#fff;
 padding:10px 14px 1px 29px;
 }
html>body .post-body {
 border-bottom-width:0;
 }
.post p {
 margin:0 0 .75em;
 }
p.post-footer {
 background:#ded;
 margin:0;
 padding:2px 14px 2px 29px;
 border:1px dotted #bbb;
 border-width:1px;
 border-bottom:1px solid #eee;
 font-size:100%;
 line-height:1.5em;
 color:#666;
 text-align:right;
 }
html>body p.post-footer {
 border-bottom-color:transparent;
 }
p.post-footer em {
 display:block;
 float:left;
 text-align:left;
 font-style:normal;
 }
a.comment-link {
 /* IE5.0/Win doesn't apply padding to inline elements,
    so we hide these two declarations from it */
 background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;
 padding-left:14px;
 }
html>body a.comment-link {
 /* Respecified, for IE5/Mac's benefit */
 background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;
 padding-left:14px;
 }
.post img {
 margin:0 0 5px 0;
 padding:4px;
 border:1px solid #ccc;
 }
blockquote {
 margin:.75em 0;
 border:1px dotted #ccc;
 border-width:1px 0;
 padding:5px 15px;
 color:#666;
 }
.post blockquote p {
 margin:.5em 0;
 }


/* Comments
----------------------------------------------- */
#comments {
 margin:-25px 13px 0;
 border:1px dotted #ccc;
 border-width:0 1px 1px;
 padding:20px 0 15px 0;
 }
#comments h4 {
 margin:0 0 10px;
 padding:0 14px 2px 29px;
 border-bottom:1px dotted #ccc;
 font-size:120%;
 line-height:1.4em;
 color:#333;
 }
#comments-block {
 margin:0 15px 0 9px;
 }
.comment-data {
 background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3em;
 margin:.5em 0;
 padding:0 0 0 20px;
 color:#666;
 }
.comment-poster {
 font-weight:bold;
 }
.comment-body {
 margin:0 0 1.25em;
 padding:0 0 0 20px;
 }
.comment-body p {
 margin:0 0 .5em;
 }
.comment-timestamp {
 margin:0 0 .5em;
 padding:0 0 .75em 20px;
 color:#666;
 }
.comment-timestamp a:link {
 color:#666;
 }
.deleted-comment {
 font-style:italic;
 color:gray;
 }


/* Profile
----------------------------------------------- */
#profile-container {
 background:#cdc url("http://www.blogblog.com/rounders/corners_prof_bot.gif") no-repeat left bottom;
 margin:0 0 15px;
 padding:0 0 10px;
 color:#345;
 }
#profile-container h2 {
 background:url("http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat left top;
 padding:10px 15px .2em;
 margin:0;
 border-width:0;
 font-size:115%;
 line-height:1.5em;
 color:#234;
 }
.profile-datablock {
 margin:0 15px .5em;
 border-top:1px dotted #aba;
 padding-top:8px;
 }
.profile-img {display:inline;}
.profile-img img {
 float:left;
 margin:0 10px 5px 0;
 border:4px solid #fff;
 }
.profile-data strong {
 display:block;
 }
#profile-container p {
 margin:0 15px .5em;
 }
#profile-container .profile-textblock {
 clear:left;
 }
#profile-container a {
 color:#258;
 }
.profile-link a {
 background:url("http://www.blogblog.com/rounders/icon_profile.gif") no-repeat 0 .1em;
 padding-left:15px;
 font-weight:bold;
 }
ul.profile-datablock {
 list-style-type:none;
 }


/* Sidebar Boxes
----------------------------------------------- */
.box {
 background:#fff url("http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat left top;
 margin:0 0 15px;
 padding:10px 0 0;
 color:#666;
 }
.box2 {
 background:url("http://www.blogblog.com/rounders/corners_side_bot.gif") no-repeat left bottom;
 padding:0 13px 8px;
 }
.sidebar-title {
 margin:0;
 padding:0 0 .2em;
 border-bottom:1px dotted #9b9;
 font-size:115%;
 line-height:1.5em;
 color:#333;
 }
.box ul {
 margin:.5em 0 1.25em;
 padding:0 0px;
 list-style:none;
 }
.box ul li {
 background:url("http://www.blogblog.com/rounders/icon_arrow_sm.gif") no-repeat 2px .25em;
 margin:0;
 padding:0 0 3px 16px;
 margin-bottom:3px;
 border-bottom:1px dotted #eee;
 line-height:1.4em;
 }
.box p {
 margin:0 0 .6em;
 }


/* Footer
----------------------------------------------- */
#footer {
 clear:both;
 margin:0;
 padding:15px 0 0;
 }
#footer div {
 background:#456 url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top;
 padding:8px 0 0;
 color:#fff;
 }
#footer div div {
 background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom;
 padding:0 15px 8px;
 }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#fff;}
 </style>


</head>



<body>



<!-- Begin #content - Centers all content and provides edges for floated columns -->

<div id="content">



<!-- Blog Header -->

<div id="header"><div>

 <h1 id="blog-title">
   <ItemPage><a href="<$BlogURL$>"></ItemPage>
     <$BlogTitle$>
     <ItemPage></a></ItemPage>
 </h1>
 <p id="description"><$BlogDescription$></p>

</div></div>





<!-- Begin #main - Contains main-column blog content -->

<div id="main"><div id="main2"><div id="main3">

<Blogger>

   <BlogDateHeader>
 <h2 class="date-header"><$BlogDateHeaderDate$></h2>
 </BlogDateHeader>

        <!-- Begin .post -->

 <div class="post"><a name="<$BlogItemNumber$>"></a>

    <BlogItemTitle>
      <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"></BlogItemUrl>
   <h3 class="post-title">
      <$BlogItemTitle$>
   </h3>
      <BlogItemUrl></a></BlogItemUrl>
   </BlogItemTitle>

        <div class="post-body">

         <p>
     <$BlogItemBody$>
   </p>

       </div>

       <p class="post-footer">

     <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em> &nbsp;
     <BlogItemCommentsEnabled>
        <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
     </BlogItemCommentsEnabled> <$BlogItemControl$>
   </p>

   </div>

 <!-- End .post -->

       <!-- Begin #comments -->
<ItemPage>

 <div id="comments">

     <BlogItemCommentsEnabled><a name="comments"></a>

       <h4><$BlogItemCommentCount$> Comments:</h4>

       <dl id="comments-block">
     <BlogItemComments>

     <dt class="comment-data" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>

       At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,

       <$BlogCommentAuthor$> said...

     </dt>

     <dd class="comment-body">

       <p><$BlogCommentBody$></p>
       <$BlogCommentDeleteIcon$>

     </dd>

       </BlogItemComments>

   </dl>
           <p class="comment-data">
   <$BlogItemCreate$>
   </p>

   </BlogItemCommentsEnabled>
           <p style="padding-left:20px;">
     <a href="<$BlogURL$>"><< Home</a>
   </p>
   </div>

</ItemPage>

 <!-- End #comments -->

</Blogger>



</div></div></div>

<!-- End #main -->









<!-- Begin #sidebar -->

<div id="sidebar">

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

  <$BlogMemberProfile$>

 <!-- End #profile -->



   <!-- Begin .box -->

 <div class="box"><div class="box2"><div class="box3">

     <h2 class="sidebar-title">Previous Posts</h2>
   <ul id="recently">
   <BloggerPreviousItems>
       <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
    </BloggerPreviousItems>
 </ul>

   <MainOrArchivePage>
 <h2 class="sidebar-title">Archives</h2>
   <ul class="archive-list">
         <BloggerArchives>
         <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
       </BloggerArchives>
     <ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>

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

       <!--

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

   -->

   </div></div></div>

 <!-- End .box -->




</div>

<!-- End #sidebar -->









<!-- Begin #footer -->

<div id="footer"><div><div><hr />



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



</div></div></div>

<!-- End #footer -->








</div>

<!-- End #content -->



<!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" -->
<script type="text/javascript" language="JavaScript"></script>
<script type="text/javascript" language="JavaScript">var site="s15timbuktu"</script>
<script type="text/javascript" language="JavaScript1.2" src="http://s15.sitemeter.com/js/counter.js?site=s15timbuktu">
</script>
<noscript>
<a href="http://s15.sitemeter.com/stats.asp?site=s15timbuktu" target="_top">
<img src="http://s15.sitemeter.com/meter.asp?site=s15timbuktu" alt="Site Meter" border="0"/></a>
</noscript>
</script>
<!--WEBBOT bot="HTMLMarkup" Endspan -->
</body>

</html>
_____________________________________________________________________

Re: guestbook in blog?
jannah
09/19/04 at 02:54:43
wlm,

try to put that code they gave you right before:    <!-- End #comments -->

move it around in the code and see where it shows up on your page, then you can decide on the best place to put it and stick it there
Re: guestbook in blog?
timbuktu
09/19/04 at 04:31:17
[slm]

thanks jannah. It worked, after many attempts, in which the computer told me it could not find the server, or the page had been moved.

probably to do with the Blogger or guestbook servers or programs.

anyway, it is working fine now.

It appears right at the end of every post. For the moment, I will leave it there.

Have a Bebzi, or better still, have a bar of chocolate. I keep a stock in my fridge. :)
09/19/04 at 07:17:42
timbuktu


Madinat al-Muslimeen Islamic Message Board
A R C H I V E S

Individual posts do not necessarily reflect the views of Jannah.org, Islam, or all Muslims. All trademarks and copyrights on this page are owned by their respective owners. Comments are owned by the poster and may not be used without consent of the author.
The rest © Jannah.Org