Tips Membuat Kotak Admin di Blog

Untuk memasang sebuah kotak admin yang biasanya disertakan dengan beberapa keterangan bisa dilakukan dengan sedikit editing di templete blog anda. Adapun langkah-langkahnya adalah sebagai berikut:

• Login ke dashboard blogger anda.
• Pilih Rancangan >> Edit HTML, centang Expand template widget.
• Cari kode <div class=post-footer> pada template.
• Pastekan script dibawah ini tepat di atas kode <div class=post-footer>

<!-- Kotak Admin -->

<b:if cond=data:blog.pageType == &quot;item&quot;>

<div class=admin-tulisan>

<h4>Ditulis Oleh : <a expr:href=data:blog.homepageUrl><data:post.author/></a> ~ Deskripsi Blog Anda</h4>

<div class=kontainer>

<img src=’URL foto anda/>

Artikel <a expr:href=data:post.url><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan anda dan kesediaan anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

<p><span style=float:right;font:italic 10px Arial, Sans-Serif;><a href=http://cob22.blogspot.com/2012/08/cara-membuat-kotak-admin-dibawah.html target=_blank>:: Get this widget ! ::</a></span></p>

<div style=clear:both;/>

</div>

</div>

</b:if>

<!-- Kotak Admin -->

• Kemudian cari lagi kode ]]></b:skin> pada template sobat.
• Pastekan kode CSS dibawah ini tepat diatas kode ]]></b:skin>. 
• Atau pastekan kode CSS tersebut tepat dibawah kode<data:post.body/>.

.admin-tulisan{

display:block;

width:auto;

background:#CFE2E0;

border:2px solid #fff;

box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;

padding:0;

margin:30px 0 10px 0;

font:normal 12px Arial, Sans-Serif;

color:#222;

}

.admin-tulisan .kontainer{padding:5px;}

.admin-tulisan h4{

background:#8A9C04;

border:none;

border-bottom:1px solid #699019;

color:#fff;

text-transform:normal;

text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);

font:bold 12px Arial,Sans-Serif;

padding:5px 10px;

margin:0 0 0 0;

display:block;

}

.admin-tulisan h4 a{color:#FEEA83;}

.admin-tulisan img{

width:70px;

height:70px;

margin:0 10px 0 0;

float:left;

border:1px solid #954B02;

padding:2px;

background:#C36702;

box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

}

Kemudian save dan lihat hasilnya.

Selamat Mencoba, Good Luck :)

Cara Membuat Animasi Loading Blog

Tutorial Belajar Blogger - Membuat Animasi Loading Blogspot - Tutorial Animasi loading blog bisa memberikan efek manipulasi terhadap loading blog agar nampak lebih cepat, disini saya repost dari tutorial dari om- dayz menggunakan script animasi loading dari DTE :] yang kemudian di padukan dengan CSS3 Loading Animation dari Alessio Atzeni.
Script animasi Loading DTE :] menyeleksi semua link internal yang akan diberikan animasi loading, dan tentunya anda dapat memodifikasi lagi Script tersebut sesuai keinginan anda.

CSS3 LOADING ANIMATION LOOP

MEMASANG ANIMASI LOADING KE BLOGSPOT

Tambahkan KODE CSS Animasi Loading Blog ini diatas ]]></b:skin>

#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg);  }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}

Kemudian Tambahkan JQuery ini diatas </head>, disini saya menggunakan Jquery versi 1.7.2 (Pasang jika belum ada Jquery di Template anda)

<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js type=text/javascript></script>

Langkah terakhir, pasang Script dibawah ini diatas tag </body>

<div id=loadhalaman>
<div class=loadball></div>
<div class=loadball-2></div>
</div>
<script type=text/javascript>
$(function() {
    var siteURL = "http://" + top.location.host.toString();
    var $internalLinks = $("a[href^="+siteURL+"], a[href^=/], a[href^=./], a[href^=../]");
    $internalLinks.click(function() {
        $(#loadhalaman).fadeIn(1500).delay(6000).fadeOut(1000);
    });

    // Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target=_blank
    $(#loadhalaman).click(function() {
        $(this).hide();
    });
});
</script>

