Instead, you download video clips (from YouTube) or from other unnamed websites which are usually very slow and not secure, downloading some spyware programs and similar onto your computer. This “problem“ of downloading videos can easily be solved with Javascript code in your Bookmarks folder (checked only with Mozilla Firefox). When you find your favourite video clip, simply click on your Bookmark and after one second you have a Download link directly from YouTube, and in few seconds you have the video clip downloaded on your own local computer in .mp4 format.

How to get it work? Simply right click on Bookmark toolbar – New bookmark or Bookmarks – Organize Bookmarks… – New Bookmark.

Under Name: write something like “Download YouTube“ (for HD type “Download YouTube HD“). Under Location: type in following Javascript code.

Regular video

For regular (”non-HD“ content), you use it when you want download regular video clips in non-HD resolution.

javascript:if%20(document.getElementById('download-youtube-video')==null%20&&%20!!(document.location.href.match(/http:\/\/[a-zA-Z\.]*youtube\.com\/watch/)))%20{var%20yt_mp4_path='http://www.youtube.com/get_video?fmt=18&video_id='+swfArgs['video_id']+'&t='+swfArgs['t'];%20var%20div_embed=document.getElementById('watch-embed-div');div_embed.innerHTML=div_embed.innerHTML+'<br%20/>%20<span%20id=\'download-youtube-video\'><a%20href=\''+yt_mp4_path+'\'>Download%20as%20MP4</a>%20'+%20%20((navigator.userAgent.indexOf('Safari')!=-1)?'(control-click%20and%20select%20<i>Download%20linked%20file%20as</i>)':('(right-click%20and%20select%20<i>Save%20'+%20(navigator.appName=='Microsoft%20Internet%20Explorer'?'target':'link')%20+'%20as)</i>'))+'</span>';}void(0);

HD (High-Definition) video

For HD (720p) video, you use it when you want download HD video clips from YouTube.

javascript:if%20(document.getElementById('download-youtube-video')==null%20&&%20!!(document.location.href.match(/http:%5C/%5C/%5Ba-zA-Z%5C.%5D*youtube%5C.com%5C/watch/)))%20%7Bvar%20yt_mp4_path='http://www.youtube.com/get_video?fmt=22&video_id='+swfArgs%5B'video_id'%5D+'&t='+swfArgs%5B't'%5D;%20var%20div_embed=document.getElementById('watch-embed-div');div_embed.innerHTML=div_embed.innerHTML+'%3Cbr%20/%3E%20%3Cspan%20id=%5C'download-youtube-video%5C'%3E%3Ca%20href=%5C''+yt_mp4_path+'%5C'%3EDownload%20as%20720p%20HD%20MP4%3C/a%3E%20'+%20%20((navigator.userAgent.indexOf('Safari')!=-1)?'(control-click%20and%20select%20%3Ci%3EDownload%20linked%20file%20as%3C/i%3E)':('(right-click%20and%20select%20%3Ci%3ESave%20'+%20(navigator.appName=='Microsoft%20Internet%20Explorer'?'target':'link')%20+'%20as)%3C/i%3E'))+'%3C/span%3E';%7Dvoid(0);

All you now need do is choose your favourite video clip on YouTube portal and click on adequate Bookmark (for regular or HD video). If it’s normal/regular/non-HD video it looks like this (after click on preliminary created Bookmark):

And if it’s HD video it looks like this one…

You need to right click on the newly created link and choose Save Links As…. Then you need to type in name of your file/video clip and inevitably put the extension at the end “.mp4“ (of course, without the quotation marks). Also, under Save as Type choose All Files. Click on Save and your video will be shortly downloaded.

On your computer, you can run it with some of players – VLC Player, Media Player Classic (MPC) and similar. If you want convert it to some other format, install a program like Xilisoft Video Converter (Standard/Platinum/Pro).

All you need to do is go at Start – Control Panel – Sounds and Audio Devices. Choose Sounds tab.

Under Sound sceheme: choose No sounds. You’ll get a warning about saving last changes/preferenecs, simply click No.

Apply i Close.

Simply you can right click on icon and select Settings… (here is HR as Croatian keyboard layout)

Choose any language you don’t use (if you have one) and click on Remove. Then just Apply and close the Window.

Here I have english and croatian keyboard layout, and because I use only the Croatian one, the English one can easily be erased/removed.

From pure curiosity, I decided to create my own in Adobe Photoshop to see how it will “come out“. And for me, the result is more than good (although it must be a few centimeters bigger, but that’s not some problem because everything is in source .psd file).

