Edit osclass modern theme latest items

| 22:14 | Jadilah yang pertama mengomentari!
Edit osclass modern theme latest items. Pada dasarnya osclass modern themes yang asli pada bagian Latest ads / Iklan terakhir terakhir adalah dengan tampilan seperti dibawah ini;
osclass modern theme latest items
tampilan modern themes pada halaman home page osclass tersebut bisa diubah menjadi berbentuk tumbnail hanya tampil judul dan gambar serta harga seperti gambar dibawah ini :
Edit osclass modern theme latest items
Jika pembaca ingin coba otak atik membuat tampilan osclass moder themes seperti cerita diatas, mari ikuti langkah-langkahnya:
1. Login ke cpanel pada hosting anda
2. buka main.php tepatnya pada folder : /public_html/oc-content/themes/modern/main.php


3. Cari kode :
<div class="latest_ads">
...................
sampai ke
</div>
</div>
tepatnya diatas
<div id="sidebar">

4. Ganti dengan kode:
<div class="latest_ads">
<h1><strong><?php _e('Latest Listings', 'modern'); ?></strong></h1>
<?php if( osc_count_latest_items() == 0) { ?>
<p class="empty"><?php _e('No Latest Listings', 'modern'); ?></p>
<?php } else { ?>
<style type="text/css">
ul.grid_view{margin: 8px 0px 22px 0px;}
.grid_view li {display: inline; list-style: none; width: 144px; height: 177px; float: left; margin: 4px 4px 8px 4px; text-align: center; border: 1px solid #12A5F4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.grid_view li h3{ margin: 5px; height: 27px; overflow: hidden; text-overflow: ellipsis; background: transparent; }
.grid_view li h3 a{ text-decoration: none; text-transform: capitalize;}
.grid_view li p{ height: 20px; overflow: hidden; text-overflow: ellipsis; margin: 4px 4px 4px 4px; text-align: center;background: #FF6600;font-size: 14px;}
.grid_view img{ border: 1px solid #C0C0C0;}
</style>
<ul class="grid_view">
<?php while ( osc_has_latest_items() ) { ?>
<?php if( osc_images_enabled_at_items() ) { ?>
<li>
<?php if( osc_count_item_resources() ) { ?>
<img src="<?php echo osc_resource_thumbnail_url() ; ?>" width="133px" height="110px" title="" alt="" />
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" width="133px" height="110px" alt="" title=""/>

<?php } } ?>
<h3><a href="<?php echo osc_item_url();?>"><?php echo osc_item_title();?></a></h3>
<p>



<strong><?php if (osc_price_enabled_at_items()) { echo osc_item_formated_price(); }?></strong></li>
<?php } ?>
</ul>
<?php if( osc_count_latest_items() == osc_max_latest_items() ) { ?>
<p class='pagination'><?php echo osc_search_pagination(); ?></p>
<p class="see_more_link"><a href="<?php echo osc_search_show_all_url();?>"><strong><?php _e("See all offers", 'modern'); ?> &raquo;</strong></a></p>
<?php } ?>
<?php View::newInstance()->_erase('items'); } ?>
</div>
</div>

5. Simpan dan lihat hasilnya.
6. JIka masih bingung, semua kode pada main.php nya jadi seperti dibawah ini:
<?php
/*
* Osclass – software for creating and publishing online classified
* advertising platforms
*
* Copyright (C) 2012 OSCLASS
*
* This program is free software: you can redistribute it and/or
* modify it under the terms of the GNU Affero General Public License
* as published by the Free Software Foundation, either version 3 of
* the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public
* License along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="<?php echo str_replace('_', '-', osc_current_user_locale()); ?>">
<head>
<?php osc_current_web_theme_path('head.php'); ?>
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
</head>
<body>
<?php osc_current_web_theme_path('header.php'); ?>
<div class="form_publish">
<?php osc_current_web_theme_path('inc.search.php'); ?>
</div>
<div class="content home">
<?php if (function_exists('carousel')) {carousel();} ?>
<div id="main">
<?php osc_current_web_theme_path('inc.main.php') ; ?>
<div class="latest_ads">
<h1><strong><?php _e('Latest Listings', 'modern'); ?></strong></h1>
<?php if( osc_count_latest_items() == 0) { ?>
<p class="empty"><?php _e('No Latest Listings', 'modern'); ?></p>
<?php } else { ?>
<style type="text/css">
ul.grid_view{margin: 8px 0px 22px 0px;}
.grid_view li {display: inline; list-style: none; width: 144px; height: 177px; float: left; margin: 4px 4px 8px 4px; text-align: center; border: 1px solid #12A5F4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.grid_view li h3{ margin: 5px; height: 27px; overflow: hidden; text-overflow: ellipsis; background: transparent; }
.grid_view li h3 a{ text-decoration: none; text-transform: capitalize;}
.grid_view li p{ height: 20px; overflow: hidden; text-overflow: ellipsis; margin: 4px 4px 4px 4px; text-align: center;background: #FF6600;font-size: 14px;}
.grid_view img{ border: 1px solid #C0C0C0;}
</style>
<ul class="grid_view">
<?php while ( osc_has_latest_items() ) { ?>
<?php if( osc_images_enabled_at_items() ) { ?>
<li>
<?php if( osc_count_item_resources() ) { ?>
<img src="<?php echo osc_resource_thumbnail_url() ; ?>" width="133px" height="110px" title="" alt="" />
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" width="133px" height="110px" alt="" title=""/>

<?php } } ?>
<h3><a href="<?php echo osc_item_url();?>"><?php echo osc_item_title();?></a></h3>
<p>



<strong><?php if (osc_price_enabled_at_items()) { echo osc_item_formated_price(); }?></strong></li>
<?php } ?>
</ul>
<?php if( osc_count_latest_items() == osc_max_latest_items() ) { ?>
<p class='pagination'><?php echo osc_search_pagination(); ?></p>
<p class="see_more_link"><a href="<?php echo osc_search_show_all_url();?>"><strong><?php _e("See all offers", 'modern'); ?> &raquo;</strong></a></p>
<?php } ?>
<?php View::newInstance()->_erase('items'); } ?>
</div>
</div>
<div id="sidebar">
<div class="navigation">
<?php if(osc_count_list_cities() > 0 ) { ?>
<div class="box location">
<h3><strong><?php _e("Location", 'modern') ; ?></strong></h3>
<ul>
<?php while(osc_has_list_cities() ) { ?>
<li><a href="<?php echo osc_search_url( array( 'sCity' => osc_list_city_name() ) ) ; ?>"><?php echo osc_list_city_name() ; ?></a> <em>(<?php echo osc_list_city_items() ; ?>)</em></li>
<?php } ?>
</ul>
</div>
<?php } ?>
</div>
</div>
</div>
</body>
</html>
<?php osc_current_web_theme_path('footer.php') ; ?>
</body>
</html>
thumbnail Posted by: Din Ikhsanudin IKHSANUDIN Updated at : 22:14
The item being reviewed 4 5 24

Cara print microsoft word arabic

| 11:15 | Jadilah yang pertama mengomentari!
Cara print microsoft word arabic. Telah banyak posting dari teman-teman blogger yang menjelaskan tentang cara menulis arab / cara mengetik arab pada microsoft word begitu juga cara installnya. Setalah membaca posting tentang cara menulis arab / cara mengetik arab pada microsoft word tersebut dan lalu mengikuti, tentunya saudara telah berhasil mengikutinya.
Namun mungkin masih ada kendala saat melihat angka pada dokument tersebut dan saat akan mencetak / print dokumen tersebut yaitu huruf masih tetap membandel dengan font aslinya (belum berubah dengan font bahasa arab.
Wah panjang nian ceritonyo.
Kita langsung ke tentang cara print microsoft word arabic (untuk Ms. Office 2010).
1. Buka Ms. Word / File yang akan diprint
2. Klik File
3. Cari Option dan Klik jika sudah ketemu
Cara print microsoft word arabic
4. Jika menu Option telah dibuka, lalu cari Advanced, cari Numeral, ganti dengan Hindi
cara menulis arab di microsoft word

cara menulis huruf arab di microsoft word
thumbnail Posted by: Din Ikhsanudin IKHSANUDIN Updated at : 11:15
The item being reviewed 4 5 24

Custom page not found blogger

| 22:10 | 2 Komentar
Custom page not found blogger. Banyak cara untuk mengkustomisasi pada Pesan Khusus Halaman tidak temukan di blogger. Ada hanya membuat redirect halaman error 404 ke halaman Home Page, ada juga yang membuat dengan berbagai macam animasi gambar ada juga membuat dengan menu pencarian.
Pada posting kali ini, kita coba membuat kustomisasi pada : Pesan Khusus Halaman tidak temukan /Custom page not found blogger
1. login ke blogger dengan email dan password tentunya
2. Masuk ke setting / pengaturan
3. Search preferences
4. Custom Page Not Found
Custom page not found blogger
5. Masukkan kode berikut ke dalam kotak kustomisasi
<div class="ra ketemu">
<div class="links">
<h2>Maaf...! Halaman yang anda cari tidak ditemukan</h2>

<img src="http://3.bp.blogspot.com/-wzwXssSbr6w/VFY9jMmWPeI/AAAAAAAAAIk/t7rv86vFN0k/s1600/nangis%2Bhalaman%2Btidak%2Bditemukan.gif" alt="error 404" title="Halaman Tidak Ditemukan"/>


<h3>Silahkan cari kembali melalui kotak di bawah ini</h3>

<style>
#search-box {
position: relative;
width: 100%;
margin: 0;
}

#search-form
{
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}

#search-box input[type="text"]
{
width: 90%;
padding: 11px 0 12px 1em;
color: #333;
outline: none;
}

#search-button {
position: absolute;
top: 0;
right: 0;
height: 43px;
width: 90px;
font-size: 13px;
color: #fff;
text-align: center;
line-height: 43px;
border-width: 0;
background-color: #418ddc;
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
cursor: pointer;
}
</style>

<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Ketik disini' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>
</div>
</div>

6. Klik simpan, dan lihat hasilnya
Pesan Khusus Halaman tidak temukan
lihat demo Custom page not found blogger
thumbnail Posted by: Din Ikhsanudin IKHSANUDIN Updated at : 22:10
The item being reviewed 4 5 24

Install jquery menu plugin pada osclass

| 10:32 | Jadilah yang pertama mengomentari!
Install jquery menu plugin pada osclass. Pada posting terdahulu telah kita posting 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

thumbnail Posted by: Din Ikhsanudin IKHSANUDIN Updated at : 10:32
The item being reviewed 4 5 24

Osclass jquery menu plugin

| 09:51 | Jadilah yang pertama mengomentari!
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
thumbnail Posted by: Din Ikhsanudin IKHSANUDIN Updated at : 09:51
The item being reviewed 4 5 24

Install slider plugin osclass

| 11:24 | Jadilah yang pertama mengomentari!
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
thumbnail Posted by: Din Ikhsanudin IKHSANUDIN Updated at : 11:24
The item being reviewed 4 5 24