friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

  • Friendster Blogs
  •  » Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

#1  2007-04-22 05:26:06

FoRsAkEnKiD
» Moderator
FoRsAkEnKiD's display avatar
[Away]
Location: The Keywork
Registered: 2006-12-14
Posts: 1995
Last visit: 2008-02-19
Reputation: 21
???

Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

Yah you probably had seen a few of the pimped Friendster Blogs who have chatboxes or mp3 players or any other 'external objects' on them (like Stat Counters, Link Lists, Embeddable Videos, JavaScripts, etc). So you think having one on a Blog is cool? wanna have one on your Friendster Blog too? Its actually very easy. Interested? Very well then, let me be your Guide...

I bring you my tutorial about Pimping Your Friendster Blog with Custom Typelists.

Im sure other tutorials about this have been written already, but im just gonna give you my own version (since Ive also had received quite a lot of messages on my inbox asking about this topic). So enough talk, let's begin..

STEP 1: First off, the most important requirement is that you must have created a Friendster Blog. Ok, so if you already have one, please proceed to the next step. If you havent made a Friendster Blog yet... What?! where have you been? Ok, so please go make one. I think i dont have to explain it here on how to make an FS Blog right?

But just a reminder, make sure you have decided well about the URL of your FS Blog, since you'll never gonna be able to replace the URL once you have already made the Blog (ex: if the url of your blog is themostn00bisheverofall.blogs.friendster.com, then you'll never gonna be able to change it, forever..), unless of course you delete your Blog and start over again the process of making one :wasted: .


STEP 2: Log-in to your Friendster account. Go to your Blogs Management page. You should have something like this on your screen:

Now, see that one that i boxed? Yah the word that says Typelists. Click that one.


STEP 3: Now you are in the Blog Typelists page (more info about Tylelists here). This feature of the FS Blog is actually the key element about this tutorial. We are goin to make a custom Typelist that would contain our chatbox/flash mp3 player/etc.

Back to the tutorial.. now on your screen, you should have something like this:

To create a custom Typelist, press the dropdown button and choose Link. Name it with anything you like. For this tutorial, were going to put a flash mp3 player on your blog, so you can name this Typelist as My mp3 Player for example. Confirm the creation by clicking the Create new list button.


STEP 4: Now on your screen, you should have something like this:

Dont put anything on the text field, just click the Add button.


STEP 5: You would then be on this screen after that:

See that Notes part, there is where we are goin to place the codes of our mp3 player (its like the Media Section of editprofile), so lets just set that page aside for now.

Open another internet browser and go to a site that has flash mp3 players (ex: loudfusion.com, myflashfetish.com, etc). After creating an account and having your playlist ready, get the embed code of your mp3 player. Now place the code you have to the Notes part of the custom Typelist that you had just made. Save your settings by clicking the Save and Update button.


STEP 6: After the confirmation, you have something like this:

Now click the link that i boxed. It will take you to your Typelist Configuration page. Scroll down a bit and look for this one:

Choose Display notes: As text. You dont have to touch the other options on this page. Click the Save Changes button afterwards.


STEP 7: Congratulations! You had just made a custom Typelist with a flash mp3 player on. Now all that is left to do is to make that typelist to appear on your Blog (since a newly made Typelist is hidded from your Blog page by default).

So now go back to your Blogs Management page (or whatever you call that). You should have something like this again:

Click the Edit Design link. You'll see something like this:

Go to Content. Now you see a list of your Modules that you want to appear in your Blog page. Scroll down below and you should see the label of the newly made Typelist and its corresponding unchecked box beside it, like this one:

Check the box. Save your settings.


STEP 8: Viola! Now you had just made the newly created Typelist, namely a flash mp3 player, to appear on your Blog page! Gratz! The same process is done in putting a chatbox, or a stat counter, or a video, etc, on your Blog. Just create the corresponding custom Typelist for every external object you want to place on your Blog page.


STEP 9: Hmm.. some final polishings.. you might want to arrange the order of the Modules and Typelists, so just go to the Order section of the Blog Design Configuration page. And also, the maximum width of the custom Typelist for two-column layout is about 195-200 pixels, and for a three-column layout its about 170-175 pixels, but im not that sure about those figures, so just adjust the size of the flash player or the chatbox to fit the size of the Typelist.

You can go to My Blog Page for a preview if you like.

Whew! There you have it. I hope I had helped someone somewhere. Pls post your questions if you have any, cuz again, there might have been some important things i had missed on the process.

\m/, (//_^) .\m/



#2  2007-04-22 05:46:49

Ephemeral
» Moderator
Ephemeral's display avatar
The Forbidden
Class-S
Location: Lucena City PH
Registered: 2006-10-20
Posts: 9365
Last visit: Today
Reputation: 221
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

Wow nice trick man!  :D


If the lady of fate isn't in favor, the player never had the chance. But he didn't gave up even if the odds were against him. All he did was he tried his best even if he's in a losing battle he can never win...

#3  2007-04-22 08:24:02

Padme
» FriendsterElite
Padme's display avatar
BE BACK SOON
Registered: 2006-10-26
Posts: 4407
Reputation: 30
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

Much appreciated~
Awesome tutorial Charles!

Now if I can only start my blog haha!  :lol:




FREE RAPIDSHARE PREMIUM
Get those premium accounts for FREE, it's easy.

#4  2007-04-22 09:44:09

blackwhiskey_28
» FriendsterManiac
blackwhiskey_28's display avatar
Who Cares?
Location: Currently Missing
Registered: 2007-03-18
Posts: 756
Last visit: 2008-05-06
Reputation: 10
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

i should try this one!!the tricks in FMdidnt work out for me!!! :D very nice...
can someone give a code for scrollable entries in the blog??

#5  2007-04-22 16:58:01

DirTyBoI_RuzzeL
» FriendsterAddict
DirTyBoI_RuzzeL's display avatar
Location: San, Pedro Laguna
Registered: 2007-04-20
Posts: 346
Last visit: 2007-06-23
Reputation: ~
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

I can't get it, would you do it for me?




Is It really worth it to be in here? Hmm.. You Think so? Oh Well..

#6  2007-04-23 06:28:50

stabbedheart
» FriendsterAgent
stabbedheart's display avatar
angel face?
Location: house
Registered: 2007-02-04
Posts: 2106
Last visit: Yesterday
Reputation: 4
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

nice tutorial man! thanks!
how about the chatbox? how can we add that in our blog?


^

i think this post has a wrong grammar

babawasan ko na nga pagiging dramatic DAW, =D

#7  2007-04-23 09:20:30

FoRsAkEnKiD
» Moderator
FoRsAkEnKiD's display avatar
[Away]
Location: The Keywork
Registered: 2006-12-14
Posts: 1995
Last visit: 2008-02-19
Reputation: 21
???

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

@Eph: Heheh. Thanks. Its always nice to share.

@Pad: Yeah, i wonder why you dont have a blog. I have read some of your movie reviews once, why not post them on a blog?  =)

@bw: Hmm.. though i havent really tried them, i think the tricks in FM works well, like this for example:

Code:

<style>
/* FriendsterMagic - center text and scrollable post entry */
.entry {
overflow: auto;
height: 200px;
width: 500px;
text-align:center;
border: #ffffff;
border-style: solid;
border-width: 1px;
}
</style>

credits goes to sir dark'angel of FriendsterMagic.

@ruzzel: hmm.. really? maybe i need to simplify my tutorials then. Which part did you not understand?

@stabbed: pls refer to STEP 5 of my tutorial above. Instead of putting the embed code of the mp3 player, you can place there the code of your chatbox instead, like the cbox code for example.



#8  2007-04-24 18:30:30

blackwhiskey_28
» FriendsterManiac
blackwhiskey_28's display avatar
Who Cares?
Location: Currently Missing
Registered: 2007-03-18
Posts: 756
Last visit: 2008-05-06
Reputation: 10
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

kuya charles what is your suggested reso of a youtube video...also in the playlist  im planning to put an imeem playlist for my blog...can you also suggest the right reso to fit in my blog???


imeem

#9  2007-04-25 08:04:16

FoRsAkEnKiD
» Moderator
FoRsAkEnKiD's display avatar
[Away]
Location: The Keywork
Registered: 2006-12-14
Posts: 1995
Last visit: 2008-02-19
Reputation: 21
???

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

blackwhiskey_28 wrote:

kuya charles what is your suggested reso of a youtube video...also in the playlist  im planning to put an imeem playlist for my blog...can you also suggest the right reso to fit in my blog???

Reso? You mean the dimensions right?

I made the dimensions of my YouTube video to 200 by 200, height and width respectively.



#10  2007-04-25 10:12:34

blackwhiskey_28
» FriendsterManiac
blackwhiskey_28's display avatar
Who Cares?
Location: Currently Missing
Registered: 2007-03-18
Posts: 756
Last visit: 2008-05-06
Reputation: 10
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

thanks very much ill do my add ons right away...yes i mean the dimensions.....

#11  2007-04-26 02:11:43

^_goonglover_^
» FriendsterManiac
^_goonglover_^'s display avatar
princess of ooh's & ahh's
Location: las piñas
Registered: 2007-02-21
Posts: 711
Last visit: 2007-08-20
Reputation: 3

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

