cara memasukan code html di joomla

Cara Memasukkan Module Script HTML Ke Joomla
Pertama2 masuk ke:
Module Manager —> New —> Custom HTML

Setelah itu pd Module Edit, Di Custom Outputnya pilih Edit HTML Source


Ex: saya ingin membuat Banner dengan Picture FB dan nge Link ke FB saya:
dg HTML seperti diatas :
Setelah itu kita kembali ke Home, maka disana sudah ada banner Picture FB yg nge Link ke http://facebook.com/hendla

Selamat Mencoba

membuat dropdown menu untuk joomla 1.5.3 menggunakan suckerfish

Setiap pengguna joomla pasti tahu bahwa di belantara internet sana tersedia ribuan template gratis siap download untuk mempercantik halaman situs joomlanya. Namun kekurangan dari template joomla gratis, adalah kenyataan bahwa besar kemungkinan template gratis tersebut sudah dipakai orang lain untuk situs mereka sendiri. Dan kenyataan bahwa menjadi generik dalam hal kesamaan tampilan situs adalah sesuatu yang tidak menyenangkan, untuk menghadapi hal ini tersedia tiga pilihan :
1. Membeli template berbayar. meskipun kemungkinan sudah dipakai orang lain tetap ada, tetapi probabilitanya relatif lebih kecil. Kelemahanlain dari pilihan ini adalah, untuk sebuah template yang ciamik, harga yang harus di tebus lumayan juga.
2. Meng-hire seorang web designer untuk membuat template yang khusus untuk anda sendiri. Oke, no need to tell. Biaya untuk meng-hire seorang web designer yang cakap relatif tidak sedikit.
3. Buat sendiri template joomla anda. Pilihan yang menarik. belum tahu ilmu membuat template? belum paham struktur template? Bersyukurlah anda hidup di abad ini. Uncle Google siap mencarikan jawaban dari pertanyaan anda.
Memang, perlu diakui meskipun kelebihan dari pilihan ketiga ini sudah jelas :
1. Biaya yang dikeluarkan relatif lebih sedikit dari pilihan 1 & 2
2. Anda dapat ilmunya. Pengaplikasian ilmu yang anda dapat bisa bermakna besar.
Namun tidak semua orang siap untuk menjalankan pilihan ketiga. Karena memang selain butuh waktu, butuh kesabaran dan ketekunan juga.
Disini saya ingin berbagi tentang apa yang saya pelajari hari ini. Sebuah hasil dari pilihan yang saya ambil, yaitu pilihan ketiga :
membuat dropdown menu untuk joomla 1.5.3
Jadi begini. Awalnya saya ingin membuat sebuah menu yang bisa di drop down, seperti situs ini. Dan setelah berkelana keberbagai situs joomla dan forum joomla via jawaban paman google, akhirnya dapat juga :
1. download module extended-menu-module-1.0.5.zip silahkan di googling atau langsung ke http://de.siteof.de setelah itu install, dan konfigurasikan.
2. download suckerfish-horizontal-1.0.1.zip modul ini saya dapat di tempat yang sama. setelah download, ekstrak file ke direktori template joomla anda. contoh : http://localhost/joomla/template/templateanda/
3. konfigurasikan file index.php template anda. hubungkan index.php dengan file css dan javascript menggunakan tag <link rel=”"> pada bagian <head>
4. edit css nya agar style nya sesuai kebutuhan anda.
Perhatian: saat anda ke http://de.siteof.de , terdapat beberapa versi dari module yang saya berikan. Yang saya coba dan teenyata berhasil versi yang saya tulis ini.

Cara buat marquer tex berjalan pada joomla