The only problem maybe that using a Google logotype, but for “home-work“ that doesn’t really matter. If you wish to do this type of visit card for commercial services, check whether it is allowed or not. I will be kind and put source file (.psd file) for Download: Google Visit Card. Enjoy.

Run any Adobe program (I will use Adobe Acrobat 8) and click on Help – Check for Updates…

Program will check for some updates…

And it will offer you to download them and install them, of course. On the left side, click on Preferences.

At the top, uncheck Automatically check for Adobe updates and click on OK.

Program will check for updates once again.

After that just click on Close.

<?php echo "Syntax Highlighter" . "/Code Snippet/Plugin"; ?> <br />

The one thing that I really needed was for easier editing and writing of my posts and putting source code onto my web-page/blog for viewing only, i.e. the code mustn’t be rendered (translated). Wordpress has one built-in, but it’s a little poor, something is translated, something isn’t and similar. I was looking for some add-on/plugin which would have the capability to highlight/color some parts of code, i.e. code can be easy readable without any “translation“ (for example <br> tag musn’t be rendered as a new line). I have found one interesting add-on called CodeHighlighter and from the beginning it seems quite good (also, it has the advantageous possibility to put line numbers at the left side of the code). But, when PHP code came up which contained HTML code (especially <br> tag) – it wasn’t translated properly, so the code which I didn’t wish to show wasn’t right, because the <br> tag wasn’t there. I tried to configure some files, add <br> tag in Visual layout, but all without any success – stupidly, he has translate it anyway.

Then, I was (again) looking for another plugin and found what I needed, simply named WP-Syntax. It can highlight/colour code, add lines at left side (from any number) and you can choose the code language (full list of supported languages) when you add it. Here is how you add some source code to a post:

The plugin which I wasn’t so enthusiastic about earlier (CodeHighlighter) and also the now mentioned WP-Syntax are based on GeSHi system which, as I have mentioned, support many avaliable languages.

Here are a few examples how it looks in real (codes are from CodeHighligher web-site).

C++