Untuk demo Animasi Loading Blog, saya tidak menyertakannya, anda bisa melihat langsung di blog ini, selamat mengoprek :))

sumber  : http://om-dayz.blogspot.com

Teknik Sederhana Membuat Pattern di CorelDRAW

Pada CorelDRAW memang disediakan fitur untuk mengisi object dengan pattern, tapi masbro sekalian bisa membuat pattern sendiri dengan cepat tapi menggunakan teknik yang sederhana, karena pattern itu merupakan desain yang tercipta dari pengulangan dari suatu object yang dibuat secara sederhana.

Misal kita akan membuat pattern seperti gambar dibawah ini;

1. Kita hanya memerlukan gambar desain seperti dibawah ini, dalam pembuatannya kita harus perpatokan pada object segitiga (yang berwana merah);

Setelah dihilangkan object segitiga seperti gambar dibawah ini;

2. Selanjutnya aktifkan Menu Transformations pada Menu Bar --> Arrange --> Transformations --> Scale, maka muncul docker pada sisi kanan layar monitor kita, lakukan langkah urut nomer seperti dibawah ini;

3. Selanjutnya pada Property Bar, ketik angka 45 pada Angle of rotaion, hasilnya seperti gambar dibawah ini;

4. Select semua object diatas, lakukan seperti langkah  no. 2

5. Seperti sebelumnya select semua object diatas, lakukan langkah seperti yang dilingkari;

Senjutnya pada Docker Transformation pilih pilih sub menu Position, dan lakukan langkan seperti yang dilingkari;

Maka pattern akan tercipta seperti gambar dibawah ini;

Selamat mencoba, sekian...

Membuat Aplikasi Konversi Bilangan dengan VB

Konversi bilangan adalah perubahan bilangan yang biasanya kita kenal seperti bilangan biner, hexadesimal, desimal dan oktal. Dimana sistem bilangan ini wajib kita pahami untuk seorang mahasiswa Teknik Elektro apalagi ingin menjadi seorang Programmer.
1. Desimal
Bilangan desimal adalah bilangan yang mempunyai sepuluh simbol angka yaitu 0,1,2,3,4,5,6,7,8,9.
2. Heksadesimal
Bilangan heksadesimal adalah bilangan yang mempunyai enam belas simbol angka yaitu 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.
3. Biner
Bilangan Biner adalah bilangan yang mempunyai dua simbol 0 dan 1
4. Oktal
Bilangan heksadesimal adalah bilangan yang mempunyai delapan simbol angka yaitu 0,1,2,3,4,5,6,7

Berikut tabel Konversi Bilangan:

Desimal	Biner	Oktal	Hexadesimal
0	0	0	0
1	1	1	1
2	10	2	2
3	11	3	3
4	100	4	4
5	101	5	5
6	110	6	6
7	111	7	7
8	1000	10	8
9	1001	11	9
10	1010	12	A
11	1011	13	B
12	1100	14	C
13	1101	15	D
14	1110	16	E
15	1111	17	F

Baiklah kita akan membuat program Aplikasi Konversi Bilangan dengan VB dimana aplikasi ini akan membantu anda mengkonversikan bilangan secara cepat dan tepat :
1. Seperti biasa buatlah New Project pada software VB anda kemudian tambahkan 11 label, 2 textbox, 2 frame, 8 optionbutton, dan 3 commandbutton.
2. Desainlah menjadi seperti gambar dibawah ini :

3. Dan setiap beri nama setiap textbox dan optionbutton seperti text warna coklat tersebut, mengganti namanya di Propertiesbar. Jika ada kekeliruan form tidak berjalan dengan sempurna :v
4. Lalu Copy code/script dibawah ini