Cara Mudah Membuat Text Berjalan Pada Joomla. Pada kesempatan hari ini, saya akan mencoba untuk menerangkan Cara Mudah Membuat Text Berjalan Pada Joomla. Text Berjalan atau Merquee pada Joomla, kita perlu mengedit sedikit kode dari sebuah Template yang telah kita install pada Web Joomla kita. Text berjalan ini atau Merquee diletakkan pada bagian Header.
Baik, sekarang kita menuju pada langkah-langkah Cara Mudah Membuat Text Berjalan Pada Joomla:
- Login terlebih dahulu pada Administrator Joomla kamu
- Klik menu Extensions dan pilih sub menu template manager.
- Tandai dulu template sobat Blogger yang telah ditetapkan sebagai template yang kita pakai. Klik icon edit yang ada dipojok kanan.
- Selanjutnya kita Klik icon EDIT HTML
- Kita akan dihadapkan dengan Tag HTML. Kemudian temukan kode berikut ini, agar lebih cepat, silahkan gunakan fasilitas CTRL + F pada Browser anda.
</head><br /><body>
-Jika kode tersebut telah ketemu, maka copy kode berikut ini tepat dibawah kode yang kita cari barusan

<marquee onmouseover=”this.stop()” scrollamount=”2″ direction=”left” scrolldelay=”50″ align=”center”>Selamat Datang Pada Web yang Sangat Sederhana ini….www.haririalghazir.com…anda dapat berteman langsung dengan kami….</marquee>

-Setelah itu langsung kita simpan.
Keterangan :
scrollamount=”2″ —->>merupakan kecepatan dari teks yang berjalan. Semakin banyak nilai yang Sobat Blogger  masukkan, maka  semakin cepat teks tersebut berjalan.
direction=”left” —->>Arah teks berjalan. Kalau para sobat Blogger ingin merubahnya, lihat berikut:
atas=up,
bawah=down,
kiri=left,
kanan=right.
scrolldelay=”50″ —->>merupakan waktu yang diperlukan. semakin tinggi nilai yang kita masukkan maka  semakin lambat dengan teks tersebut berjalan.
ganti kata “Selamat Datang” Tersebut dengan Kata Sambut atau apasaja milik Sobat sekalian.

Memindahkan Joomla dari Lokal Komputer ke Server deangan cepat

Memindahkan Joomla dari Lokal Komputer ke Server

Bagi anda yang sudah menginstal joomla di komputer lokal dan ingin memidahkannya ke server hosting, Anda tidak perlu bingung dan menginstal ulang joomla Anda dengan Fantastico. Anda tidak perlu repot mendesain dan mengisi joomla baru, Anda hanya perlu mengikuti langkah-langkah berikut ini:More...
1. Upload database Joomla, dari localhost ke account hosting anda. Detail mengenai hal ini, dapat Anda temukan pada artikel Cara Upload MySQL Database
2. Upload File/Folder joomla anda dari komputer lokal ke server. Dalam hal ini, akan lebih baik apabila menggunakan FTP. Panduan lengkapnya dapat anda temukan pada artikel Bagaimana Cara Mengupload Website ke Rumahweb dengan FTP?
3. Kemudian, silahkan edit file configuration.php pada Joomla ( di account hosting ).

PLAIN TEXT

PHP:

1. $mosConfig_host = 'localhost';
2. $mosConfig_user = 'account_user'; //&lt;-- sesuaikan dengan user database yang telah dibuat di server
3. $mosConfig_password = 'password'; //&lt;-- password database server
4. $mosConfig_db = 'account_joomla'; //&lt;-- nama database server
5. $mosConfig_dbprefix = 'jos_';
6. $mosConfig_lang = 'english';
7. $mosConfig_absolute_path = 'C:/AppServ/www/Project/joomla1.0.11'; //&lt;-- ganti dengan path joomla anda, misal: '/home/usercPanel/public_html/'
8. $mosConfig_live_site = 'http://localhost/project/joomla1.0.11'; //&lt;-- 'http://namadomain.tld'/
9. $mosConfig_sitename = 'My Excercise Of Joomla';
10. $mosConfig_shownoauth = '0';
11. $mosConfig_useractivation = '1';
12. $mosConfig_uniquemail = '1';
13. $mosConfig_offline_message = 'This site is down for maintenance. Please check back again soon.';
14. $mosConfig_error_message = 'This site is temporarily unavailable. Please notify the System Administrator';
15. $mosConfig_debug = '0';
16. $mosConfig_lifetime = '900';
17. $mosConfig_session_life_admin = '1800';
18. $mosConfig_session_type = '0';
19. $mosConfig_MetaDesc = 'Joomla - the dynamic portal engine and content management system';
20. $mosConfig_MetaKeys = 'Joomla, joomla';
21. $mosConfig_MetaTitle = '1';
22. $mosConfig_MetaAuthor = '1';
23. $mosConfig_locale = 'en_GB';
24. $mosConfig_offset = '0';
25. $mosConfig_offset_user = '0';
26. $mosConfig_hideAuthor = '0';
27. $mosConfig_hideCreateDate = '0';
28. $mosConfig_hideModifyDate = '0';
29. $mosConfig_hidePdf = '0';
30. $mosConfig_hidePrint = '0';
31. $mosConfig_hideEmail = '0';
32. $mosConfig_enable_log_items = '0';
33. $mosConfig_enable_log_searches = '0';
34. $mosConfig_enable_stats = '0';
35. $mosConfig_sef = '0';
36. $mosConfig_vote = '0';
37. $mosConfig_gzip = '0';
38. $mosConfig_multipage_toc = '1';
39. $mosConfig_allowUserRegistration = '1';
40. $mosConfig_link_titles = '0';
41. $mosConfig_error_reporting = -1;
42. $mosConfig_list_limit = '30';
43. $mosConfig_caching = '0';
44. $mosConfig_cachepath = 'C:/AppServ/www/Project/joomla1.0.11/cache'; //&lt;-- namadomain.tld/cache
45. $mosConfig_cachetime = '900';
46. $mosConfig_mailer = 'mail';
47. $mosConfig_mailfrom = 'dhyar_02@yahoo.com';
48. $mosConfig_fromname = 'My Excercise Of Joomla';
49. $mosConfig_sendmail = '/usr/sbin/sendmail';
50. $mosConfig_smtpauth = '0';
51. $mosConfig_smtpuser = '';
52. $mosConfig_smtppass = '';
53. $mosConfig_smtphost = 'localhost';
54. $mosConfig_back_button = '1';
55. $mosConfig_item_navigation = '1';
56. $mosConfig_secret = 'vKDBykWeAOgGGEfd';
57. $mosConfig_pagetitles = '1';
58. $mosConfig_readmore = '1';
59. $mosConfig_hits = '1';
60. $mosConfig_icons = '1';
61. $mosConfig_favicon = 'favicon.ico';
62. $mosConfig_fileperms = '';
63. $mosConfig_dirperms = '';
64. $mosConfig_helpurl = 'http://help.joomla.org';
65. $mosConfig_mbf_content = '0';
66. $mosConfig_editor = 'tinymce';
67. $mosConfig_admin_expired = '1';
68. $mosConfig_frontend_login = '1';
69. $mosConfig_frontend_userparams = '1';
70. setlocale (LC_TIME, $mosConfig_locale);

4. Upload atau save file configuration.php yang baru Anda edit.
Selamat Mencoba!

Mengembalikan Password administrator Joomla

Mengembalikan Password administrator Joomla, or How to reset my Joomla administrator password Apakah anda pernah lupa dengan password  administrator joomla anda, dan anda sama sekali tidak punya backupnya, kita akan membahas bagaimana cara recovery password joomla anda atau Reset Password Admin Joomla Pada Localhost jika anda lupa atau Hilang , dengan cara melihat database mysql dari database tersebut oke ini dia Tutorialnya  :

Tapi Sebelumnya Lihat Dulu Postingan Saya Sebelumnya Yang Mungkin Penting Untuk Anda Bagi Penggemar CMS Joomla :