class nsScannerBufferList
{
public:
/**
  * Buffer objects are directly followed by a data segment. The start
  * of the data segment is determined by increment the |this| pointer
  * by 1 unit.
  */
class Buffer : public PRCList
{
public:
Buffer() {
++index_;
}

PHP (with start-line 5)

5
6
7
8
9
10
11
12
13
14
15
16
17

<?php
for ($i = 0; $i < strlen( $utf8_string ); $i++ ) {
 
$value = ord( $utf8_string[ $i ] );
 
if ( $value &lt; 128 ) {
// ASCII
$unicode .= chr($value);
} else {
if ( count( $values ) == 0 ) {
$num_octets = ( $value < 224 ) ? 2 : 3;
}
$values[] = $value;

Perl (with start-line 1)

1
2
3
4
5
6

my ($class, $mail, $orig) = @_;
my $new_list = $class->_detect($orig) or return;
$new_list->add_to_posts({mail => $mail->id})
    unless Email::Store::List::Post->search( mail => $mail->id,
        list => $new_list->id
    );

CSS

pre {
border: 1px solid #ccc; padding: 0em 0.5em;
 
/* Browser specific (not valid) styles to make preformatted text wrap */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
#
}
 
.strike {
text-decoration: line-through;
}

<p style="text-align: center"><a href="http://www.svebee.com/images/phpmysql_2/original/15.jpg"><img style="margin: 5px" src="http://www.svebee.com/images/phpmysql_2/15_thumb.jpg" alt="PHP & MySQL vodič - osnove" /></a></p>

This is one of the Titles in PHP guide.

<a name=skupovi_znakova_strings><p style="font-size: 1.5em; border-top:1px dashed black; border-bottom:1px dashed black">Skupovi znakova (eng. strings) | <strong><a href="#"><font color=blue>strings.php</font></a></strong></p></a>

And so on, they are long and they require very much patience and I need them, for the “unique“ look of my website, to all be in the same style, all titles are the identical, all commands are equal, the same colour and so on. If you write in “Visual” layout, Wordpress will automatically add many codse for nothing. Also, I like to have everything under “my control“ so I can directly edit every part of my post, font colour or some picture description. The advantage of this is, as I have said, precise control of and valid web-pages (with the presumption you know how to write valid HTML/CSS code).

The disadvantage of this way, is that the time taken to write every single post is very long. As I wanted to speed it up a little bit, I have copied all the more important tags into one .txt document at my Desktop, so I could easily copy/paste it into my posts, and then I just change my Title, picture location/descirption and similar. However, that was also a little too slow because of constant “jumping“ from one window to another, selecting, copying and so on. I was looking for some solution, so I could add my own buttons in HTML view in Wordpress, for example, the Title open/start tag would be:

<a name=anchor><p style="font-size: 1.5em; border-top:1px dashed black; border-bottom:1px dashed black">

and end/closed tag would be:

</p></a>

just like this, for example, bold, italic tag and similar which are built-into Wordpress. After a little searching (with Google, of course), I have found it. You need to edit a JavaScript file in wp-includes/js/quicktags.js and copy the 7 lines of code for “add your own button”. Since there are already some buttons, it’s enough to copy them and adapt them for your own needs, they’ll be automatically added in HTML layout in Wordpress. So we have:

1
2
3
4
5
6
7

edButtons[edButtons.length] =
new edButton('ed_code'
,'code'
,'<code>'
,'</code>'
,'c'
);

We copy the following part, and paste it underneath and change it to suit your own needs.
Line 1 and 2, leave as they are, you can just change extension after “ed_“ in something meaingful, for example for “spoiler alert“ I put just “spoiler“.
Line 3 is the name of that button – what will write in HTML view in Wordpress on it.
Line 4 is start tag (open tag).
Line 5 is end tag (closed tag).
Line 6 you can adjust for your own convenience, for example, beginning letter of the tag.

1
2
3
4
5
6
7

edButtons[edButtons.length] =
new edButton('ed_spoiler'
,'spoiler'
,'[spoiler name=""]'
,'[/spoiler]'
,'sp'
);

The code, which I put, is my button for insert a “spoiler alert” (a spoiler is the content which mustn’t be seen at first view, for example, the end of some movie/game) in my post, I select my text and press my button named “spoiler“ and then the tags are automatically added around it (the text).

In this tutorial, I’ll describe how to set-up your own internet radio streaming – you’ll send information (songs/voice/whatever…) from your computer to a server (which you have bought), which will foward the songs further to your radio listeners. Also, I’ll describe how to make a form on your web-server (web-site) which will show what is currently playing, what’s next, most popular songs, formular for requests (visitor request some song – and radio automaticly plays it) and so on (a playlist).

WARNING: First do ALL WITHOUT No-IP.com, and when you’re done and everything is OK, then back to the first steps and do with No-IP.com static Host.

Neccessary:

Rent/buy a ShoutCast server/hosting

First of all, you need to buy a ShoutCast server which will “serve customers” (because for most of people, the normal upload speed at home is only enough for about 3-5 people simultaneuosly). I have tried a very good and cheap one (if you order by yourself without contacting me, you’ll pay a few times more) for hosting (no bandwidth limit), so if you’re interested – contact me. I have written this tutorial based upon that host, so some of pictures are connected with it.

When you have contacted me, I will refer you to a good & cheap hosting site and when you have paid them, they will give you information for the server in the following form:

Go on www.streampanel.biz and log in.

Click on Server Management – Manage.

Change Admin Password and Password. Also write down Port Base. At the bottom write down Public name – name of your Radio Station. After you fill them all – click on Update.

After that click on Start - server will start up.

MySQL database

After you bought your ShoutCast server, the first thing you must to do for your “radio programme” is to allow connections to (MySQL) database on your website. Because, in our case, the database is neccessary for the correct working of the SAM Broadcaster – with it we list our songs on website, send requests and similar. So, go to the Cpanel on your website – mostly it’s www.yourwebsite.com/cpanel.

Log in and then click under category “Databases” on “Remote MySQL”.

In the given box, you must type in the IP address which will connect to the database on your website (it must be YOUR IP address). If you want, you can type in your current IP address (find it on www.whatismyip.com) but I don’t recommend that because if your radio station will be online more than 24 hours – your (mostly dynamic) IP address will change. There are offers for static IP addresses, but for us that’s too expensive. There is a solution for this problem. Go to www.no-ip.com, create your account and log in. In your member area click on “Add Host”.

At Hostname: type in your future (static) “IP address”, that address will “act” as your real IP address. There are many names reserved, so be creative. On the right-hand side you can choose the “form” of your address – pick what you like. At “Host Type:” leave it as it is (DNS Host (A)). At IP Address ,probably it will automaticly write your current IP address. If not, type it yourself (you can find it at the right upper corner). “Assign to Group:” leave as it is. Click on “Create Host“.

Address will be created.

Next step, you must download a little piece of software which will be installed on your computer and which will contact the server when your (dynamic) IP address is changed – so it will be (again) – mojradio.no-ip.info (in our case). Program can be download at the following address. Install it and run. Log in with your account (on No-IP.com) and your address will be automaticly added – mojradio.no-ip.info. All you need do is click on it so the smiley will be “shy” (red cheeks).

After that just leave it in Tray.

After you have created your static IP address (Host), you must type in the estimated field in your Cpanel – under Remote MySQL type it in and click on Add. Address is added.

WARNING: Temporarily allow access to your dynamic (real) IP address (example: 42.131.43.234) – after you run program (SAM Broadcaster) you can remove it. If you turn off the program, in the meantime your IP address change, so you won’t be able to run it (database error), so then you must have you real IP address allowed in Cpanel.

After that, make the database for your “radio station”. Go on Cpanel and click on MySQL Databases.

Create new database (whatever name; in our case it will be tzruscom_mojradio) and assign it user with ALL PRIVILEGES – in our case that will be tzruscom_testna.

Your database created.

SAM Broadcaster (v4.2.2)

Now we move on “main” part – installation of SAM Broadcaster programme. Open up installation file (sambc-up.exe) and installation will begin.

Click on Yes.

Click on Next.

Click on Accept.

Click on Next.

Choose MySQL and click on Next.

Choose Specify custom settings and Remote server. At username type in user name of database (in your Cpanel) – in our case that’s tzruscom_testna. At password type in password of that user, and at Database type in name of database which will be for your radio station (tzruscom_mojradio). At Host type in domain of your website (without WWW!). Leave the Port setting as it is (3306).

Click on Next.

The program should be successfully installed (if some error occurs, if something you did went wrong – allow access to database, check for wrong typing of username/password and similar) and it will generate tables in database.

After that type in serial key for program activation:

Run program (all people with version “from net” must deselect all, put “update” and then they can run program).

Program should load up and pop-up windows for importing songs (Media Library) and SoundFX module. Both, leave as they are (selected) and click ‘Continue’.

Now, you should wait for a little while (for communication with the server), and after that you can choose a directory (some) of your songs – choose and click on OK.

SAM Broadcaster will import the songs (if you have many songs, I reccomend importing in pieces because if you import one huge directory of music, the program can freeze), wait till it has finished importing (Q: Why is it so slow?? A: Because there is neccesary communication between your (home) computer and server, and (probably) your speeds (upload speed) are a little slow (~512kbps)…

and there is first screen of your program.

At left side there is a list of your imported songs – under Playlist “Tracks”. At Queue there is list of songs that are ready to be played on the radio, History - history of your played songs and Voice FX – microphone settings (you can turn on microphone and press Press to Talk and speak LIVE at your Internet radio).

Click on Desktop B and click on + (plus) at Encoders

Choose MP3 (if you need 128kbps encoding) or mp3PRO for 64kbps or lower. We will use 128kbps (as our ShoutCast server which we bought – allows it) and click on OK.

At Format choose 128kb/s, 44,1kHz, Stereo.

Click on Server Details and at Server Type select (if it isn’t already) – ShoutCast. At Server IP type in IP of your server (you can see it on www.streampanel.biz after you log in) – in our case 208.53.138.125. At Server Port type in port which you get (in our case) 8757 - you can check it at Server Managment – Portbase. At Password, type in the password of your server (you can see it/change at Server Management – Manage). At Station name type in the name of your radio station, at Genre - type of your music, Website URL – site of radio station and click on OK (if you want you can fill up AIM/ICQ/IRC Channel fields).

After that click right click on Encoder and click on Start (or select and then press F9).

Program should successfully connect and write “Encoded (time), streamd 0 bytes (time)”. It’s time to play some music! Switch on Desktop A and play some song.

If you switch back to Dekstop B you’ll see the size at Streamed is raising.

Go to the IP address of your server with internet browser (208.53.138.125:8757) and you should see the name of song, name of radio station, how many listeners you have and similar.

If it’s all as I mentioned, the thing is fully funcional.

Changing configuration (config)

Now, we must enable that ‘current song’ is shown at our web-site (directly from Internet), so visitors can request songs and similar. Go to the following folder “C:\Program Files\SpacialAudio\SAMBC\samPHPweb“ and copy it all (samPHPweb) to some other place (ex. Dekstop). Open up folder and file config.php with Wordpad/Notepad.

Change the following lines in file config.php:

//Station general details
  $station  = "My station name";
  $email    = "email@mailbox.com";
  $logo     = "images/logo.gif";
 
  $stationid   = 0;           //The ID of your registered station on AudioRealm.com
  $sam["host"] = "localhost"; //The IP address of the machine SAM is running on (DO NOT use a local IP address like 127.0.0.1 or 192.x.x.x)
  $sam["port"] = "1221";      //The port SAM handles HTTP requests on. Usually 1221.

into

  //Station general details
  $station  = "Moj radio";
  $email    = "info@tzrus.com";
  $logo     = "images/logo.gif";
 
  $stationid   = 0;           //The ID of your registered station on AudioRealm.com
  $sam["host"] = "mojradio.no-ip.info"; //The IP address of the machine SAM is running on (DO NOT use a local IP address like 127.0.0.1 or 192.x.x.x)
  $sam["port"] = "1221";      //The port SAM handles HTTP requests on. Usually 1221.

Station – name of your radio station, email – your e-mail address, logo leave as it is (path), stationid leave 0, $sam[„host“] type in your host / static IP address – in our case that is mojradio.no-ip.info. Port leave as it is (1221).

After that open up file dbconfig.xml.php and change following:

<?/* 
<CONFIG application="SAM" version="4.2.1">
	<Database>
		<Driver>MYSQL</Driver>
		<Host>localhost </Host>
		<Port>3306</Port>
		<Database>database</Database>
		<Username>username</Username>
		<Password>password</Password>
	</Database>
</CONFIG>
 */?>

into

<?/* 
<CONFIG application="SAM" version="4.2.1">
	<Database>
		<Driver>MYSQL</Driver>
		<Host>localhost</Host>
		<Port>3306</Port>
		<Database>tzruscom_mojradio</Database>
		<Username>tzruscom_testna</Username>
		<Password>blabla</Password>
	</Database>
</CONFIG>
 */?>

When you have done that, upload the complete directory to your web-server. If you get the following screen (in Internet browser) everything is OK.

If you get error “MySQL error – couldn’t connect to database“ one possible problem could be the ports (1221 and 3306) which must be “free” – you must pass them through your router. An easy way to detect this is download the following script and within it, change these two lines (and ofcourse than upload it to your web-server):

$hostNameOrIP = "mojradio.no-ip.info";
$hostPort = "1221";

that it will read in the first case, and in the second

$hostNameOrIP = " mojradio.no-ip.info ";
$hostPort = "3306";

If both are PASSED, then it’s fine, if it’s FAILED, then you must pass them through your router (tutorials for this can be found here – portforward.com).

At the end of installation, you can leave checked the Start MathType Now, you can see how it looks, the interface of the program. The window will pop-up, first about useage and with some help tips, you can just click on OK.

When you see it at “first look“, you can freely close it. Open Office Word. First ,what you’ll see is ‘Permission for Macro Options’. You can check the box. Always trust macros from this publisher and then click Enable Macros.

With that you gave permission to the program so that it can run in Microsoft Word and use some shortcuts, eg press Alt+Ctrl+Q for inline formula (that one is in line – between some text). You’ll get the window of MathType.

You can write some formulae, see the menus that they are hiding (eg you can change the colour of formulae).

When you write your formula press on “X“ or just push Alt+F4 on the keyboard. You’ll get the question, would you like save the changes to the document, check ‘Don’t show this dialog from now’ and click on ‘Yes’, which means whenever you type some formula and press Alt+F4 (”X“) your formula will be saved and printed in a Word document.

If you want to edit it, you just double-click on it and there is window for editing.

WARNING: If you press Spacebar, you’ll get an instruction that says you won’t get a space (as you would get it in Word itself) because that space would “crash“ with some automatic formatting of the program, so if you want to simply space, press Ctrl+Space.

Also, one of the main possibilities of the program are shortcuts – whole formulae are available at a single click. For example, we are writing some lecture on Squared equations and we frequently need the formula shown below. All we need to do is type in our formula, select it, and then with mouse just drag it onto the Toolbar.

If you want speed up your typing more, you can set keyboard shortcuts on any key/shortcut in the Toolbar – it’s enough to press right click – Properties.

Then, in the space ‘Enter new shortcut key(s)’: press the keys which you want to be the shortcut for the mentioned formula/shortcut (WARNING: you must be careful that shortcut isn’t already in use (for example Ctrl+C is reserved for Copy), because if you aren’t careful about that there will be confusion about shortcut(s)).

If you have and question you can freely ask me.

p.s. if you are looking for the possibility to let you strikethrough your letters/number, like when you “short“ numbers in multiplication – the following is available here