Untuk Tombol Clearnya
Private Sub cmdclear_Click()
txtmasuk.Text = ""
txtkeluar.Caption = ""
txtmasuk.SetFocus
optdesimalm.Value = False
optbinerm.Value = False
optoktalm.Value = False
optheksam.Value = False
optdesimalk.Value = False
optbinerk.Value = False
optoktalk.Value = False
optheksak.Value = False
End Sub
Untuk Tombol Exitnya
Private Sub cmdexit_Click()
x = MsgBox("Do you want to exit now ?", vbYesNo, "Information")
If x = vbYes Then
Unload Me
Else
End If
End Sub

Untuk Tombol Konversinya
Private Sub cmdkonversi_Click()
If optbinerm.Value And optdesimalk.Value Then txtkeluar.Caption = BinToDes(txtmasuk.Text)
If optbinerm.Value And optbinerk.Value Then txtkeluar.Caption = txtmasuk.Text
If optbinerm.Value And optoktalk.Value Then txtkeluar.Caption = BinToOk(txtmasuk.Text)
If optbinerm.Value And optheksak.Value Then txtkeluar.Caption = BinToHex(txtmasuk.Text)
If optdesimalm.Value And optbinerk.Value Then txtkeluar.Caption = DesToBin(txtmasuk.Text)
If optdesimalm.Value And optdesimalk.Value Then txtkeluar.Caption = txtmasuk.Text
If optdesimalm.Value And optoktalk.Value Then txtkeluar.Caption = DesToOk(txtmasuk.Text)
If optdesimalm.Value And optheksak.Value Then txtkeluar.Caption = DesToHex(txtmasuk.Text)
If optoktalm.Value And optbinerk.Value Then txtkeluar.Caption = OkToBin(txtmasuk.Text)
If optoktalm.Value And optheksak.Value Then txtkeluar.Caption = OkToHex(txtmasuk.Text)
If optoktalm.Value And optdesimalk.Value Then txtkeluar.Caption = OkToDes(txtmasuk.Text)
If optoktalm.Value And optoktalk.Value Then txtkeluar.Caption = txtmasuk.Text
If optheksam.Value And optbinerk.Value Then txtkeluar.Caption = HexToBin(txtmasuk.Text)
If optheksam.Value And optdesimalk.Value Then txtkeluar.Caption = HexToDes(txtmasuk.Text)
If optheksam.Value And optoktalk.Value Then txtkeluar.Caption = HexToOk(txtmasuk.Text)
If optheksam.Value And optheksak.Value Then txtkeluar.Caption = txtmasuk.Text

With txtmasuk
.SelStart = 0
.SelLength = Len(txtmasuk.Text)
End With
End Sub

Public Function BinToDes(ByVal NBiner As String) As Long
Dim A As Integer
Dim B As Long
Dim Nilai As Long
On Error GoTo ErrorHandler
B = 1
For A = Len(NBiner) To 1 Step -1
If Mid(NBiner, A, 1) = "1" Then Nilai = Nilai + B
B = B * 2
Next
BinToDes = Nilai
Exit Function
ErrorHandler:
BinToDes = 0
End Function


Public Function DesToBin(ByVal NDesimal As Long) As String
Dim C As Byte
Dim D As Long
Dim Nilai As String
On Error GoTo ErrorHandler
D = (2 ^ 31) - 1
While D > 0
If NDesimal - D >= 0 Then
NDesimal = NDesimal - D
Nilai = Nilai & "1"
Else
If Val(Nilai) > 0 Then Nilai = Nilai & "0"
End If
D = D / 2
Wend
DesToBin = Nilai
Exit Function
ErrorHandler:
DesToBin = 0
End Function

Public Function DesToHex(ByVal NDesimal As Long) As String
DesToHex = Hex(NDesimal)
End Function

Public Function HexToDes(ByVal NHexa As String) As Long
Dim E As Integer
Dim Nilai As Long
Dim F As Long
Dim CharNilai As Byte
On Error GoTo ErrorHandler
For E = Len(NHexa) To 1 Step -1
Select Case Mid(NHexa, E, 1)
Case "0" To "9": CharNilai = CInt(Mid(NHexa, E, 1))
Case Else: CharNilai = Asc(Mid(NHexa, E, 1)) - 55
End Select
Nilai = Nilai + ((16 ^ F) * CharNilai)
F = F + 1
Next E
HexToDes = Nilai
Exit Function
ErrorHandler:
HexToDes = 0
End Function
Public Function DesToOk(ByVal NDesimal As Long) As String
DesToOk = Oct(NDesimal)
End Function