this is really nice..i will give it a try^^



natsume kawaii!! :)

#12  2007-04-26 08:16:17

LoVesKi
» FriendsterNewbie
Location: California
Registered: 2006-12-08
Posts: 8
Last visit: 2008-04-27
Reputation: ~
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

Forsaken: I Followed all your instructions on putting a mp3 player sa blog and i did it kaya lang yung mp3 skin bakit kalahati lang ang lumalabas what should i do to fix that? Thank you so much...I'll be waiting for your response :)

#13  2007-04-26 09:44:44

FoRsAkEnKiD
» Moderator
FoRsAkEnKiD's display avatar
[Away]
Location: The Keywork
Registered: 2006-12-14
Posts: 1995
Last visit: 2008-02-19
Reputation: 21
???

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

^ Heheh, cud you pls give a link to ur blog page pls, i wud just like to know what mp3 player you are using.

Uhm, also, pls refer to Step 9:

STEP 9: Hmm.. some final polishings.. the maximum width of the custom Typelist for two-column layout is about 195-200 pixels, and for a three-column layout its about 170-175 pixels, but im not that sure about those figures, so just adjust the size of the flash player or the chatbox to fit the size of the Typelist.

=)  :thumbsup:

edit: And oh by the way, pls post in English. Heheh. :D

Last edited by FoRsAkEnKiD (2007-04-26 09:48:20)



#14  2007-04-26 12:12:44

~Abie~
» FriendsterTalker
~Abie~'s display avatar
Location: Davao City
Registered: 2007-04-24
Posts: 282
Last visit: 2008-08-10
Reputation: 2
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

myc one kuya...keepp it up!


helllooo

#15  2007-04-26 15:41:00

blackwhiskey_28
» FriendsterManiac
blackwhiskey_28's display avatar
Who Cares?
Location: Currently Missing
Registered: 2007-03-18
Posts: 756
Last visit: 2008-05-06
Reputation: 10
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

what is your best recommende dimension for an imeem playlist...for the link please refer to  post8
of this thread

#16  2007-04-26 16:14:14

FoRsAkEnKiD
» Moderator
FoRsAkEnKiD's display avatar
[Away]
Location: The Keywork
Registered: 2006-12-14
Posts: 1995
Last visit: 2008-02-19
Reputation: 21
???

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

^ As what i have said above, you can vary the dimensions as long as the width does not exceed 200px if you are using a two-clumn layout. If you are using a 3-column layout, the width should not exceed about 170px.



#17  2007-04-27 07:52:31

LoVesKi
» FriendsterNewbie
Location: California
Registered: 2006-12-08
Posts: 8
Last visit: 2008-04-27
Reputation: ~
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

You've added me already on your friendster...may name there is '''SHAWIE'' thanks I'm using a pinks hello kitty that looks like an ipod on my Blog...I also Tried Step: 9 5 times and still my mp3 player skin is not showing right  :cry:  thanks for adding me  also...I'll wait for your response :)

#18  2007-04-28 14:41:24

FoRsAkEnKiD
» Moderator
FoRsAkEnKiD's display avatar
[Away]
Location: The Keywork
Registered: 2006-12-14
Posts: 1995
Last visit: 2008-02-19
Reputation: 21
???

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

^ Again, ill ask for the link to your blogpage, to save the trouble of having to search for you on my list of friends. =)



#19  2007-04-28 15:20:48

Ephemeral
» Moderator
Ephemeral's display avatar
The Forbidden
Class-S
Location: Lucena City PH
Registered: 2006-10-20
Posts: 9365
Last visit: Today
Reputation: 221
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

Just a friendly reminder :D

Always republish your blog after editing/adding media stuff  :P


If the lady of fate isn't in favor, the player never had the chance. But he didn't gave up even if the odds were against him. All he did was he tried his best even if he's in a losing battle he can never win...

#20  2007-05-13 07:14:24

LoVesKi
» FriendsterNewbie
Location: California
Registered: 2006-12-08
Posts: 8
Last visit: 2008-04-27
Reputation: ~
Friendster

Re: Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

hi Bro Forsaken, This is my Blog url: http://shawie.blogs.friendster.com and as u can see my mp3 skin is not showing right I Followed all your instructions many times but i have the same results every time...I've also adjusted the size... pls help me thanks in advance   :crybaby:

Bro Ephemeral I did republish my blog after I edited them...thank you for that reminder :)

  • Friendster Blogs
  •  » Wanna add a Chatbox/Mp3 Player/Custom Module to your Friendster Blog?

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2008 PunBB

[ 28 queries - 7.632 second ]

Pay Per Click Ads by pay per click advertising by Kontera

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)