• Cara Membuat Toko Online Dengan Joomla 
• Cara membuat localhost di PC atau Komputer 

langsung ke Tkp baru :v, untuk mengembalikan password admin yang di localhost :

Cara gampangnya sih tinggal pake fitur Forgot Password dari front-end, tapi dengan catatan waktu pake fitur ini loe sedang terkoneksi ke internet. Trus kalo webnya masih di localhost dan ga ada koneksi internet gimana? Ok..ok..ini dia caranya:

Langkah-Langkah Mereset Password User / Administrator Joomla!
1. Liat tabel users Joomla di phpMyadmin
2. Kemudian edit dan ganti password admin-nya sesuai dengan yang loe mau, jangan lupa password baru yang akan loe masukin itu harus udah di MD5 dulu. Kalo ga ngerti apa itu MD5, ganti aja passwordnya dengan “226776f356d7ecf58b60bab12a05d38f” (tanpa kutip).

Kemudian coba masuk ke /administrator dan login sebagai administrator Joomla, masukkan user id admin yang tadi loe rubah passwordnya, kemudian di kolom password ketikkan “joomla” (tanpa kutip)

dan ini untuk yang di filehosting kita :

1. Buka phpMyAdmin, kalau Anda menggunakan cPanel, phpMyadmin bisa diakses di cPanel > phpMyAdmin
2. Buka database Joomla Anda
3. Cari dan klik tabel users, biasanya diberinama jos_users
4. Klik browse isi table

5. Klik edit pada user id 62 (admin)

6. Ganti field password dengan password yang anda kehendaki
7. Pilih Function MD5 di field password

8. Tekan tombol Go
9. Coba login ke admin joomla anda dengan password baru

Dengan tutorial ini anda bisa mengganti password Admin Joomla jika Anda kehilangan password.

Cara Instal XAMPP di Komputer/PC

Berikut sedikit mengenai penjelasanya,  adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.Fungsinya adalah sebagai server yang berdiri sendiri (localhost), kepanjangan dari XAMPP yaitu Apache, PHP, MySQL dan phpMyAdmin.

Berikut adalah cara Instalnya :
1. Pertama download dulu sotware xammp nya klik Download Xampp for Windows
    Note : xampp-win32 Versi 1.7.3 khusus untuk windows, bukan linux
2. Selanjutnya extract file tersebut, saya sarankan disimpan secara default agar tersimpan di berada di C:/ dan tunggu hingga mendidih, hehe
3. Jika proses extractnya, maka akan keluar command prompt yang muncul seperti gambar dibawah ini :

• Ketik tombol Y kemudian tekan ENTER, di keyboard untuk membuat shortcut di desktop

• Ketik tombol X kemudian tekan ENTER, maka proses instalasi selesai

4. Untuk menjalankan program silahkan klik Icon XAMPP Control Panel di dekstop anda, atau di Start-All Program-Xampp for Windows-Xampp Control Panel
5. Jalankan Apache dan MySql dengan menekan tombol start hingga kedua aplikasi tersebut berjalan.

6.Jika Apache dan Mysql sudah Running maka Web server local siap dijalankan Untuk menjalankan ketik
   localhost di browser anda.

Pilih bahasa sesuai keahlian anda kemudian selesai dan selamat mencoba .. !!! jika ingin menggunakan program XAMPP ini untuk menginstal Joomla, silakan baca lebih lanjut di Install joomla dengan Xampp.

Tutorial Instal joomla 1.5 di server Lokal

Joomla! adalah Sistem manajemen konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet. Joomla pertamakali dirilis dengan versi 1.0.0. Fitur-fitur Joomla! diantaranya adalah sistem caching untuk peningkatan performansi, RSS, blogs, poling, dll. Joomla! menggunakan lisensi GPL. Asal kata Joomla sendiri berasal dari kata Swahili yang mengandung arti "kebersamaan".