Public Function OkToDes(ByVal NOktal As String) As Long
Dim G As Integer
Dim H As Long
Dim Nilai As Long
On Error GoTo ErrorHandler
For G = Len(NOktal) To 1 Step -1
Nilai = Nilai + (8 ^ H) * CInt(Mid(NOktal, G, 1))
H = H + 1
Next G
OkToDes = Nilai
Exit Function
ErrorHandler:
OkToDes = 0
End Function

Public Function BinToOk(ByVal bin As Long) As String
BinToOk = DesToOk(BinToDes(bin))
End Function

Public Function BinToHex(ByVal NBiner As Long) As String
BinToHex = DesToHex(BinToDes(NBiner))
End Function

Public Function OkToBin(ByVal NOktal As Double) As String
OkToBin = DesToBin(OkToDes(NOktal))
End Function
Public Function OkToHex(ByVal NOktal As Double) As String
OkToHex = DesToHex(OkToDes(NOktal))
End Function

Public Function HexToBin(ByVal NHexa As String) As String
HexToBin = DesToBin(HexToDes(NHexa))
End Function

Public Function HexToOk(ByVal NHexa As String) As Double
HexToOk = DesToOk(HexToDes(NHexa))
End Function

Private Sub FrKonBil_Load()
Welcome = MsgBox("Konversi Bilangan by Chimpunk!", vbInformation, "Thanks to XTKJD")
If Welcom = okvb Then
Unload Me
Else
OpenURL "http://blogspot.com", Me.hWnd
End If
Move (Screen.Width - Me.Width) / 2, (Screen.Height - Me.Height) / 2
txtmasuk.Text = ""
txtkeluar.Caption = ""

End Sub

Private Sub Form_Load()

End Sub

5. Lalu Paste code/script tadi ke Jendela Code, (View Code).
6. Coba Run/Play form tadi.
7. Tadaaa! udah jadi. Selamat bereksperimen Gan

Resep dan Cara Membuat Bebek Goreng Khas Bali

Resep Bebek Goreng Khas Bali - kita kali ini akan coba berbagi resep dan cara membuat bebek goreng khas Bali. Bebek goreng ini sangat cocok sekali dihidangkan dengan sepiring nasi hangat + lalapan dan sambal goreng. Rasanya maknyuusss. Langsung saja kita simak resep bebek goreng khas Bali ini.

Bahan Membuat Bebek Goreng Bali:

• 1 ekor bebek, potong 4 bagian
• 2 lembar daun salam
• 2 lembar daun jeruk
• 1 batang serai, memarkan
• 4 sdm minyak sayur

 Bumbu, Haluskan :

• 2 cm lengkuas
• 8 siung bawang putih
• 2 cm jahe segar
• 2 cm kencur
• 1 sdt terasi goreng
• 1 sdt gula pasir
• 1/2 sdt ketumbar
• 1 sdt merica butiran
• 2 sdt garam

 Pelengkap Sambal Matah Urap Kacang Panjang, bahan:

• 3 sdm minyak sayur
• 1 sdt terasi
• 2 lembar daun jeruk purut, iris halus
• 1 batang serai, ambil bagian yang putih, iris halus
• 1/2 sdt garam
• 1 butir jeruk limau, ambil airnya
• 3 butir bawang merah, iris tipis
• 2 siung bawang putih, iris tipis
• 3 buah cabai rawit merah, iris halus

Cara Membuat Bebek Goreng Bali:

