Help:Editing

The SiteHoppin Wiki Editing Guide

You can refer to our Help Guide here or you can also refer to Wikipedia's editing guide for more details on how to edit a wiki page.

You can add RSS Feed for this page to your Firefox browser or any other feed reader so you can reference it quickly while editing your pages.

How do I make those orange boxes?

Use the following format:

<div class="orangebox">
Content here....
</div>

You can use this as many time as you want to separate your content with nice orange boxes. (rounded boxes in Firefox!)

Just don't forget to add the </div> at end of every orange box, otherwise your page will look a little screwed up.

How do I add an Entrecard widget?

Use the following format and replace the id with your Entrecard id and you can change the size too if you want:

<entrecard id="3315" size="127"></entrecard>

Example:

How do I add a Beer widget?

Use the following format and replace the id with your Beer Widget id and you can change the size too if you want:

<beerwidget id="1"></beerwidget>

Example:

How do I put Entrecard Widget and Beer Widget side by side?

Use the following format:

{|
|<entrecard id="3315" size="127"></entrecard>
|<beerwidget id="1"></beerwidget>
|}

Example:

You can also center it like this:

<center>
{|
|<entrecard id="3315" size="127"></entrecard>
|<beerwidget id="1"></beerwidget>
|}
</center>

Example:

How do I embed another website or webpage to my page?

You can easily embed another website using the websiteFrame tag:

You can play with the height, width, border, and scroll variables.

*Note: If you are editing a Beer Stock Page, you can also use our "widgets" and simply enter your URL there. Refer to our Beer Stock Widget Guide here.

<websiteFrame>
website=http://google.com
height=200
width=735
border=1
scroll=no
</websiteFrame>

You can make the width larger than 735 if you your webpage width is bigger. Try something like 1024.

Check out the results:

How do I embed a Youtube video?

Here's how you can Embed a Youtube video:

First, get the embed code:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/OQL4fLHFUe4"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/OQL4fLHFUe4" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Get this section: http://www.youtube.com/v/OQL4fLHFUe4

then paste it something like this:

<websiteFrame>
website=http://www.youtube.com/v/OQL4fLHFUe4
height=510
width=670
border=0
scroll=no
</websiteFrame>

You will end up with this:

How do I embed a MetaCafe video?

Here's how you can embed a MetaCafe video:

First, get the embed code:

<embed src="http://www.metacafe.com/fplayer/823737/howto_practice_with_1_golf_ball.swf" width="400" height="345" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"> </embed><br><font size = 1><a href="http://www.metacafe.com/watch/823737/howto_practice_with_1_golf_ball/">HOWTO Practice With 1 Golf Ball</a> - <a href="http://www.metacafe.com/">The most popular videos are here</a></font>

Get this section: http://www.metacafe.com/fplayer/823737/howto_practice_with_1_golf_ball.swf

then paste it something like this:

<websiteFrame>
website=http://www.metacafe.com/fplayer/823737/howto_practice_with_1_golf_ball.swf
height=510
width=670
border=0
scroll=no
</websiteFrame>

You will end up with this:

How do I add images to my page?

You can use the following syntax or press on the image button:

[[Image:MyPicture.jpg]]

The image button looks like this:

Save the page then when you go back to your page, you will be able to click on your image link and upload a new image file. Make sure the file extension matches your actual image.

e.g.

[[Image:MyPicture.jpg]] for jpeg

[[Image:MyPicture.gif]] for gif

[[Image:MyPicture.png]] for png

Linking your external image to a page

Let's say you want to load the Logo image from SiteHoppin.com and Link it to the Beer page:

The code:

{{clickpic|Beer| http://sitehoppin.com/buttons/gositehoppin.gif}}

The result:

Linking your external image to a URL

Here's an example that links Logo image from Zedomax.com to URL http://Zedomax.com:

The code:

[http://zedomax.com http://zedomax.com/image/logo.jpg]

The result:

How do I get rid of the arrow?

You can put the following code around your image:

<span class="plainlinks">[http://zedomax.com http://zedomax.com/image/logo.jpg]</span>

The result:

How do I resize the size of my images?

Let's say you want to re-size the image to 50 by 50 pixels.

You can do:

[[Image:MyPicture.jpg| 50x50px]]

Here's what you'd get after you uploaded the picture:

Check out Wikipedia's Extended Image syntax for more advanced methods.

How do I put multiple images in a row?

You can use tables to separate the columns like this

Code:

{| width="100%" cellpadding="0" cellspacing="0" style="vertical-align:top; background: #f7f7f7; text-align:center;"
|-
|<span class="plainlinks">[http://zedomax.com http://zedomax.com/image/logo.jpg]</span>
|<span class="plainlinks">[http://zedomax.com http://zedomax.com/image/logo.jpg]</span>
|<span class="plainlinks">[http://zedomax.com http://zedomax.com/image/logo.jpg]</span>
|-
|}

The result:

How do I add tables to my page?

Here's a simple table you can make:

Code:

{|
|+ The table's caption
! Column heading 1 !! Column heading 2 !! Column heading 3
|-
! Row heading 1
| Cell 2 || Cell 3
|-
! Row heading A
|Cell B
|Cell C
|}

The result:

For more info, refer to the Advanced Guide here.

I own multiple Beer Stock Pages, how do I link them?

You can link from one page to another simply using 2 brackets like this:

[[Business]]

Here's the result:

Business

If you want another phrase but linked to the same page do this:

[[Business|Cool Business Page]]

Here's the result:

Cool Business Page

Using this method, you can inter-link all your pages and increase the SEO value of your pages.

How do I make new Table of Contents?

You can start by adding == characters to the sides of your titles.

You can also do deeper contents simply by adding a =.

Once you have 2 or more levels, the Table of Contents is generated automatically at the top of your page.

Here's an example so you get it:

==My Table==

blah blah blah

===Red Table===

blah blah blah

====Red Legs====

blah blah blah

===Blue Table===

blah blah blah

====Blue Legs====

blah blah blah

==My Desk==

blah blah blah

Try copying and pasting the above into your page(s) and play around with it.

How do I add my Tags to my Beer Stock page?

You can add relevant Tags to your Beer Stock Pages so you will benefit from extra traffic when people are hoppin' for a certain tag.

For example, you can add your Beer Stock Page to be hopped by "Beer" Tag Hoppers by adding the following code to your page:

[[Category:Beer]]

How do I RSS Feeds to my page?

If you have a blog or website with RSS Feed, you can easily bring up your posts on your page.

How to add only the title names of your RSS Feed

Here's the code for grabbing the latest 5 posts from our Blog.

<rss>http://sitehoppin.com/blog/feed/ |charset=UTF-8|short|max=5</rss>

Result:

SiteHoppin Blog - The Web 2.5 Food and Drink Blog

• Happy July 4th!
• Random Rants
• Beer Belly Drinking Strap!
• How to Make Spaghetti and Spaghetti Sauce from Scratch!
• DIY - How to Make Great Spaghetti!

How to add only the title and brief descriptions of your RSS Feed

Here's the code for grabbing the latest 5 posts with brief description from http://sitehoppin.com/blog.

<rss>http://sitehoppin.com/blog/feed/ |charset=UTF-8|max=5</rss>

Result:

SiteHoppin Blog - The Web 2.5 Food and Drink Blog

Happy July 4th!

Happy July 4th everybody!

Random Rants

Download latest version of Flash to view video!. Click Here to View in Full Screen Mode

Beer Belly Drinking Strap!

Hey, who needs a beer belly? The Beerbelly comes with the sling, and the bladder. The sling is designed to fit up users up to 6?8? and up to a 40? waist. Made of neoprene, the sling insulates and feels like skin to the touch under your clothes. The bladder holds up to 80oz. of your [...]

How to Make Spaghetti and Spaghetti Sauce from Scratch!

Download latest version of Flash to view video!. Click Here to View in Full Screen Mode Well, I’ve been improving my spaghetti and spaghetti sauce. Watch the video and learn how to make spaghetti from scratch and the latest news on how we are going to make SiteHoppin take off like crazy!

DIY - How to Make Great Spaghetti!

Download latest version of Flash to view video!. Click Here to View in Full Screen Mode Well, in my Spaghetti version 0.3, I finally mastered the art of making Spaghetti. Here’s how to make great spaghetti in 10 minutes: 1. Get a good tomato sauce. Don’t make from scratch, some tomato sauce in bottles do taste really [...]

Parameters

max: You can set the number of feeds to grab. If you set this to 50, you will get 50 latest posts.

short: Adding this parameter will only show the titles of your feed.

title: Get rid of the title link

How do I create RSS Feeds from my page?

<startFeed />

==Title 1==
This is a sample sentence....

==Title 2==
This is a sample sentence....

==Title 3==
This is a sample sentence....

<endFeed />

You can add "&action=feed&feed=rss" on your URL or "&action=feed&feed=atom" for Atom Feeds to access your feed for your page.

For example, if your page is "http://SiteHoppin.com/Business", then your RSS Feeds address will be "http://SiteHoppin.com/Business&action=feed&feed=rss".

OR, you can simply just use the RSS button at the bottom.

• • WARNING: If you don't use any titles, your RSS Feed will not work. (use two of the equal signs)