belajar dan berbagi

Install jquery menu plugin pada osclass

Install jquery menu plugin pada osclass. Pada posting terdahulu ikhsanudin.com telah membuat posting tentang link download Osclass jquery menu plugin, namun kita belum bahasa cara install, setting, dan konfigurasi jquery menu plugin pada osclass ini.

Install jquery menu plugin pada osclass
Berikut cara install jquery menu plugin pada osclass
1. Login ke admininstrator tentunya
2. Masuk ke plugin
3. Tambahkan plugin
4. Browse,
5. unggah
6. Install
7. Aktifkan plugin
8. Konfigurasi
pada halaman konfigurasi terdapat OC JQuery Menu Help, cari kode :
<?php jquery_menu(); ?>
copy kode tersebut lalu pastekan pada header.php themes yang digunakan.
untuk lebih jelasnya, loginke cpanel buka folder public_html/oc-content/themes/namatema
buka header.php cari kode :
<!-- /header -->

lalu pastekan :

<?php jquery_menu(); ?>

simpan

jika menu dropdown tidak dapat berfungsi, coba gunakan kode dibawah ini:

<script type="text/javascript">
$(document).ready(function(){

$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav

$("ul.topnav li a").hover(function() { //When trigger is hovered over...

//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
});

//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass("subhover"); //On hover over, add class "subhover"
}, function(){ //On Hover Out
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
});

});
</script>

demo jquery menu plugin pada osclass

Osclass jquery menu plugin

Osclass jquery menu plugin. Jquery menu plugin ini berfungsi untuk membuat menu navigasi yang biasanya terletak di posting. Plugin Jquery menu ini telah dilengkapi dengan menu drop down yang dapat digunakan untuk menampilkan submenu, yang tentunya sangat responsive, untuk lebih jelasnya bisa kita lihat pada gambar dibawah ini:
Osclass jquery menu plugin
jika berminat silahkan download pada link dibawah ini:
Osclass jquery menu plugin download

Install slider plugin osclass

Install slider plugin pada osclass. Slider plugin pada osclass adalah salah fitur yang dapat digunakan untuk menampilkan gambar dalam bentuk slide show. Slider plugin pada osclass ini diberi nama OSC Slider. OSC Slider pada osclass dapat digunakan untuk menampilkan iklan pilihan, dan bisa juga iklan premium, karena konfigurasi OSC Slider harus di setting secara manual. berikut contoh setting pada OSC Slider.
menambahkan slidershow pada osclass

dan contoh slider show pada osclass seperti gambar berikut:
cara setting slider plugin pada osclass

Cara install plugin Osc Slider ini adalah:
1. Download plugin disini
2. Login ke admin manager
3. Tambah plugin
slideshow jquery osclass

4. Install dan aktifkan
5. Lakukan konfigurasi dengan cara menambahkan kode :
<?php osc_slider(); ?>
ke main.php pada template anda, tepatnya di bawah <div id="main">

lebih jelas, kode pada main.php akan seperti ini:
<?php osc_current_web_theme_path('inc.search.php'); ?>
</div>
<div class="content home">
<div id="main">

<?php osc_slider(); ?>

6. KLik Save change, lalu lihat hasilnya. semoga berhasil

Modify osclass modern theme

Modify osclass modern theme. Modern themes adalah salah satu diantara tema-tema yang ada pada Market Osclass, yang disediakan secara gratis, dan tentunya dapat didownload /gunakan secara gratis pula. Jika kita melihat tampilan awal pada Modern themes osclass tampil seperti gambar dibawah ini:
Modify osclass modern theme
tampilan modern themes asli
tampilan modern themes osclass tersebut bisa kita ubah warna dan gaya tampilan sesuai selera kita. Tanpa panjang lebar tentang hal diatas, mari kita lihat hasil editan modern osclass themes pada gambar dibawah ini:
Modify osclass modern theme
tampilan osclass modern themes hasil modifikasi
terdapat banyak perbedaan pada Modify osclass modern theme dengan modern themes osclass yang asli, diantaranya pada hasil Modify osclass modern theme terdapat navigation menu / menu navigasi yang berguna untuk memudahkan pengunjung menemukan kategori dan menu-menu lainnya. dan juga telah di tambahkan slidershow, Carousel Slider, lalu Categories yang semula ada di tengah halaman home page, kini telah dipindahkan di sidebar.
Untuk hasil sementara Modifikasi Modern themes osclass cukup seperti itu dulu, mudah-mudahan saya sempat editnya kembali tentunya dengan tampilan yang berbeda.
Dan bagi yang ingin coba menggunakan themes ini silahkan download pada link berikut:
Modifikasi Modern themes osclass download
Demo silahkan lihat DISINI
Update :
Plugin yang harus diinstall pada modern themes modifikasi ini :
1. Carousel for Osclass
2. JQuery Menu
3. OSC Slider
4. Popular Ads

Menambahkan Login with Facebook pada Osclass

Menambahkan Login with Facebook pada Osclass. Osclass adalah salah php script berbasis open source classified untuk membuat website periklanan atau katakan saja untuk buat website iklan baris, untuk cara membuatnya bisa dilihat di Cara install osclass. Pada osclass standar menu dan tampilannya masih standar termasuk belum adanya menu Login with Facebook.
Pada posting kali ini kita akan membahas tentang bagaimana cara menambahkan Login with Facebook pada osclass. Mari kita mulai :
1. Install plugin Login with Facebook caranya : masuk ke halaman Dashboard > Market > Plugin
Menambahkan Login with Facebook
2. Jika sudah ketemu, KLik Download dan tunggu hingga selesai
3. Lanjutkan dengan klik Install pada halaman Mengatur Plugin
4. Lakukan klik Konfigurasi plugin,
- Pada Facebook Options, masukkan kode appId dan secret, jika belum punya id bisa didapat di http://www.facebook.com/developers/createapp.php
- Jika appId dan secret telah diisi, lanjutkan dengan menambahkan kode <?php fbc_button(); ?> pada header.php
Login with Facebook
kode header.php
Semoga dapat membantu
Contoh website berbasis osclass lihat iklanjambi.com
Back To Top