• Aduk bebek dengan bumbu halus hingga rata. Diamkan selama beberapa jam.
• Panaskan minyak, masukkan bebek berbumbu, daun salam, daun jeruk, dan serai.
• Aduk hingga bebek kaku dan berubah warna.
• Tuangi air, masak dengan api kecil hingga daging bebek empuk. Angkat, dinginkan.
• Panaskan minyak banyak di atas api sedang, goreng hingga bebek kering. Angkat dan tiriskan.
• Sajikan dengan Sambal Matah dan Urap Kacang Panjang.
• Sambal Matah Urap:
• Panaskan minyak, goreng terasi hingga harum. Angkat.
• Aduk dengan bahan lainnya hingga rata.
• Beri air jeruk limau, aduk rata. Sajikan.

 Selamat Mencoba...!

Agar Mempunyai Ide Dalam Membuat Postingan

Agar Mempunyai Ide Dalam Membuat Postingan - Ngeblog merupakan suatu hal yang sangat membanggakan bagi saya, saya menjadi lebih bisa berbagi pengalaman saya sendiri dan juga bisa share ke teman - teman blogger. Setiap saya ingin membuat postingan, selalu muncul ide yang ingin saya buat. maka dari itu pada pembahasan kali ini saya akan share ke teman - teman, Bagaimana Agar Mempunyai Ide Dalam Membuat Postingan.

Agar Mempunyai Ide Dalam Membuat Postingan :

1. Sering Melakukan Blogwalking
Blogwalking menjadi hal yang sangat penting dalam membuat postingan yang ingin kita buat. Dengan sering melakukan Blogwalking, pastinya kita akan menemukan hal - hal baru, berita terbaru dan terupdate dari blog orang lain tentunya. 

2. Melihat Artikel populer di Google Trends
Google Trends merupakan fitur dari Google yang merupakan kumpulan berita terpopuler yang ada di pencarian google. Dengan ini, anda jadi bisa lebih tahu tentang artikel terpopuler masa kini. Silahkan kunjungi disini Google Trends  disini >> www.google.com/trends

3. Melihat Artikel Terkini di Direktori Artikel
Di Web - web Direktori artikel, kalian bisa menemukan informasi - informasi dan berita terkini. Contoh Web/Blog Direktori Artikel yang bisa anda temukan seperti Lintas.me, Infogue.com, Technorati.com dan masih banyak lagi.

4. Bergabung di Forum - forum Online
Tujuannya bergabung di forum online selain berdiskusi antar pengguna internet, juga dapat mempromosikan blog loh.. kita juga dapat melihat postingan - postingan terbaru dari orang lain. Contohnya : Kaskus.co.id, Forumbebas.com, Indoforum.org dan masih banyak lagi.

Demikian postingan saya yang berjudul Agar Mempunyai Ide Dalam Membuat Postingan

Semoga bermanfaat..

#Salam

Cara Membuat Beragam Teks Berjalan di Blog Marquee

Pengertian dari Marquee sendiri adalah kode HTML yang berguna untuk membuat teks berjalan. Dengan memasang marquee ini, blog kita akan terlihat lebih hidup dan dapat menghemat ruangan pada blog kita.

Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes. Jadi dipelajari dengan teliti dulu yach temen-temen.

Beberapa attributes yang sering digunakan dalam marquee yaitu :

1.   Behavior : untuk mengatur gaya gerakan pada teks.

Ada 3 gaya gerakan yang bisa digunakan yaitu :

* Alternate      : Teks bergerak bolak-balik

* Slide             : Teks hanya bergerak sekali saja

* Scroll            : Teks bergerak ke satu arah secara continue

Selain contoh di atas bisa juga mengatur ukuran font /teks dan warna teks mengunakan script berikut :

2.   Direction : mengatur arah gerakan teks.

Ada 4 arah gerakan yang bisa digunakan yaitu :

* Up               : Teks bergerak keatas

* Down          : Teks bergerak kebawah

* Left             : Teks bergerak kekiri

* Right           : Teks bergerak kekanan

3.   Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4.   Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini

5.   Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.

6.   Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.

7.   Bgcolor  : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".

8.   Scrolldelay : Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9.   Scrollamount : Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop : untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee :

Contoh 1 : Buat teks berjalan dari kanan ke kiri (default)

Welcone To Negeri Info ==> Membuat teks berjalan

Kode scriptnya sebagai berikut :

<marquee> Welcone To Negeri Info ==&gt; Membuat teks berjalan </marquee>

Selain contoh di atas bisa juga mengatur ukuran font /teks dan warna teks mengunakan script berikut :

Selamat Menunaikan Ibadah Shoum Ramadhan 1432 H

<marquee><font size=3 face=comic sans ms color=yellow> Selamat Menunaikan Ibadah Shoum Ramadhan 1432 H </font></marquee>

Pada kode di atas:
a. font size=3 , angka 3 adalah ukuran teks /font bisa diubah sesuai kebutuhan
b. face=comic sans ms , comic sans ms jenis huruf
c. color=yellow , yellow adalah warna teks.

Contoh 2 : Membuat teks berjalan dari kiri ke kanan (direction)

Teks berjalan dari kiri ke kanan

Kode scriptnya sebagai berikut :

<marquee behavior="scroll" direction="right" height="30" width="auto">Teks berjalan dari kiri ke kanan</marquee>

Contoh 3 : Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
Anda bisa mengubah angka 30 pada scrollamount="30"

Teks bergerak lambat
Teks bergerak lebih cepat

Kode scriptnya sebagai berikut :

<marquee behavior="scroll" direction="left" scrollamount="5">Teks bergerak lambat</marquee>
<marquee behavior="scroll" direction="left" height="20" scrollamount="50" width="auto">Teks bergerak lebih cepat</marquee>

Contoh 4 : Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan

Teks berjalan bolak balik

Kode scriptnya sebagai berikut :

<marquee behavior="alternate">Teks berjalan bolak balik</marquee>

Contoh 5 : Membuat teks berjalan dengan background biru
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "blue" pada kode bgcolor="blue" , warna lain bisa dilihat di sini

Teks berjalan dengan background biru

Kode scriptnya sebagai berikut :

&lt;marquee behavior=&quot;alternate&quot;&gt;&lt;marquee bgcolor=&quot;blue&quot; height=&quot;30&quot; width=&quot;538&quot;&gt;Teks berjalan dengan background biru
&lt;/marquee&gt;&lt;/marquee&gt;

Contoh 6 ; Membuat teks bergerak dari bawah ke atas

Teks bergerak dari bawah ke atas

Kode scriptnya sebagai berikut :

<marquee behavior="scroll" direction="up" height="60" width="auto">
Teks bergerak dari bawah ke atas
</marquee>

Contoh 7 : a. Membuat teks bergerak dari bawah ke atas (di dalam kotak teks)

Home

My Profil

Wikimapia

SMS Gratis

Kode scriptnya sebagai berikut :

<div style="border: 1px solid rgb(153, 153, 153); height: 180px; overflow: auto; padding: 5px;">
<b>
<marquee behavior="scroll" scrollamount="3" direction="up"></br>
<a href="http://.blogspot.com/">Home</a></br>
<a href="http://www.blogger.com/profile/01100026954099776668">My Profil</a></br>
<a href="http://www.wikimapia.com/">Wikimapia</a></br>
<a href="http://.blogspot.com/2011/07/sms-gratis-masuk-ke-sini.html">SMS Gratis</a></br>
</marquee>
</b>
</div>

b. Kecepatannya diubah dengan scrollamount="2" , arahnya ke bawah direction="down"

Home

My Profil

Wikimapia

SMS Gratis

Contoh 8 : Membuat teks bergerak dari bawah ke atas, memantul dan berhenti jika penunjuk mouse berada di atas teks area.
Tambahkan kode: onmouseout="this.start()" onmouseover="this.stop()

Teks 1
Teks 2
Teks 3

Kode scriptnya sebagai berikut :

<marquee align="center" behavior="alternate" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100">
Teks 1
Teks 2
Teks 3
</marquee>

Silahkan mencoba yang sobat sukai.

Semoga berhasil dan sukses sobat