Menambahkan Link Social Media pada Joomla

 

Social media seperti Facebook, Twitter, Google plus dll di website dapat membantu dalam mendatangkan  pengunjung ke website. Di Joomla dengan module bisa menambahkan link social media di mana saja tempatnya. Bisa di top header,sidebar dan atau footer. Gunakan module Social Media Link Genius. Untuk penempatan posisi modul tergantung posisi modul yang sudah disiapkan oleh template.

Berikut adalah langkah - langkah nya : 

1. Download Modul “Social Media Link Genius“

2. Install modul ke web Joomla. Login administrator Joomla >> pilih menu “Extentions” >> pilih submenu “Manage” >> pilih submenu “Install“.

3. Pilih  file zip modul, lalu klik “Upload & Install“.

4. Setelah menginstall, Aktifkan modul kemudian lakukan setting pada module tersebut. Masih di area administrator >> pilih menu “Extentions” >> pilih submenu “Module Manager“.

5. Lakukan setting pada Modul tersebut. Tentukan Lokasi modul dan ubahlah status menjadi “Published“.

6. Pada tab Men Assignment pilih opsi “On All Pages“, lanjutkan klik “Save” untuk menyimpan setting modul.

7. Refresh halaman, maka akan terlihat beberapa icon media social yang bisa digunakan untuk mempromosikan website.

Mengganti Tulisan Copyright di Joomla

 

Mengganti tulisan copyright diperlukan memberikan informasi pembuat atau kapan dibuat serta mematenkan konten dari blog atau website menjadi hak cipta.

Tulisan copyright terletak pada bagian footer atau bagian paling bawah dari suatu situs. Jika menggunakan template awal yang diberikan oleh joomla, maka tulisan copyright standar default joomla biasa seperti ini.

Powered by Joomla!. valid XHTML and CSS.

Untuk mengganti ikuti langkah-langkah sebagai berikut.

1. Login ke dalam CPanel Joomla.
2. Pilih menu extensions >>> template manager.
3. Pilih dan centang check box template yang digunakan. Kemudian klik Edit.
4. Klik edit HTML, maka akan masuk ke halaman Template HTML Editor.
5. Kemudian cari kode berikut. (cara singkat tekan shortcut find : alt + f dan masukkan tulisan di bawah)

id="power_by"

pada template joomla rhuk_milkyway (default joomla) kode lengkap seperti ini.

<p id="power_by">

<?php echo JText::_('Powered by') ?> <a href="http://www.joomla.org">Joomla!</a>.

<?php echo JText::_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a>

<?php echo JText::_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.

</p>

Mengapa menggunakan kata kunci id="power_by" karena dalam setiap template biasa terdapat fungsi kode seperti itu. Jika memasukkan kode lengkap seperti di atas, mungkin hasil pencarian tidak akan ada karena kode setiap template juga berbeda-beda.

Jika sudah menemukan, hapus seluruh kodenya dari pembukaan dan ganti dengan kode di bawah ini.

<p id="power_by" align="left">

<?php echo Jtext::_('Copyright (C) 2022') ?> <a href="http://sciancetisforall.blogspot.com"> Digital World Science One For All  </a> All Rights Reserved.<br>

<?php echo Jtext::_('tulis text') ?> <a href="tulis alamat website">Tulis Nama</a>

</p>

*Catatan : backup file tersebut sebelum merubah kode. Hal ini dilakukan untuk menghindari hal yang tidak diinginkan.

*Keterangan : Ganti tulisan berwarna hijau dengan text yang diinginkan, tulisan berwarna biru untuk alamat website yang dituju, dan tulisan berwarna hitam dengan nama untuk alamat website.

Disini juga dapat menambahkan tulisan lagi dibawah dengan memasukkan format kode berikut.

<?php echo Jtext::_('tulis text') ?> <a href="tulis alamat website">Tulis Nama</a><br>

6. Lalu, Klik Save untuk menyimpan perubahan.
7. Klik Preview untuk melihat hasil. Klik Save.

Mengganti icon Favicon di Joomla

Berikut adalah langkah - langah merubah icon Favicon di joomla : 

1. Siapkan gambar favicon yang ingin digunakan. Dalam membuat favicon bisa menggunakan Photoshop, Adobe Ilustrator, Canva, dll. Pastikan ukurannya 16x16 pixel dan berformat .ico.

Untuk mengubah format ke .ico dapat menggunakan situs di bawah ini.

• https://www.favicon.cc/
• https://www.favicongenerator.com/
• https://converticon.com/

2. Masuk login joomla admin, kemudian periksa template  yang sedang aktif di Joomla. Masuk halaman administrator Joomla, lalu pilih menu Extensions > Templates.

maka akan tampil halaman seperti di bawah. Terdapat dua kotak berwarna merah.

• Site : template yang diset ke situs.
• Default : template ini diaktifkan di situs.

Template yang aktif adalah protostar.

3. Selanjutnya mengunggah favicon lewat direktori Joomla. Login ke cPanel > File Manager > public_html/joomla/templates/protostar.

Setelah masuk ke direktori template yang aktif, di sana terdapat file favicon yaitu favicon.ico. Jika akan mengganti favicon, hapus file tersebut lalu upload yang baru.

4. Kemudian klik Upload, akan tampil seperti halaman di bawah untuk mengupload file favicon yang baru. 

5. Setelah file berhasil diupload, kembali ke halaman sebelumnya, lalu cek apakah file tersebut sudah muncul atau belum.

Kemudian coba masuk ke situs web tersebut, lihat icon favicon sudah berubah.

Mengganti Logo di Joomla

 

1. Login ke halaman administrator Joomla. 

2. Lalu masuk ke menu Extensions > Templates.

3. Pilih tab Advanced seperti gambar di bawah, lalu cari bagian Logo, dan klik Select. 

4. Lalu muncul halaman untuk mengunggah file logo. ambil gambar logo  dari folder lokal sesuai logo yang diinginkan. Setelah itu klik Insert.

5. klik Save & Close.  untuk menyimpan perubahan logo yang mau diganti.

Menambahkan Menu pada Joomla

 

Menambahkan menu pada joomla dilakukan untuk mengkategori atau mengelompokan artikel di website. Joomla merupakan sebuah Content Management System (CMS) yang dapat digunakan untuk membangun website. Joomla adalah CMS open source yang didukung oleh komunitas yang cukup besar dan CMS gratis, sehingga bisa dimodifikasi sesuka hati sesuai dengan kebutuhan.

Cara Menambahkan Menu Baru Joomla

1. 1. Login ke administrator joomla
2. 2. Masukkan username dan password, lalu klik Log In
3. 3. Lalu klik Menus selanjutnya pilih Manage kemudian klik Add New Menu

Tampilan Menambahkan Menu Baru

Keterangan Gambar

1. • Title : diisi dengan nama menu yang akan dibuat, isi dengan Menu Baru.
   • Menu Type : diisi bebas kali ini diisi dengan menubaru. 
   • Description : Diisi dengan deskripsi singkat menu yang dibuat atau bisa juga dikosongkan
   • Client : pilih site

1. 
   
2. 1. Apabila selesai diisi lalu bisa melakukan pilih Save, Save & Close, Save & New, Cancel 
   • Save : Untuk menyimpan menu yang dibuat
   • Save & Close : Untuk menyimpan menu yang dibuat dan langsung keluar dari halaman add menu
   • Save & New : Untuk menyimpan menu yang dibuat dan kembali lagi ke halaman add menu untuk membuat menu yang baru
   • Cancel : membatalkan menu yang dibuat
3. 
   
4. 2. Klik Save & Close sehingga bisa melihat tampilan menu baru di backend Joomla
5. 3. Setealh tu akan muncul tampilan manage menu seperti gambar dibawah. 
6. 
   

1. Pilih menu yang baru dibuat contoh Menu Baru pada bagian Linked Modules klik Add a module for this menu. Ini dilakukan supaya menu yang dibuat bisa ditampilkan.

4. Setelah itu akan diarahkan ke halaman Add a module for this menu.

Tampilan Menambahkan Menu Baru Pada Module Joomla

1. Posisi menu ini diberikan ke Position 1 pada template yang digunakan.

2. Kemudian klik Save & Close supaya lebih cepat dan ringkas. Sehingga langsung melihat perubahan di bagian backend Joomla

3. Setelah di edit maka pada bagian Linked Modules akan tampak seperti gambar dibawah

4. Menu baru tersebut akan muncul di situs setelah dibuat item menu.

Menambahkan Item Menu Di Joomla

1. Klik Menus lalu pilih menu utama dimana sub menu akan dibuat. Lalu klik pada Menu Baru 

2. Maka akan terlihat tampilan kosong pada Menu Baru yang sudah dibuat, klik New

3. Maka akan ditampilan dialog baru, isikan sesuai kebutuhan

Isi Halaman Menus : New Item Untuk Item Menu baru

• Menu Title : Isi dengan nama sub menu yang akan dibuat
• Alias : isi dengan bebas atau bisa diisi sama dengan menu title,  penulisan tidak bisa ada spasi, bisa ditambahkan tanda strip diantara katanya. 
• Menu Item Type : Terdapat pilihan tinggal menentukan tipe menu item sebagai apa,pilih untuk menampilkan single articles pada jenis item menu baru kali ini.
• Link : Akan muncul otomatis setelah menu item type dipilih
• Target Window : Silahkan dipilih terdapat tiga pilihan yaitu Parent, New Window With Navigation dan New Without Navigation. pilih Parent
• Template Style : Pilih template yang akan digunakan, pilih Use Default
• Menu : Pilih menu utama dimana sub menu item akan menginduk. Pilih Menu Baru
• Parent Item : Biarkan default sebagai Menu Item Root
• Status : Pilih “Published” jika ingin ditampilkan dan pilih Unpublish jika tidak ingin ditampilkan
• Default Page : Jika pilih Yes maka menu tersebut merupakan halaman default di website. Jika pilih No tidak akan dijadikan halaman default di website.
• Access : Pilih Public atau bisa dipilih sesuai dengan kebutuhan
• Language : Pilih All untuk semua bahasa

1. Jika sudah selesai diisi, lalu klik Save & Close.

2. Maka akan tampil item menu yang baru dibuat pada Menu Baru

Setelah itu setting di bagian templates Helix Ultimate supaya bisa terpasang di halaman depan situs.

Menambahkan Menu Baru Joomla Template Helix Ultimate

1. Pilih Extension -> Templates -> Style

2. Klik templates Helix Ultimate

3. Klik Template Option

4. Pilih Layout Builder -> Tambahkan Position 1 di Template

5. Langkah terakhir, klik Save lalu tekan tombol X diatas kanan layar maka akan ditampilan Situs yang telah dibuat

Install Template, Module, Plugin, Component & Language di Joomla

 

berikut ini adalah cara menginstal serta  mengaktifkan template di Joomla ( local host ):

1. Masuk Joomla, ketik dibrowser : localhost/administrator, lalu login dengan user admin dan password

2. Setelah itu klik extensions lalu klik manage.

 3. Lalu pilih component yang ingin install misal  com_flippingbook_3.1.0.zip 

untuk template bisa didownload, banyak pilihan template yang gratis maupun yang bayar, tinggal cari yang sesuai dengan kebutuhan

4. Setelah itu klik upload & install.

Jika component di install muncul error seperti berikut ini.

Jika terjadi hal seperti itu, maka cara penyelesaiannya adlaah :

1. Buka cPanel

2. Setelah itu masuk pada file manager

3. Setelah itu masuk pada folder.php dengan mengikuti langkah berikut ini

4. Lalu buka folder.php dengan cara klik kanan dan pilih edit.

5. Setelah itu klik edit.

6. Lalu cari teks berikut ini dengan cara tekan Ctrl+f.

7. Tambahkan // di depan $ seperti berikut ini.

8. Setelah selesai klik Save Change.

Coba install component kembali maka saat installasi akan berhasil.

Jika masih terdapat error seperti ini :

JFolder::create:Could not create directory
Warning! Failed to move file.

1. Melihat error seperti itu solusi adalah masalah permission (CHMOD), ubah CHMOD pada folder components, module, plugin, language, cache, tmp, logs menjadi 777.

2. Untuk CHMOD file configuration.php diubah menjadi 777.

3. Dan coba sekali lagi untuk menginstal component / module atau lainnya.

4. Jika semua component / module sudah terinstal dengan sukses,  jangan lupa untuk permission ( CHMOD ) untuk masing – masing folder tadi dirubah harus dikembalikan lagi menjadi 755 sedangkan untuk file configuration.php diubah menjadi 444.

Menambahkan Adsense di Joomla CMS

 

AdSense adalah program kerjasama periklanan melalui media Internet yang diselenggarakan oleh Google. Google Adsense menerapkan iklan yang digenerasi otomatis berdasarkan keterkaitan konten yang dimiliki,  Bagi Blogger Joomla bisa mendapatkan kesempatan untuk menghasilkan uang dari pemasangan iklan oleh Google Adsense dari penulisan diblog. Untuk melakukan pemasangan iklan di blog dapat menggunakan tool seperrti :

Ekstensi Adsense Joomla Ads Elite

Pada Joomla CMS dapat mencoba ekstensi Ads Elite biar lebih mudah dalam pengaturan iklan adsense. Kelebihan ekstensi Ads Elite, adalah terdiri dari modul dan plugin. Sehingga di Joomla akan memiliki keleluasaan mengatur di mana posisi iklan yang diinginkan, sebagai contoh jika ingin mengatur, pada posisi template silahkan aktifkan modulnya, dan jika ingin mengatur posisi iklan di bagian konten, dapat mengaktifkan pluginnya. 

Instalasi Ekstensi Adsense Joomla Ads Elite

Ekstensi Ads Elite dapat didownload di website http://www.elitewebdev.com/extra/joomla/joomla-adsense-elite,  setelah pilih paket All in One Installer, bisa langsung klik Ekstensi Ads Elite Joomla CMS.

Instalasi dapat dilakukan pada menu Extensions --> Extension Manager, tunggu hingga proses selesai. Jika proses instalasi berhasil, maka akan ada tambahan modul dan plugin baru di website Joomla. tinggal melakukan pengaturan Ekstensi Adsensi tersebut.

Pengaturan Ekstensi Adsense Joomla Ads Elite

Sebelum melakukan pengaturan modul Joomla, aktifkan akun adsense dulu, lalu buat ukuran iklan yang diinginkan. 

1. Posisi Modul

Jika ingin menempatkan iklan adsense pada bagian modul, maka pastikan telah mengetahui posisi modulnya, selanjutnya dapat langsung mengakses modul Ads Elite yang sudah terpasang pada menu Extensions --> Module Manager lalu pilih modul Ads Elite

 

Tidak perlu ada pengaturan tambahan, cukup dengan menambahkan kode iklan adsense pada posisi modul yang sudah tersedia di template, maka website sudah berfungsi sebagai tempat beriklan dari google. 

2. Plugin

Untuk menyisipkan iklan di dalam artikel,  gunakan plugin yang sudah satu paket dalam instalasi ekstensi adsense joomla Ads Elite.

Akses ke menu Extensions --> Plugin Manager kemudian pilih nama plugin Ads Elite yang merupakan group di dalam plugin content. Pengaturannya kurang lebih sama dengan modul, hanya saja diberikan kemudahan untuk mengatur posisi iklan di dalam konten. Terdapat 3 posisi yang telah disediakan seperti posisi atas, dalam/tengah pada artikel dan posisi bawah. Masing-masing posisi tersebut masih bisa diatur, apakah ingin di bagian kanan, tengah atau kanan. Atau jika menguasai CSS, dapat juga diberikan kemudahan untuk menyisipkan kode CSS yang anda inginkan.

 

Setelah selesai pengaturan pada tahapan ini, website Joomla telah berhasil memasang iklan dari google adsense