Sebelum membaca lebih lanjut, mengenai Cara Instal Joomla dengan Xampp ini, pastikan XAMPP telah terinstal di komputer (baca : Cara Instal Program Xampp), jika sudah berhasil, akan ditandai dengan munculnya folder XAMPP dan hotdocs di directory yang telah anda tentukan sebelumnya. Setelah menjalankan service Apache dan MySql dengan Xammp tadi , selanjutnya kita bisa menginstal Joomla. Berikut adalah langkah-langkah dan cara menginstal Joomla:

1. Yang belum punya file joomla bisa di download dengan klik ( Joomla_1.5.21-Stable-Full_Package)
2. Buat folder di C – Program Files – XAMPP – Hotdocs. Pada contoh kali ini, buat folder dengan nama : joomla. (boleh dirubah sesuai keinginan yang penting faham)

• Exstract isi dari file joomla yang sudah di download

3. Buka browser, lalu ketik localhost Tekan phpMyAdmin untuk membuat sebuah data base seperti pada gambar di bawah ini :

4. Nama database yang di gunakan sesuai dengan keinginan, namun contoh disini saya beri nama wordpress_db (contoh nama natabase yang digunakan) tulis di ruang seperti pada gambar di bawah Kemudian tekan create.

5. Setelah dataabase jadi, langsung di close aja, kemudian buka browser lagi, dengan  ketik localhost/joomla (nama joomla, sesuai dengan nama folder yang telah kita exstract tadi). Kemudian tekan Enter. Secara otomatis akan membuka file index.php di folder joomla/instalation, kemudian klik next.
6. Akan muncul gambar seperti di bawah ini :

• Pilih bahasa sesuai kemampuan, kalo merasa sulit pakai inggris ya yang lokal aja, hehe
• Tekan tombol Next dan Next lagi, di pojok kanan atas hingga muncul gambar seperti di bawah ini

Isikan Data Formulir seperti di bawah ini
• Database Type : mysql
• Host Name : localhost
• Username : root
• Password : (kosongkan)
• Database Name : wordpress_db (sesuai dengan langkah nomor 4) inget ya,...

7. Klik next pada langkah berikutnya, sampai muncul tampilan sebagai berikut :

• Pada bagian ini, lakukan konfigurasi dengan mengisi kolom yang tersedia seperti nama website, email dan pasword serta klik install sample data untuk konfigurasi awal website joomla!. dan password yang mudah diingat saja, karena setiap akan login ke bagian administrator, paeword tersebut akan ditanyakan. Misalkan masukkan sandi 12345. Setelah itu klik next

8. Setelah itu akan muncul

• Pada langkah ini, Anda diminta untuk menghapus folder Instalation untuk bisa mengakses situs yang telah dibuat. Buka kembali windows explorer dan hapus folder Instalation di folder joomla (sesuai nama yang kita beri, langkah nomor 5).
  

9. Nah, sampai disini sebenarnya pembuatan joomla! dengan xampp telah selesai, Untuk mengeceknya silakan ketik localhost/joomla/administrator pada bagian addres browser anda, masih inget kan, Nama joomla (sesuai nama yang kita beri, langkah nomor 5).

• Isikan username dengan admin dan isikan pada password sesuai yang pada langkah nomor 7, yaitu 12345. klik Login.

10. Selamat, aff anda telah jadi. untuk langkah-langkah selanjutnya silahkan ikuti blog ini.
"kalau ada sumur di ladang pasti ada embernya" , sekian dan semoga bermanfaat.

Cara Membuat CSS Button dengan Ikon tanpa Image

Buat button dapat dilakukan sepenuhnya dengan CSS dan ikon tanpa menggunakan image. Saya menemukan bahwa ada banyak ikon yang dapat digunakan dengan menggunakan Heksadesimal entity. Berikut adalah daftar dimana anda dapat menemukan kode Heksadesimal untuk icon button anda.
     Unicode codepoint Bagan
     Unicode Standard
     UTF-8 encoding table and Unicode characters
