Membuat Message Board dengan Shoutbox

Apa Shoutbox?

Shoutbox atau tagboard atau chatbox, adalah papan untuk menggunakan pesan sistem yang memungkinkan anda untuk berinteraksi dengan orang lain seketika.J Shoutbox dapat ditempatkan pada situs atau blog Anda.Pengunjung dapat dengan mudah mengirim komentar di dalamnya.Mereka juga dapat menggunakan Shoutbox untuk chatting dengan Anda dan pengunjung lain pada saat yang sama.

1. Buka www.shoutmix.com
2. Klik

   BUAT SEKARANG SHOUTBOX

3. Isi Kotak dialog di bawah ini : Create shoutbox
4. Shoutbox information

   1. Shoutbox ID:Choose a unique ID.
   2. Choose password:Minimum 6 characters.
   3. Retype password:Type again just to be sure.

   Contact information

   1. Name:Your real name.
   2. Email:How we can contact you.

   We hate spam as much as you do. We treat these information with utmost care and your email address is only used for administrative purposes. Please read our privacy policy for more.

   I have read and agree to the Terms of Service.

5. Klik Continue
6. Pilih Style/ Gaya/ Shoutbox style
7. Klik Continue

Choose a style to get started. More color configurations are available later.

• Compact
• Tag
• Compact (alt)
• Tag (alt)
• Inline

8. Kemudian muncul :

Thank you for using ShoutMix

Your shoutbox nooryadi has been created. You may now login to the control panel to use your shoutbox.

To place the shoutbox on your site, simply go to the Get Codes page once you are in the control panel.

9. Klik Go to my control panel now

10. Klik Get Codes, copy code html di bawah ini kemudian klik Tata letak, Tambah gadget, klik html/java sript, paste-kan ke situ

Place shoutbox on webpage

Copy the generated codes below and paste them in your website template where you want the shoutbox to appear.

Shoutbox size

1. Width:Unit in pixel, e.g. 160
2. Height:or percentage, e.g. 100%

Generated codes

<!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe title="nooryadi" src="http://www5.shoutmix.com/?nooryadi" width="160" height="400" frameborder="0" scrolling="auto"> <a href="http://www5.shoutmix.com/?nooryadi">View shoutbox</a> </iframe> <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /> <!-- End ShoutMix -->

Ramadhan Slideshow

Facebook

[materi blog] scrolling text-marquee-html codes for bloggers

Adding simple scrolling text: Here is the code to add a simple scrolling text from right to left side <marquee>Selamat Datang di SMK Negeri 3 Tegal</marquee> The output will be like: Example 1: Selamat Datang di SMK Negeri 3 TegalIf you want some more attraction,then try these, Add a background color to the text, <marquee bgcolor="#99CCFF">Selamat Datang di SMK Negeri 3 Tegal</marquee> Example 2: Selamat Datang di SMK Negeri 3 Tegal

You can choose your background colour by replacing

the hexadecimal code(#99ccff). Click here to see the codes of the different colors. Here are some mode attributes to learn:

direction="left" direction="right" direction="up" direction="down"

The above attributes tells the text which direction to

scroll. Use the code below: <marquee direction="right" bgcolor="#99CCFF">Selamat Datang di SMK Negeri 3 Tegal</marquee> Here is are some examples: To scroll in the 'right' direction: Example 3:

Selamat Datang di SMK Negeri 3 TegalExample 4: To scroll in the 'up' direction: Selamat Datang di SMK Negeri 3 Tegal

Example 5: Downwards:(I changed the hexa decimal codes

for different colours)

Selamat Datang di SMK Negeri 3 Tegalfew more attributes: You can add this attribute to alternate the text behavior="alternate" Here is the code to do this: <marquee behavior="alternate" direction="down" bgcolor="#33FFCC">Selamat Datang di SMK Negeri 3 Tegal</marquee> Example 6: Selamat Datang di SMK Negeri 3 Tegal

You can also set the speed of the text with this simple

attribute: scrollamount="2" The lower the scrollamount value, the less the speed it

moves, the html code for this: <marquee<br />behavior="alternate" direction="left" bgcolor="#9999CC"<br />scrollamount="2">Selamat Datang di SMK Negeri 3 Tegal</marquee> example 7:(for scrollamout =2)

Selamat Datang di SMK Negeri 3 TegalExample 8:(for scrollamount=5) Selamat Datang di SMK Negeri 3 Tegal

Pausing the text when mouse is over the text: It is very useful when the reader wants to read the

text,and the scrollamount is big,sothat he will put the

mouse over the text to pause the text and read the

matter: Here is the code to do this <marquee behavior="alternate" direction="left" bgcolor="#CCCCCC">onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"<br />scrolldelay="50"> Selamat Datang di SMK Negeri 3 Tegal</marquee> Example 9:

Selamat Datang di SMK Negeri 3 Tegal

(place the mouse over the text to test it) Changing the text colour: Here is the code to change the text colour:

(Add it before the marquee tag) <span style="#FFFFFF"> So, the code looks like this <span><marquee<br />onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"<br />bgcolor="#cccccc"><br /><br />Selamat Datang di SMK Negeri 3 Tegal<br /><br /></marquee> Example 10:

Selamat Datang di SMK Negeri 3 Tegal

CorelDRAW Graphic Suite 12

Apa itu CorelDRAW?
CorelDraw adalah program rancang grafis yang sangat populer dan mudah
untuk di operasikan serta mempunyai fasilitas yang lengkap.

disamping itu CorelDRAW mampu untk membuat suatu karya grafis
dengan kualitas tinggi dan profesional.

CorelDRAW menjadi pilihan utama pada desainer grafis karena mudah dan
cepat dalam penggunaannya.hanya dengan satu perangkat lunak ini anda
dapat membuat berbagai karya mengagumkan yang mungkin belum
pernah anda duga sebelumnya.

Dasar-Dasar CorelDRAW 12
perangkat lunak CorelDRAW merupakan program untuk desain grafis
yang sangat populer dan mudah untk dioperasikan serta mempunyai fasilitas
yang lengkap yang diciptakan oleh CorelCorporations kanada.

CorelDRAW telah menjadi pilihan utama pada desainer grafis karena
mudah dan praktis penggunaannya.hanya dengan satu perangkat lunak
ini anda dapat membuat berbagai karya mengagumkan yang mungkin
belum pernah anda dugs sebelumnya.