Referers

by Shana, Fri 22nd Dec, 2006, in categories: Using Blogsome

This is the existing code in the index.html file just under the <body> tag:

{insert name="getreferer"}

For a more precise list of Referers, remove that code and place the following at the bottom of the index.html file as it can affect the margins:

<!-- WordPress Counter - Check the referers list in your backend! -->
<script type="text/javascript" language="JavaScript1.2" src="{$siteurl}/wp-counter.php"></script>
<noscript>
<img width='0' height='0' src="{$siteurl}/wp-counter.php?page=img&amp;loc={$smarty.server.SERVER_NAME}/{$smarty.server.REQUEST_URI}" alt="Stat Counter" border='0' />
</noscript>

Adding A ‘read more…’ Link

by Shana, Fri 22nd Dec, 2006, in categories: Using Blogsome

Note: the Post Template may vary from theme to theme.

Go to Manage, Files, scroll down and click on Posts.

Change {the_content} to {the_content more_link_text=”TEXT YOU WANT TO USE”}

Use <!–more–> in the post itself, for example after a paragraph of a post.

Managing Images

by Shana, Fri 22nd Dec, 2006, in categories: Images

If you have the WYSIWYG plug-in installed, you can use the ‘Insert An Image’ button to call up the Image Management tool. However, if you are logged into your blog, it is accessible with this link; http://yourblogname.blogsome.com/wp-admin/iimage-browser.php

Deleting Images

Click on an image, then click in the checkbox (Full size) to the right of the ‘Delete’ button, then click on the ‘Delete’ button.

Creating a Page

by Shana, Fri 22nd Dec, 2006, in categories: Using Blogsome

Pages do not use the post.html file, so you need to take the necessary code from that file before creating a page to ensure it looks the same as the blog posts. Or you can style it seperately from the design of your blog.

Please note, this example was created with the WYSIWYG plugin de-activated. If you prefer to use the plugin, then you will need to click on the HTML tag on the toolbar.

Go to Manage, Files, scroll down and click on Posts

From this template you need the code that defines the layout of your posts (which may vary from template to template). You don’t need date, category, feedback, in this example, just the following tags adding closing divs:

<div class="post">
<h3 class="storytitle"></h3>
<div class="storycontent">
</div>
</div>

Creating The Page

When you create a page, although there is a box for Page Title at the top, this is for the link to the page, it will not show as the title on the page.

Copy the code derived from the Posts template, and add <p></p> tags for the text of the page, as below. You can either define paragraphs by using <p></p> or <br /> tags.

Creating a Site Map

by Shana, Fri 22nd Dec, 2006, in categories: Using Blogsome

This post has been slightly rewritten. For the latest version, go to How to Create a Site Map.

In the main index.html file, under the {$content} tag, add the following code:

{if $smarty.server.REQUEST_URI == '/sitemap'}
<ul>{wp_list_pages}</ul>
<h2>Categories</h2>
<ul>{list_cats optionall='1' all='All' sort_column='name' optioncount='0' children='0' hierarchical='1'}</ul>
<h2>Posts</h2>
<ul>{get_archives type='postbypost' limit='' format='html'}</ul>
{/if}

Create a page called sitemap and add the following to the ‘Page Content’ section:

<h3 class="storytitle">SiteMap</h3>

Check the above code matches that in your posts template. In your stylesheet, add the following, changing where necessary to suit your blog design:

/* sitemap styles */
#content h2 {
margin: 0px 0px 5px 0px;
font: bold 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
padding: 0;
color: #8D513D;
}
#content ul {
margin: 5px 0 10px 0;
padding: 0;
}
#content li {
list-style-type: none;
margin: 0;
padding: 0 0 0 5px;
}
li#pagenav {
margin: 0;
font: bold 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
padding: 0;
color: #8D513D;
}
#content li a{
margin: 0;
padding: 0;
font: 0.95em Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #D1790C;
}
#content li a:visited {
margin: 0;
padding: 0;
font: 0.95em Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #999;
text-decoration: none;
}
#content li a:hover {
margin: 0;
padding: 0;
font: 0.95em Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #94593B;
text-decoration: underline;
}