Sekarang mari kita melihat bersama bagaimana kita bisa menggunakan ikon2 di atas untuk membuat button.
Langkah 1: Membuat Button
Pertama, kita harus membuat buttonnya. Pembuatan button dibawah ini menggunakan CSS3 Rounded Corner Rectangle. Kopi kode CSS di bawah ini untuk membuat button.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

.buttons { display: inline-block; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */ border: 1px solid #a1a1a1; padding: 0 2em; margin: 0.5em; font: bold 1em/2em Arial, Helvetica; text-decoration: none; color: #333; -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em; }

Langkah 2: Penambahan :before Selector
Setelah kita sudah membuat button, kita perlu menambahkan :before selector untuk menambahkan konten ke button kita.
Kopi kode CSS di bawah ini untuk menggunakan :before selector.

?

1 2 3 4 5 6 7 8 9 10

.buttons:before { float: left; width: 1em; text-align: center; font-size: 1.7em; margin: 0 0.5em 0 -1em; padding: 0 .2em; pointer-events: none; }

Untuk menambahkan ikon ke button kita, kita perlu menggunakan properti CSS "content".
Lihat contoh2nya di bawah ini:

Form Buttons

?

1 2 3 4 5 6 7

/*Forms*/ .add:before    { content: "\271A"; } .edit:before   { content: "\270E"; } .delete:before { content: "\2718";} .save:before   { content: "\2714";} .email:before  { content: "\2709";} .cross:before  { content: "\2716"; }

Button Add Edit Delete Save Email cross

Currency

?

1 2 3 4 5

/*Currency*/ .dollar:before { content:"\0024"; } .euro:before   { content:"\20AC"; } .pound:before  { content: "\00A3"; } .cent:before   { content: "\20B5"; }

Dollar Euro Cent Pound

Temperature

?

1 2 3

/*Temp*/ .celsius:before    { content: "\2103"; } .fahrenheit:before { content: "\2109"; }

Celsius Fahrenheit

Math Symbols

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

/*Math & Factions*/ .pi:before            { content: "\213C"; } .one_thrid:before     { content: "\2153"; } .two_thrid:before     { content: "\2154"; } .one_fifth:before     { content: "\2155"; } .two_fifth:before     { content: "\2156"; } .three_fifth:before   { content: "\2157"; } .four_fifth:before    { content: "\2158"; } .one_sixth:before     { content: "\2159"; } .five_sixth:before    { content: "\215A"; } .one_eighth:before    { content: "\215B"; } .three_eighth:before  { content: "\215C"; } .five_eighth:before   { content: "\215D"; } .seven_eighth:before  { content: "\215E"; } .quarter:before       { content: "\00BC"; } .halff:before          { content: "\00BD"; } .three_quarter:before { content: "\00BE"; }

pi One Thrid Two Thrid One Fifth Two Fifth Three Fifth Four Fifth One Sixth Five Sixth One Eighth Three Eighth Five Eighth Seven Eighth Quarter Half Three Quarter

Arrows

?

1 2 3 4 5 6 7 8 9 10

/*Arrows*/ .next:before             { content: "\279C"; } .left_arrow:before       { content: "\2190"; } .up_arrow:before         { content: "\2191"; } .right_arrow:before      { content: "\2192"; } .down_arrow:before       { content: "\2193"; } .up_left_arrow:before    { content: "\2196"; } .up_right_arrow:before   { content: "\2197"; } .down_left_arrow:before  { content: "\2199"; } .down_right_arrow:before { content: "\2198"; }

Left Arrow Up Arrow Right Arrow Down Arrow Up Left Arrow Up Right Arrow Down Left Arrow Down Right Arrow Next

Misc Symbols

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

/*Symbols*/ .like:before               { content: "\2764"; } .star:before               { content: "\2605"; } .spark:before              { content: "\2737"; } .play:before               { content: "\25B6"; } .watch:before              { content: "\231A"; } .blacksun:before           { content: "\2600"; } .cloud:before              { content: "\2601"; } .umbrella:before           { content: "\2602"; } .snowman:before            { content: "\2603"; } .blackstar:before          { content: "\2605"; } .whitestar:before          { content: "\2606"; } .blackphone:before         { content: "\260E"; } .whitephone:before         { content: "\260F"; } .saltire:before            { content: "\2613"; } .hot_drink:before          { content: "\2615"; } .skull:before              { content: "\2620"; } .radioactive:before        { content: "\2622"; } .biohazard:before          { content: "\2623"; } .peace:before              { content: "\262E"; } .yingyang:before           { content: "\262F"; } .frowning_face:before      { content: "\2639"; } .smiling_face:before       { content: "\263A"; } .first_quarter_moon:before { content: "\263D"; } .last_quarter_moon:before  { content: "\263E"; } .wheelchair:before         { content: "\267F"; } .recycle:before            { content: "\267D"; } .recycle2:before           { content: "\267C"; } .music_note:before         { content: "\266C"; } .warning:before            { content: "\26A0"; } .male_and_female:before    { content: "\26A4"; } .scissors:before           { content: "\2701"; } .airplane:before           { content: "\2708"; } .snow:before               { content: "\2042"; }

Like Star Spark Play Snow Blacksun Cloud Umbrella Snowman Blackstar Whitestar Blackphone Saltire Hot Drink Skull Radioactive Biohazard Peace YingYang Frowning Face Smiling Face First Quarter Moon Last Quarter Moon Wheelchair Recycle Recycle2 Music Note Warning Male And Female Scissors Airplane

Membuat Editor Dengan TinyMCE

TinyMCE merupakan salah satu solusi editor WYSIWYG berbasis open source yang banyak dipakai untuk membuat editor di Content Management System (CMS). Joomla dan WordPress adalah contoh software CMS yang menggunakan TinyMCE sebagai editornya.
Nah, pada artikel ini saya akan membahas bagaimana cara untuk membuat editor di website menggunakan TinyMCE.

Langkah pertama, download terlebih dahulu library TinyMCE di situs berikut ini. Pilih versi yang terbaru, misalnya tinymce_3.4.2.zip (saat tulisan ini dibuat). Selanjutnya ekstrak paket library TinyMCE tersebut di komputer kita. Di dalam paket TinyMCE tersebut terdapat beberapa file, yaitu sebagai berikut:

• Direktori jscripts, berisi source file TinyMCE, plugin dan theme
• Direktori examples, berisi beberapa contoh pemakaian TinyMCE

Berikut ini contoh sederhana bagaimana cara untuk membuat editor dengan TinyMCE.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<html> <head> <title>Editor Web dengan TinyMCE</title> <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script> <script type="text/javascript"> tinyMCE.init({ mode: "textareas", theme: "simple" }); </script> </head> <body> <form> <textarea name="content" cols="50" rows="15">Edit konten web dengan TinyMCE</textarea> </form> </body> </html>

Jika Anda ingin mencoba kode di atas, caranya yaitu buat sembarang file HTML di komputer Anda, misalnya kita beri nama editor.html. Selanjutnya kopikan direktori tiny_mce (bisa kita temukan di direktori jscripts) beserta isinya ke direktori yang sama dengan file tadi.
Dengan cara seperti di atas, pada saat dieksekusi dengan web browser, secara otomatis semua TEXTAREA yang ditemukan di halaman web tersebut akan diubah menjadi editor HTML dengan toolbar terletak di bawah editor.
Kita bisa mengubah tampilan editor web tersebut dengan cara mengubah inisialisasi TinyMCE tersebut. Contohnya, kita akan menampilkan editor khusus untuk TEXTAREA dengan nama content dan toolbar berada di bagian atas.

5 6 7 8 9 10 11 12 13

<script type="text/javascript"> tinyMCE.init({ mode : "exact", elements : "content", theme : "advanced", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "bottom" }); </script>

Untuk konfigurasi lainnya, bisa Anda baca

Buat tulisan bergerak di modul pada joomla

tahap 1
- login ke administrator situs joomla anda
- klik site - global configurasi
- pada Default WYSIWYG Editor: pilih No WY SIWYG EDITOR kemudian di save

tahap 2
 -klik modules kemudian klik site modules
- kemudian klik new
isi seperti dibawah ini

Title:
Show title:	Tidak Ya
Position:	advert1 advert2 advert3 banner bottom cpanel debug footer header icon inset left legals newsflash pathway right toolbar top user1 user2 user3 user4 user5 user6 user7 user8 user9
Module Order:	1::HK dan EY 2::Tulisan Bergerak 3::Menu Tampilan 4::Humas dan Protokol 5::Animasi Visit Indonesia kubus 6::Informasi Singkawang 7::Keanggotaan Situs 8::Menu Anggota 9::Statistik Pengunjung 10::Pengunjung Online 11::Arsip Berita 12::Jajak Pendapat 13::Syndicate 14::Sections 15::Related Items
Access Level:	Public Registered Special
Published:	Tidak Ya
ID:	56
Description:	Custom Module

- kemudian .... 
pada costum output content
Ketik scrip ini :
<marquee direction="justify" height="20" scrollamount="2" onmouseover="this.stop()"onmouseout="this.start()" width="100%" align="center">TULISANNYA INI NANTI BERGERAK</marquee>
SEMOGA BERMANFAAT

Cara Mudah Membuat Text Berjalan Pada Joomla

Cara Mudah Membuat Text Berjalan Pada Joomla. Pada kesempatan hari ini, saya akan mencoba untuk menerangkan Cara Mudah Membuat Text Berjalan Pada Joomla. Text Berjalan atau Merquee pada Joomla, kita perlu mengedit sedikit kode dari sebuah Template yang telah kita install pada Web Joomla kita. Text berjalan ini atau Merquee diletakkan pada bagian Header.
Baik, sekarang kita menuju pada langkah-langkah Cara Mudah Membuat Text Berjalan Pada Joomla:
- Login terlebih dahulu pada Administrator Joomla kamu
- Klik menu Extensions dan pilih sub menu template manager.
- Tandai dulu template sobat Blogger yang telah ditetapkan sebagai template yang kita pakai. Klik icon edit yang ada dipojok kanan.
- Selanjutnya kita Klik icon EDIT HTML
- Kita akan dihadapkan dengan Tag HTML. Kemudian temukan kode berikut ini, agar lebih cepat, silahkan gunakan fasilitas CTRL + F pada Browser anda.
</head><br /><body>
-Jika kode tersebut telah ketemu, maka copy kode berikut ini tepat dibawah kode yang kita cari barusan

<marquee onmouseover=”this.stop()” scrollamount=”2″ direction=”left” scrolldelay=”50″ align=”center”>Selamat Datang Pada Web yang Sangat Sederhana ini….www.haririalghazir.com…anda dapat berteman langsung dengan kami….</marquee>

-Setelah itu langsung kita simpan.
Keterangan :
scrollamount=”2″ —->>merupakan kecepatan dari teks yang berjalan. Semakin banyak nilai yang Sobat Blogger  masukkan, maka  semakin cepat teks tersebut berjalan.
direction=”left” —->>Arah teks berjalan. Kalau para sobat Blogger ingin merubahnya, lihat berikut:
atas=up,
bawah=down,
kiri=left,
kanan=right.
scrolldelay=”50″ —->>merupakan waktu yang diperlukan. semakin tinggi nilai yang kita masukkan maka  semakin lambat dengan teks tersebut berjalan.
ganti kata “Selamat Datang” Tersebut dengan Kata Sambut atau apasaja milik Sobat sekalian.
Demikian Cara ini dan Semoga bermanfa’at. Selamat Mencoba..