Quantcast
Channel: massageng.com » Blogging
Viewing all articles
Browse latest Browse all 11

Cara membuat tulisan berjalan di blog joomla

$
0
0

Cara membuat tulisan berjalan di blog joomla – tulisan berjalan atau running text di sebuah blog akan membuat blog tersebut tampak lebih atraktif  dan menarik. Membuat tulisan berjalan pada blog seperti wordpress dan blogger relatif  mudah karena wordpress dan blogger  menyediakan widget HTML yang bisa digunakan untuk membuat tulisan berjalan dengan tag marquee html . Namun, bagaimana dengan blog  atau portal web yang dibangun menggunakan mesin joomla? Berdasar pengalaman saya, jika kita langsung menuliskan kode HTML dengan tag marquee pada modul  joomla maka tidak akan menampilkan efek teks berjalan. Lalu bagaimana cara membuat teks atau tulisan berjalan pada joomla? Ada beberapa langkah tambahan yang perlu dilakukan sebagai berikut .

Untuk membuat teks berjalan pada joomla, kita harus menggunakan iframe. Jika Anda belum tahu apa itu iframe, silahkan pelajari dasar-dasar  pemrograman HTML. Iframe bisa diibaratkan seperti sebuah jendela. Jika kita memandang ke arah jendela, maka akan tampak pemandangan lain di luar rumah. Nah, Jika kita ibaratkan blog joomla Anda adalah rumah, maka iframe yang akan kita buat adalah jendela yang menampilkan image atau tampilan halaman HTML lain diluar blog joomla Anda. Bagaimana cara membuatnya, Silahkan ikuti langkah berikut :

Langkah 1

Siapkan file HTML yang berisi tag <marquee> dan pesan yang akan anda tampilkan di blog joomla anda sebagai teks berjalan. Untuk kode HTML nya, silahkan copy kode HTML berikut ini :

<html>
<body>
<marquee onmouseover="this.stop()" onmouseout="this.start()" 
scrollamount="2" direction="left" 
scrolldelay="50" align="center">Silahkan ganti tulisan ini 
dengan pesan yang akan anda tampilkan</marquee>
</body>
</html>

Keterangan :

  • Scrollamount=”2” adalah kecepatan gerak teks berjalan. Semakin banyak nilai yang ditambahkan semakin cepat gerakan teks.
  • Direction=”left”  adalah arah gerakan text. Left (kiri), right (kanan), atas(up), bawah(down).
  • Scrolldelay=”50” , kebalikan dari scrollamount semakin tinggi nilai yang diberikan maka semakin lambat teks berjalan.

Cara membuat file HTML nya sebagai berikut :

Buka notepad, copas kode HTML diatas lalu simpan dengan nama terserah anda asal gunakan extensi HTML. Misal marquee.html . Lalu simpan. Pilih save as type : all file dan Encoding : Ansi .

 

Cara membuat tulisan berjalan pada blog

Langkah 2

Jika sudah terbentuk file marquee.html , silahkan buka cpanel hosting Anda . Caranya : ketik URL sebagai berikut : http://namadomainanda.com/cpanel  >>> misal . http://belajarblog.com/cpanel  lalu masukkan user dan password Anda. Upload file marquee.html tadi di root direktori agar mudah membuat alamat URL nya.  Lakukan test dengan menuliskan alamat URL file yang baru saja diupload pada browser. Misal >> http://belajarblog.com/marquee.html.  Jika tampil teks berjalan dengan latar belakang putih berarti file berhasil terupload. Copas alamat file HTML tadi. Untuk langkah 2 sampai disini. Selanjutnya menuju langkah ke 3.

Langkah 3

Masuk ke halaman administrator joomla, kalau caranya tentu sudah tahu ya. Oke, selanjutnya Extensions >> modul manager >> New >> Wrapper . Modul ini digunakan untuk menampilkan iframe pada joomla.  Kemudian lakukan pengaturan posisi dimana modul akan ditampilkan.  Pada basic options , kolom URL isikan dengan alamat file marquee.html yang tadi sudah kita copas. Lalu klik save.

Cara membuat teks berjalan pada blog

Buka Modul Manager pada halaman admin joomla

Cara membuat text berjalan pada joomla

Pilih Modul Wrapper

Cara membuat teks berjalan joomla

Pada kolom URL isikan link file marquee.html

Nah, cara membuat tulisan berjalan di blog joomla sudah selesai, untuk contoh hasilnya bisa dilihat di web kppn semarang 1 . Silahkan dicoba dan praktekkan di blog Anda. Mohon bantuannya share artikel ini ya.  Selamat Mencoba !


Viewing all articles
Browse latest Browse all 11

Latest Images

Trending Articles





Latest Images