The URI for your sitemap will be; http://yourblog.blogsome.com/sitemap

Writing a Post

by Shana, Thu 21st Dec, 2006, in categories: Using Blogsome

Quicktags

When using Quicktags, if you select the word or sentence you want to apply the tag to before clicking on the Quicktag, then it applies both the opening and closing tag. If you click before the word or sentence, then on a Quicktag, you need to click where you want the Quicktag to end and click on the Quicktag again or ‘Close Tags’.

There is also a WYSIWYG Tool Bar, which has been known to cause glitches in posts and although I never use it, I hope to provide information on it at a later date.

TAG: CREATES:
< &lt; (click on ‘close tags’ for &gt; > )
for use with non-executable ‘html code’ in <code></code> tags
b <strong></strong> tags for strong (bold) text
i <em></em> tags for italic text
link <a href="http://website.com"></a> tags for hyperlinks
b-quote <blockquote></blockquote> tags to distinguish quoted or cited text
abbr <abbr></abbr> tags for abbreviations, usage: <abbr title="World Wide Web">WWW</abbr> Amend code as follows to use in IE: <html:abbr title="World Wide Web">WWW</html:abbr>
acronym <acronym></acronym> tags to define the start of an acronym, usage: <acronym title="Cascading Style Sheets">CSS</acronym>
del <del></del> tags to label text considered deleted from a post, ie deleted text
ins <ins></ins> tags to label text considered inserted into a post, ie inserted text
img When you click on the ‘img’ tag a pop-up box appears, paste or type the address of the image in, click ok, then enter a description, click ok to get this code:
<img src="/images/image.gif" alt="image" />
ul <ul></ul> tags for unordered lists
ol <ol></ol> tags for numbered lists
li <li></li> tags for list items, used with <ul>, <ol> tags
code <code></code> tags for preformatted styling of text
more <!–more–> used to create a ‘read more’ link in posts, for example after a paragraph of a post.
lookup dictionary lookup, opens a pop-up window
Close Tags Closes any open tags, make sure the cursor is at the end of the word or sentence first, it does not automatically close tags in the correct place

Logging In

by Shana, Thu 21st Dec, 2006, in categories: Using Blogsome

Not all themes have the log in link on the front page, so to log in, use this link;

http://yourblogname.blogsome.com/wp-login.php

To put a log in link on the front page, add the following code to your Main Page template:

<a href="{$siteurl}/wp-login.php">login</a>

If you want people to be able to register and post on your blog, add the following code to your Main Page template:

<a href="{$siteurl}/wp-register.php">register</a>

Dashboard

by Shana, Thu 21st Dec, 2006, in categories: Using Blogsome

Write:

Write Post Create new posts
Write Page Create/write new pages

Manage:

Posts View, edit, delete, search posts
Pages View, edit, delete pages
Categories Edit, delete, add post categories (not link categories)
Comments View, edit, search comments
Referers View, manage list of visitors to your blog
Awaiting Moderation Comments awaiting approval
Files View, edit the template files, mainpage, stylesheet etc. Before altering any file, it is advisable to take a back-up and save it to your hard drive
Themes Choose your blog theme
Hacks Add CAPTCHA code to your comments

Links:

Manage Links View, edit links
Add Link Add links!
Link Categories View, edit, add link categories (not post categories)
Import Links Import blogroll links

Users:

Your Profile View, edit your personal details, ie Nickname displayed in posts, change password
Authors & Users View, add authors, users

Options:

General Weblog title, tagline, e-mail address, membership options, date & time format
Writing Settings for writing a post, controls, size of writing box and default post category
Reading Number of posts to show on front page, settings for syndication feeds
Discussion Settings for articles, ie allow comments. E-mail notifications of comments, comment authorisation and moderation
Miscellaneous File upload permissions, track links etc.
Delete Entire Blog Don’t touch!

Plugins

Plugin Management View plugin settings

Upload

Upload jpg, jpeg, gif, png images can be uploaded here, make sure to take a note of the URI given for the image if you are going to add it to a post.

Logout

Logout End of session!