<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1270218721370004332</id><updated>2024-09-02T10:27:18.651+08:00</updated><category term="blog"/><category term="friendster"/><category term="tag"/><category term="How"/><category term="add"/><category term="adding"/><category term="board"/><category term="box"/><category term="cbox"/><category term="chat"/><category term="chat box"/><category term="creating"/><category term="to"/><title type='text'>Follow This Step</title><subtitle type='html'>A blog that will provide &quot;how tos&quot; and tutorials on almost anything in the net in layman&#39;s way.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://followthisstep.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1270218721370004332/posts/default'/><link rel='alternate' type='text/html' href='http://followthisstep.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Jonathan Tabianan</name><uri>http://www.blogger.com/profile/16118137341673765277</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4n8zEELxNVQnsb6Nyk6HjJxec-TLYrBZtfF-U9KVsIfoVScfEUVdE6FWtXtb9YINz3Yk1xZbbjpu5luxvZEaTvOFeM6XB33mIJgCWXWLMbTRnA5sgn4Nafu6ToA_FDRs/s220/nathpic.JPG'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>4</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1270218721370004332.post-988983944441614564</id><published>2008-06-01T20:18:00.009+08:00</published><updated>2008-06-07T22:04:14.921+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="add"/><category scheme="http://www.blogger.com/atom/ns#" term="blog"/><category scheme="http://www.blogger.com/atom/ns#" term="board"/><category scheme="http://www.blogger.com/atom/ns#" term="chat box"/><category scheme="http://www.blogger.com/atom/ns#" term="friendster"/><category scheme="http://www.blogger.com/atom/ns#" term="How"/><category scheme="http://www.blogger.com/atom/ns#" term="tag"/><title type='text'>How to add a chat box or tag board on Friendster blog?</title><content type='html'>&lt;p&gt;Now that you have a Friendster blog, you might wanna add some little chat box to have more conversation with your visitors right. Here&#39;s how to do that:&lt;/p&gt;&lt;p&gt;&lt;em&gt;&lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt;Note:&lt;/span&gt; Make sure that your browser allows pop-up windows, or else you will not be able to follow the instructions properly.&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Requirement: &lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;A Friendster Blog&lt;/li&gt;&lt;li&gt;A CBox account&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1: &lt;/strong&gt;Creating your &lt;em&gt;&lt;strong&gt;CBox&lt;/strong&gt; &lt;/em&gt;account:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Click &lt;a href=&quot;http://followthisstep.blogspot.com/2008/05/how-to-add-chat-box-to-blogger.html&quot; target=&quot;_blank&quot;&gt;here&lt;/a&gt; and follow it&#39;s &lt;em&gt;Step 1&lt;/em&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Creating a container (TypeList) for your Chat box:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;em&gt;&lt;strong&gt;Log-In&lt;/strong&gt;&lt;/em&gt; to your &lt;a href=&quot;http://www.friendster.com/&quot; target=&quot;_blank&quot;&gt;Friendster&lt;/a&gt; account.&lt;/li&gt;&lt;li&gt;Go to &lt;strong&gt;&lt;em&gt;My Tools&lt;/em&gt;&lt;/strong&gt;, &lt;strong&gt;&lt;em&gt;More&lt;/em&gt;&lt;/strong&gt; and select &lt;strong&gt;&lt;em&gt;Update Blog&lt;/em&gt;&lt;/strong&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img229.imageshack.us/img229/8537/updateblogpi9.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Click TypeLists&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img240.imageshack.us/img240/728/typelisttt8.jpg&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Select &lt;strong&gt;&lt;em&gt;Link&lt;/em&gt;&lt;/strong&gt; on &lt;strong&gt;&lt;em&gt;(1) List type&lt;/em&gt;&lt;/strong&gt;, put any list name you want on &lt;strong&gt;&lt;em&gt;(2) List name&lt;/em&gt;&lt;/strong&gt;, &lt;em&gt;(e.g. Talk Here)&lt;/em&gt;, then click &lt;strong&gt;&lt;em&gt;(3) Create new list&lt;/em&gt;&lt;/strong&gt; button.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img520.imageshack.us/img520/7151/reatetypelistpw6.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Click on &lt;em&gt;&lt;strong&gt;Add this list to your blog(s)&lt;/strong&gt;&lt;/em&gt; link.&lt;/li&gt;&lt;/ul&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img217.imageshack.us/img217/4329/addeu5.jpg&quot; border=&quot;0&quot; /&gt; &lt;ul&gt;&lt;li&gt;Select your blog &lt;em&gt;(e.g. My Blog)&lt;/em&gt; where you wanna put the list you&#39;ve just created, then click on &lt;strong&gt;&lt;em&gt;Save Changes&lt;/em&gt;&lt;/strong&gt; then &lt;strong&gt;&lt;em&gt;Close Window&lt;/em&gt;&lt;/strong&gt; button.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img50.imageshack.us/img50/9038/selectsa9.jpg&quot; border=&quot;0&quot; /&gt; &lt;strong&gt;Step 3:&lt;/strong&gt; Installing the Chat box code:&lt;/p&gt;&lt;p&gt;I assume you are still currently logged-in to your &lt;strong&gt;&lt;em&gt;CBox&lt;/em&gt;&lt;/strong&gt; account and in &lt;strong&gt;&lt;em&gt;Quick Setup&lt;/em&gt;&lt;/strong&gt; page.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;All you have to do is &lt;strong&gt;&lt;em&gt;highlight&lt;/em&gt; &lt;/strong&gt;the codes, &lt;em&gt;&lt;strong&gt;right-click&lt;/strong&gt;&lt;/em&gt; the mouse &lt;em&gt;(pointing above the codes)&lt;/em&gt; and select &lt;strong&gt;&lt;em&gt;copy&lt;/em&gt;&lt;/strong&gt;.&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img229.imageshack.us/img229/820/copycodevm5.jpg&quot; border=&quot;0&quot; /&gt; &lt;/li&gt;&lt;li&gt;Go to &lt;strong&gt;&lt;em&gt;TypeLists&lt;/em&gt;&lt;/strong&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img240.imageshack.us/img240/728/typelisttt8.jpg&quot; border=&quot;0&quot; /&gt; &lt;/li&gt;&lt;li&gt;Under the &lt;strong&gt;&lt;em&gt;TypeList&lt;/em&gt;&lt;/strong&gt; you&#39;ve just created &lt;em&gt;(e.g. Talk Here)&lt;/em&gt;, click on &lt;strong&gt;&lt;em&gt;New Item&lt;/em&gt;&lt;/strong&gt;.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img152.imageshack.us/img152/8452/newitemzu2.jpg&quot; border=&quot;0&quot; /&gt; &lt;ul&gt;&lt;li&gt;&lt;strong&gt;&lt;em&gt;Paste&lt;/em&gt;&lt;/strong&gt; your &lt;strong&gt;&lt;em&gt;CBox&lt;/em&gt;&lt;/strong&gt; code on &lt;strong&gt;&lt;em&gt;Notes&lt;/em&gt;&lt;/strong&gt; container, then click on &lt;strong&gt;&lt;em&gt;Save Item&lt;/em&gt;&lt;/strong&gt; button. Do not put anything on &lt;strong&gt;&lt;em&gt;Link title&lt;/em&gt;&lt;/strong&gt; and &lt;strong&gt;&lt;em&gt;Link URL&lt;/em&gt;&lt;/strong&gt;. Close the window.&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img90.imageshack.us/img90/3645/noteshc4.jpg&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Now that you&#39;ve successfully installed your Chat box code, check your blog to confirm that it is already on your blog by going to &lt;strong&gt;Blogs&lt;/strong&gt;.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img168.imageshack.us/img168/3792/checkblogla3.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Click the link &lt;em&gt;(URL of your blog)&lt;/em&gt; to visit your blog.&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img102.imageshack.us/img102/1517/myblogpu2.jpg&quot; border=&quot;0&quot; /&gt; &lt;/p&gt;&lt;p&gt;Oops, where&#39;s the chat box?!&lt;/p&gt;&lt;p&gt;Relax, we&#39;ll make it appear. :)&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Follow these steps:&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 4.&lt;/strong&gt; Final Touches:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Click on &lt;strong&gt;&lt;em&gt;Edit Configuration&lt;/em&gt;&lt;/strong&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img231.imageshack.us/img231/6998/editconfigiu0.jpg&quot; border=&quot;0&quot; /&gt; &lt;/p&gt;&lt;ul&gt;&lt;li&gt;Under &lt;strong&gt;&lt;em&gt;Advanced Configuration&lt;/em&gt;&lt;/strong&gt;, tick on &lt;strong&gt;&lt;em&gt;As Text &lt;/em&gt;&lt;/strong&gt;option, then click &lt;strong&gt;&lt;em&gt;Save Changes&lt;/em&gt;&lt;/strong&gt; button.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img501.imageshack.us/img501/492/astextsd0.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Refresh your blog window. Voila, it worked! But we&#39;re not yet done right?&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;You&#39;ll probably see it placed at the bottom of your page and it&#39;s definitely not the good place for a chat box, so we will re-arrange it to it&#39;s proper place.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Go to &lt;strong&gt;Blogs&lt;/strong&gt;,&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img168.imageshack.us/img168/3792/checkblogla3.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Edit Design&lt;/strong&gt;,&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img47.imageshack.us/img47/9791/editdesignza4.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Order&lt;/strong&gt;.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img238.imageshack.us/img238/974/orderss7.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;&lt;em&gt;Drag and Drop&lt;/em&gt;&lt;/strong&gt; &lt;em&gt;(e.g. Talk Here)&lt;/em&gt; wherever you wanna put it, then click &lt;strong&gt;&lt;em&gt;Save Changes&lt;/em&gt;&lt;/strong&gt; button.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img232.imageshack.us/img232/9837/dragdropay1.jpg&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;Done! Check your blog again and it should be on its proper place now.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: center;&quot;&gt;Congratulations...&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Now, don&#39;t forget to log out before you left...&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;em&gt;&lt;span style=&quot;font-size:85%;&quot;&gt;For comments, corrections and suggestions you are free to leave a message, thank you!&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://followthisstep.blogspot.com/feeds/988983944441614564/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1270218721370004332/988983944441614564' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1270218721370004332/posts/default/988983944441614564'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1270218721370004332/posts/default/988983944441614564'/><link rel='alternate' type='text/html' href='http://followthisstep.blogspot.com/2008/06/how-to-add-chat-box-or-tag-board-on.html' title='How to add a chat box or tag board on Friendster blog?'/><author><name>Jonathan Tabianan</name><uri>http://www.blogger.com/profile/16118137341673765277</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4n8zEELxNVQnsb6Nyk6HjJxec-TLYrBZtfF-U9KVsIfoVScfEUVdE6FWtXtb9YINz3Yk1xZbbjpu5luxvZEaTvOFeM6XB33mIJgCWXWLMbTRnA5sgn4Nafu6ToA_FDRs/s220/nathpic.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1270218721370004332.post-1564804819018059997</id><published>2008-05-25T14:04:00.010+08:00</published><updated>2008-06-07T21:53:23.416+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="blog"/><category scheme="http://www.blogger.com/atom/ns#" term="creating"/><category scheme="http://www.blogger.com/atom/ns#" term="friendster"/><title type='text'>How to create a Friendster Blog?</title><content type='html'>&lt;p&gt;I assume you already has a &lt;strong&gt;Friendster account&lt;/strong&gt; and not tried or attempted creating you blog from it so I can guarrantee what I see on my window is the same as yours on these instructions.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Requirement:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;A Friendster account (click &lt;a href=&quot;http://www.friendster.com/join.php&quot; target=&quot;_blank&quot;&gt;here&lt;/a&gt; to create a Friendster account) &lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Step 1.&lt;/strong&gt; Log-In to your Friendster account: &lt;a href=&quot;http://www.friendster.com/&quot; target=&quot;_blank&quot;&gt;&lt;em&gt;http://www.friendster.com/&lt;/em&gt;&lt;/a&gt;.&lt;br /&gt;&lt;strong&gt;Step 2.&lt;/strong&gt; Creating your Blog:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Point the mouse-pointer on &lt;strong&gt;&lt;em&gt;My Profile&lt;/em&gt;&lt;/strong&gt;, then select &lt;strong&gt;&lt;em&gt;Blogs&lt;/em&gt;&lt;/strong&gt;. &lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img355.imageshack.us/img355/2374/myprofblogua8.jpg&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Press &lt;strong&gt;&lt;em&gt;Create Blog&lt;/em&gt;&lt;/strong&gt; button.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img98.imageshack.us/img98/595/createblogbuttonyf0.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;(1) Choose &lt;em&gt;&lt;strong&gt;Friendster Blogs Free (Ad-Supported).&lt;/strong&gt;&lt;/em&gt;&lt;/li&gt;&lt;li&gt;(2) Select any &quot;available&quot; domain you want &lt;em&gt;(e.g. jonathanblog1).&lt;/em&gt;&lt;/li&gt;&lt;li&gt;(3) Agree to the &lt;em&gt;terms of service.&lt;/em&gt;&lt;/li&gt;&lt;li&gt;(4) Click &lt;strong&gt;&lt;em&gt;Continue&lt;/em&gt;&lt;/strong&gt; button.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img151.imageshack.us/img151/7905/createblogjv3.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Put the &lt;em&gt;&lt;strong&gt;Blog Name&lt;/strong&gt;&lt;/em&gt; you want, select a &lt;strong&gt;&lt;em&gt;Layout Structure&lt;/em&gt;&lt;/strong&gt;, choose a &lt;strong&gt;&lt;em&gt;Design Style.&lt;/em&gt;&lt;/strong&gt;&lt;/li&gt;&lt;li&gt;Finally, press &lt;strong&gt;&lt;em&gt;Continue&lt;/em&gt;&lt;/strong&gt; button at the bottom of the page.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;p align=&quot;center&quot;&gt;&lt;strong&gt;*** Congratulations, you&#39;ve just created you own Blog! ***&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Press &lt;strong&gt;&lt;em&gt;Get Started&lt;/em&gt;&lt;/strong&gt; button.&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img144.imageshack.us/img144/3346/congratslm7.jpg&quot; border=&quot;0&quot; /&gt; &lt;p&gt;&lt;strong&gt;Step 3.&lt;/strong&gt; Creating you first post:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Click on &lt;strong&gt;&lt;em&gt;POST.&lt;/em&gt;&lt;/strong&gt;&lt;/li&gt;&lt;/ul&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img152.imageshack.us/img152/2999/postrk9.jpg&quot; border=&quot;0&quot; /&gt; &lt;ul&gt;&lt;li&gt;(1) Put a &lt;strong&gt;&lt;em&gt;Title&lt;/em&gt;&lt;/strong&gt; for your post.&lt;/li&gt;&lt;li&gt;(2) Select a &lt;strong&gt;&lt;em&gt;Category&lt;/em&gt;&lt;/strong&gt; for your post.&lt;/li&gt;&lt;li&gt;(3) Put here your message, whatever it is.&lt;/li&gt;&lt;li&gt;(4) Click &lt;strong&gt;&lt;em&gt;Save&lt;/em&gt;&lt;/strong&gt; button to publish it to the web for the world to see it.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img372.imageshack.us/img372/6048/creatingpostrh9.jpg&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;strong&gt;Step 4.&lt;/strong&gt; Viewing you blog on the net:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Just on the same window where you created your first post, click &lt;strong&gt;view blog&lt;/strong&gt; &lt;em&gt;(upper-right corner) &lt;/em&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img524.imageshack.us/img524/5258/viewbloghk5.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;Here&#39;s how your new blog would look like:&lt;/em&gt;&lt;/p&gt;&lt;p align=&quot;center&quot;&gt;&lt;em&gt;This is the URL for this blog sample:&lt;/em&gt;&lt;/p&gt;&lt;p align=&quot;center&quot;&gt;&lt;a href=&quot;http://jonathanblog1.blogs.friendster.com/my_blog/&quot; target=&quot;_blank&quot;&gt;&lt;em&gt;http://jonathanblog1.blogs.friendster.com/my_blog/&lt;/em&gt;&lt;/a&gt;&lt;em&gt;&lt;br /&gt;&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img245.imageshack.us/img245/1596/mainblogjt1.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;You can visit your own blog by typing the URL on the Address bar of browser (i.e. Internet Explorer, Firefox, Opera, etc.) just like visiting any web site.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p align=&quot;center&quot;&gt;&lt;em&gt;&lt;span style=&quot;font-size:85%;&quot;&gt;Please visit my blog for more instructions on how to develop your friendster blog.&lt;/span&gt;&lt;/em&gt;&lt;/p&gt;&lt;p align=&quot;center&quot;&gt;&lt;em&gt;&lt;span style=&quot;font-size:85%;&quot;&gt;Comments and suggestions are verymuch welcome and appreciated!&lt;/span&gt;&lt;/em&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://followthisstep.blogspot.com/feeds/1564804819018059997/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1270218721370004332/1564804819018059997' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1270218721370004332/posts/default/1564804819018059997'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1270218721370004332/posts/default/1564804819018059997'/><link rel='alternate' type='text/html' href='http://followthisstep.blogspot.com/2008/05/how-to-create-friendster-blog.html' title='How to create a Friendster Blog?'/><author><name>Jonathan Tabianan</name><uri>http://www.blogger.com/profile/16118137341673765277</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4n8zEELxNVQnsb6Nyk6HjJxec-TLYrBZtfF-U9KVsIfoVScfEUVdE6FWtXtb9YINz3Yk1xZbbjpu5luxvZEaTvOFeM6XB33mIJgCWXWLMbTRnA5sgn4Nafu6ToA_FDRs/s220/nathpic.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1270218721370004332.post-8777736217608042244</id><published>2008-05-11T12:06:00.021+08:00</published><updated>2008-06-07T22:05:48.957+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="adding"/><category scheme="http://www.blogger.com/atom/ns#" term="blog"/><category scheme="http://www.blogger.com/atom/ns#" term="box"/><category scheme="http://www.blogger.com/atom/ns#" term="cbox"/><category scheme="http://www.blogger.com/atom/ns#" term="chat"/><category scheme="http://www.blogger.com/atom/ns#" term="tag"/><category scheme="http://www.blogger.com/atom/ns#" term="to"/><title type='text'>How to add chat box to blogger?</title><content type='html'>&lt;span style=&quot;font-weight: bold;&quot;&gt;Requirement:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;A blogger blog (click &lt;a href=&quot;https://www.google.com/accounts/NewAccount?service=blogger&amp;amp;continue=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3D%252Fcreate-blog.g%26a%3DADD_SERVICE_FLAG&amp;amp;hl=en&amp;amp;sendvemail=true&amp;amp;followup=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3D%252Fhome%26a%3DSERVICE_ONLY&amp;amp;naui=8&quot; target=&quot;_blank&quot;&gt;here&lt;/a&gt; to create a blog)&lt;a href=&quot;https://www.google.com/accounts/NewAccount?service=blogger&amp;amp;continue=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3D%252Fcreate-blog.g%26a%3DADD_SERVICE_FLAG&amp;amp;hl=en&amp;amp;sendvemail=true&amp;amp;followup=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3D%252Fhome%26a%3DSERVICE_ONLY&amp;amp;naui=8&quot; target=&quot;_blank&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Step 1. Creating cbox account:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Register to &lt;a href=&quot;http://www.cbox.ws/getone.php&quot; target=&quot;_blank&quot;&gt;&lt;em&gt;http://www.cbox.ws/getone.php&lt;/em&gt;&lt;/a&gt;.&lt;/li&gt;&lt;li&gt;Click &lt;strong&gt;Sign Up&lt;/strong&gt;:&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://i26.tinypic.com/6scnd1.jpg&quot; border=&quot;0&quot; /&gt;&lt;/li&gt;&lt;li&gt;Complete the information then click &lt;strong&gt;Create my Cbox&lt;/strong&gt; button:&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://i29.tinypic.com/6s8mls.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;After registration, log-in to your cbox account then go to &lt;strong&gt;Quick Setup&lt;/strong&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://i26.tinypic.com/1zwmc94.jpg&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img229.imageshack.us/img229/6483/quickqs8.jpg&quot; border=&quot;0&quot; /&gt; &lt;strong&gt;Step 2. Installing the code:&lt;/strong&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;em&gt;&lt;strong&gt;Highlight&lt;/strong&gt;&lt;/em&gt; the codes, &lt;strong&gt;&lt;em&gt;right-click&lt;/em&gt;&lt;/strong&gt; the mouse (pointing above the codes) and select &lt;strong&gt;&lt;em&gt;copy&lt;/em&gt;&lt;/strong&gt;.&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img229.imageshack.us/img229/820/copycodevm5.jpg&quot; border=&quot;0&quot; /&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;Log-in to your blogger account, then goto &lt;strong&gt;Layout.&lt;/strong&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://i26.tinypic.com/zjdmzc.jpg&quot; border=&quot;0&quot; /&gt;&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Click &lt;strong&gt;Add Page Element&lt;/strong&gt; on the right side of the screen.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://i30.tinypic.com/2j1sdgk.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Select &lt;strong&gt;HTML/Java Script&lt;/strong&gt; by clicking &lt;strong&gt;Add To Blog button&lt;/strong&gt; below it.&lt;/li&gt;&lt;ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;ul&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/ul&gt;&lt;ul&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/ul&gt;&lt;ul&gt;&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://i30.tinypic.com/2j4c235.jpg&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;li&gt;Put any meaningful title and &lt;strong&gt;&lt;em&gt;paste&lt;/em&gt;&lt;/strong&gt; (&lt;em&gt;&lt;strong&gt;right-click, paste&lt;/strong&gt;&lt;/em&gt; or &lt;strong&gt;&lt;em&gt;click, CTRL+V&lt;/em&gt;&lt;/strong&gt;) your code on the &lt;strong&gt;content&lt;/strong&gt; entry.&lt;/li&gt;&lt;ul&gt;&lt;ul&gt;&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://i28.tinypic.com/23mvach.jpg&quot; border=&quot;0&quot; /&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;strong&gt;&lt;/strong&gt;&lt;li&gt;Click &lt;strong&gt;Save Changes&lt;/strong&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Step 3. Rearranging the elements:&lt;/strong&gt;&lt;/p&gt;&lt;p align=&quot;right&quot;&gt;&lt;/p&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://img214.imageshack.us/img214/4166/rearrangeak6.jpg&quot; border=&quot;0&quot; /&gt; &lt;ul&gt;&lt;li&gt;&lt;strong&gt;&lt;em&gt;Click&lt;/em&gt;&lt;/strong&gt; (&lt;em&gt;e.g.&lt;/em&gt; &lt;strong&gt;About Me&lt;/strong&gt;) on specific element you wanna rearrange and &lt;strong&gt;&lt;em&gt;drag &amp;amp; drop&lt;/em&gt;&lt;/strong&gt; it to your desired location.&lt;/li&gt;&lt;li&gt;&lt;p&gt;Don&#39;t forget to click &lt;strong&gt;save&lt;/strong&gt; (&lt;em&gt;orange button&lt;/em&gt;) on the upper part of the web page.&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;&quot; alt=&quot;&quot; src=&quot;http://i29.tinypic.com/fxdxqu.jpg&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p align=&quot;center&quot;&gt;&lt;em&gt;&lt;span style=&quot;;font-family:courier new;font-size:85%;&quot;  &gt;&lt;/span&gt;&lt;/em&gt;&lt;/p&gt;&lt;p align=&quot;center&quot;&gt;&lt;em&gt;&lt;span style=&quot;;font-family:courier new;font-size:85%;&quot;  &gt;&lt;/span&gt;&lt;/em&gt; &lt;/p&gt;&lt;p align=&quot;center&quot;&gt;&lt;em&gt;&lt;span style=&quot;;font-family:courier new;font-size:85%;&quot;  &gt;All comments and suggestions are very much welcome, thank you!&lt;/span&gt;&lt;/em&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://followthisstep.blogspot.com/feeds/8777736217608042244/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1270218721370004332/8777736217608042244' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1270218721370004332/posts/default/8777736217608042244'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1270218721370004332/posts/default/8777736217608042244'/><link rel='alternate' type='text/html' href='http://followthisstep.blogspot.com/2008/05/how-to-add-chat-box-to-blogger.html' title='How to add chat box to blogger?'/><author><name>Jonathan Tabianan</name><uri>http://www.blogger.com/profile/16118137341673765277</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4n8zEELxNVQnsb6Nyk6HjJxec-TLYrBZtfF-U9KVsIfoVScfEUVdE6FWtXtb9YINz3Yk1xZbbjpu5luxvZEaTvOFeM6XB33mIJgCWXWLMbTRnA5sgn4Nafu6ToA_FDRs/s220/nathpic.JPG'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://i26.tinypic.com/6scnd1_th.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1270218721370004332.post-3737633435929098301</id><published>2008-05-11T10:41:00.000+08:00</published><updated>2008-05-11T10:47:22.400+08:00</updated><title type='text'>Greetings</title><content type='html'>Good day to all!&lt;br /&gt;&lt;br /&gt;This blog will provide you guys with step-by-step instructions on how to do almost anything in the net to help you. You can also suggest things you wanna know how to do here and I will try my best to put it here. I hope this blog can help you guys.&lt;br /&gt;&lt;br /&gt;- Nath</content><link rel='replies' type='application/atom+xml' href='http://followthisstep.blogspot.com/feeds/3737633435929098301/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/1270218721370004332/3737633435929098301' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1270218721370004332/posts/default/3737633435929098301'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1270218721370004332/posts/default/3737633435929098301'/><link rel='alternate' type='text/html' href='http://followthisstep.blogspot.com/2008/05/greetings.html' title='Greetings'/><author><name>Jonathan Tabianan</name><uri>http://www.blogger.com/profile/16118137341673765277</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4n8zEELxNVQnsb6Nyk6HjJxec-TLYrBZtfF-U9KVsIfoVScfEUVdE6FWtXtb9YINz3Yk1xZbbjpu5luxvZEaTvOFeM6XB33mIJgCWXWLMbTRnA5sgn4Nafu6ToA_FDRs/s220/nathpic.JPG'/></author><thr:total>0</thr:total></entry></feed>