Cool-labz
Benvenuto!
iscriviti subito
Cool-labz

Ci siamo traferiti su Puro100x100
Che aspetti? manchi solo tu? clicca sul logo "100%" e raggiungici... E iscriviti nuovamente Smile

Non sei connesso Connettiti o registrati

Vedere l'argomento precedente Vedere l'argomento seguente Andare in basso  Messaggio [Pagina 1 di 1]

1 Twitter message il Dom Gen 30, 2011 5:51 pm

Nick

avatar
Manager
Manager
    customized homepage blog - tutorial



A customized homepage blog is a unique feature that you can on your forum (such as in the homepage message, on your forum's html page, in a forum description of a forum, etc.) Creating a hompage blog only takes a few steps, and you can customize it any way you want to. In this tutorial, we will be following the customized homepage message blog that I made on this test forum.


    customized homepage blog - the script


All that you need for your customized blog is just this following script, and only that:
Codice:
<span style="font-family:Georgia;"><div style="height:80px;width:450px;overflow:scroll;border:1px dashed #0ADA0A;">We are now starting the new World Tour for our new album, 'Together'. The tour will start off in the United States, then to Australia, Britian, and finally to Afghanistan. If you would like to view us at one of our concerts, then you can buy the tickets at BuyTicketsOnline.com for only $80 USD. See you guys there!
<br />
<div align="right"><span style="font-size:11px;"><i><b>This blog post was written on: Dec. 13, 2009</b></i></span></span></div></div>
<br /><a href="http://twitter.com/home?status=http://blogtutorial.forumotion.net/index.htm"><img src="http://i97.servimg.com/u/f97/13/67/77/07/t_110.png" border="0" title="Tweet this"></a>
That script is exactly what I used for the homepage message blog I made for this test forum.


    customized homepage blog - customization!


Yay, now we're at the customization sequence. In this part of the tutorial, you will learn to edit/customize your blog.



First of all, find the above code in that script. That code will determine what default font will be used for the blog. You can add multiple fonts by just adding a comma after each font title, just like this:




The above code determines the whole border and body of the blog. Without that code, then your blog will be nothing more than just plain text laid out on a page.
"height:80px;width:450px;
You can change the size (in pixels; width and height) of the border by just editing that tag. For instance, you can change the width to 800 and the height to 100. Just be sure to edit the numbers, and nothing else... or else, the whole tag would be screwed up.

border:1px dashed #0ADA0A;"
That code determines the thickness of the border, the outlook of the border, and the color of the border. You can change the border thickness by just changing the '1' to another number; the higher number you use, the more thicker and huge the border gets.
If you want to have a solid border instead of a dashed border, then just put in the word 'solid' in place of the word 'dashed'. If you would like a dotted border, then just put in the word 'dotted' in place of the word 'dashed'. It's an extremely simple task, trust me.
If you would like to change the color of the border, then edit '#0ADA0A' with any color tag of your choice. Or you could just replace that with the name of the color (such as blue, black, gray), and that would work as well.


Codice:
We are now starting the new World Tour for our new album, 'Together'. The tour will start off in the United States, then to Australia, Britian, and finally to Afghanistan. If you would like to view us at one of our concerts, then you can buy the tickets at BuyTicketsOnline.com for only $80 USD. See you guys there!
<br />
That whole mess up there is just the text that you will have in your blog. You can edit that out with whatever you want the blog to say.


This blog post was written on: Dec. 13, 2009

Once you get to that^^^^, then you're just about finished customizing your customized blog. That code is just the so-called 'footer' of your customized blog. If you use that, then the text will show up a little similar to this:



And finally, we are at the part where we customize the whole 'Tweet This Blog!' ordeal. The only things that you need to edit for this code is:

What you need to edit for that code is where it says status=http://blogtutorial.forumotion.net/index.htm. Just edit that link with any link that your blog can be found on. Also, you can add text to it to.

So, let's say that you use this:
status=http://blogtutorial.forumotion.net/index.htm ...Check out this blog post!
Then, your tweet would look exactly like this:



That right there is the link for your Twitter icon, which is this image (by default):
You can edit that image with any other Twitter image that you'd like.


Congratulations, you have yourself a customized blog... and this is how it should look:




Now that you are finished with your customized blog, then you're ready to set it up on your forum. It will be compatible with your homepage message, an html page, a portal widget, one of your discussion forum descriptions, and on some kind of webpage that you're building. Just paste the script where you want it, and then you're set!


    customized homepage blog - twitter extras

***This part of the tutorial was made by Jalokim***

You can have a load more fun with the twitter API

Codice:
<a href="http://twitter.com/home?status=http://blogtutorial.forumotion.net/index.htm">

you can automatically add text into it:

Codice:
<a href="http://twitter.com/home?status=http://blogtutorial.forumotion.net/index.htm | OMG what a cool site">

If you wanna get really fancy you can use variables... so that all your member needs to do is click the link and all data will be added automatically.

Codice:
<a href="http://twitter.com/home?status=Re: {postrow.displayed.POST_SUBJECT} | @jalokimgraphics" title="retweet this topic">

That will automatically post the subject into your tweet.
Though this code is a little funky, cos it doesn't always convey to blog and posts... so I prefer using the crumbs variables for the topic title and subject.

Codice:
<A href="http://twitter.com/home?status=http://ego-one.com/{TOPIC_URL} | {TOPIC_TITLE}" title="Retweet this message" >

the only problem is that you have to add your forum index before the variable:
Codice:
"http://ego-one.com/{TOPIC_URL} | {TOPIC_TITLE}"

this works everywhere




This review was written by Rok and Jalokim of the ForuMotion team


We are now starting the new World Tour for our new album, 'Together'. The tour will start off in the United States, then to Australia, Britian, and finally to Afghanistan. If you would like to view us at one of our concerts, then you can buy the tickets at BuyTicketsOnline.com for only $80 USD. See you guys there!


This blog post was written on: Dec. 13, 2009






Stato:
Visualizza il profilo dell'utente http://justice-league.forumattivo.com

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto  Messaggio [Pagina 1 di 1]

Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum