Membuat Scrollbar Halaman

Posted on March 24, 2010. Filed under: Uncategorized |


Since a few days in these 2 weeks, you may see a new look in my blog. What’s that? Yes … a text message to always be at the top of the browser window. This message will always appear wherever the guests are in my blog, even when scrolling. I hope that the existence of these text messages does not bother the faithful visitors to my blog🙂 anyway … not too big in size and can be eliminated by the visitors themselves.

In the auto scrolling text, I deliberately put business advertising products I offer, as well as my affiliate link. Idly than installing it, eh .. proved the existence of auto scrolling text is able to increase my income significantly. This is because auto scolling text has a high click rate. Maybe because always appear in the visitor’s browser.

Well .. for you who want to put the auto scrolling text in the WordPress blog, I’ll teach it to you. Eh .. but remember, this only works on WordPress blogs on self-hosting or hosting their own and instead of hosting at WordPress.com.

Here’s how to install it:

1. Please download the first scriptnya here
2. Ekstraklah the downloaded file on your computer. Result extract downloaded file will generate 3 files.
3. Third upload the file to your WordPress root directory. If you installed WordPress into a specific folder, then upload those three files into the folder.
4. Then Edit the existing script in the header.php theme folder that you are using

Add the following code into the header.php script between the tags <head> … </ head>

<style type=”text/css”>
# message_box (
position: absolute;
top: 0; left: 0;
z-index: 10;
background: # FFC;
padding: 5px;
border: 1px solid # CCCCCC;
text-align: center;
font-weight: bold;
font-family: arial;
width: 99%;
)
</ style>

You can put the script above in any place in <head> tag .. </ head> Oya … Do not forget to replace ‘alamatbloganda’ with your blog URL address.
5. Still in the header.php script, also add the following code to write text messages. This code is placed after the tag <body>

<div id=”message_box”>
<img id=”close_message” style=”float:right;cursor:pointer” src=”http://alamatbloganda/12-em-cross.png&#8221; />
Your message *** here ***
</ div>

OK done, you will be able to see the text message on all pages of your WordPress blog.

But … unfortunately the script above can only put a message only.

Lha .. continue what if we want to put some messages more than one?

Do not worry … because I have modified scriptnya so you can add more than one message. Trus .. I created a script that will later merandom or randomize the message that appears every time your blog loaded on every page. Modification of my script is using the basic PHP and MySQL.

Besides raises random text messages, I modify the script is also equipped with a panel to organize its messages: added a message, edit and delete messages. OK is not it?

Here is a screen shot of my income after installing auto scrolling text with a script that my own modifications to the display advertising messages at random. 3x … He’s not cocky .. Hopefully you will too, thanks, gratitude beyond me🙂

Make a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Liked it here?
Why not try sites on the blogroll...

%d bloggers like this: