Tutorial Wordpress, Belajar Wordpress, Cara jitu dan mahir membuat themes wordpress

Tuesday, April 17, 2018

Theme WP Jersey Template Toko Online

Theme WP Jersey, Theme Toko Online

Theme WP Jersey cocok untuk Usaha Jual Kaos Jersey berbentuk Toko Online, Minimalis dan Responsive.

Berikut Tampilan Theme WP Jersey 


Tampilan dari Desktop, theme ini dibangun dan dicreat oleh kami sendiri Team Desain Profesional. berikut kami sertakan screen tampilan mobile.


Tampilan dari Mobile

Theme Toko Online WP Jersey ini dilengkapi dengan :
1. Slideshow
2. Widget Dinamis (isntagram, fb, twitter, bank, exspedisi dll)
3. Promo dinamis
4. Ticker
5. Option Panel yang mudah digunakan




tidak dilengkapi dengan Shopping cart karena setiap pemesanan akan dikirimkan langsung ke Email & chat Whatsapp

Harga Theme ini cukup relatif murah gan.,, 250K


theme ini direquest oleh temen di Surabaya yang sedang menggeluti Jual Kaos Jersey, bagi anda yang minat silahkan menghubungi kami baik SMS/WA/TELP : 085749465163

Terimakasih.

Saturday, March 24, 2018

Cara Mendaftar Google Adsense

Setelah persiapan Mendaftar Google Adsense terpenuhi, Para sahabat sudah bisa mulai mendaftar sebagai publisher Google Adsense. Pertama silahkan mendaftar langsung ke http://www.Google.com/adsense dan klik tombol Sign Up Now yang ada di pojok kanan atas layar monitor kita.


Agar cepat prosesnya, saya asumsikan agan sudah memiliki akun gmail.com kalau belum silahkan membuat dulu yaa.


Setelah login, kita akan masuk Step 2 dan disinilah kita perlu memasukkan alamat blog yang kita siapkan untuk mendaftar adsense. Ingat, untuk mendaftar cukup 1 blog saja. Tapi nanti kodenya bisa kita letakkan dimanapun juga. Bila blog kita berbahasa Indonesia, pilihlah kontennya bahasa Indonesia. Klik Continue jika sudah


Sekarang tinggal mengisi data2 pribadi saja


Klik Submit my Application untuk mengirimkan lamaran kita. kepada pihak Google









Beberapa jam kemudian kita akan mendapat email dari adsense, saat itu kita sudah bisa langsung login ke adsense untuk mengambil kode iklannya. Segeralah melakukan ini karena proses verifikasinya justru dimulai setelah kita menempatkan kode iklan kita di blog. Baca dulu peraturannya biar jelas.


Klik Continue to adsense account untuk masuk ke dashboard adsense kita. Dalam posisi ini, kita masih belum diterima oleh Google. Tapi sudah bisa mengambil kode adsense untuk diletakkan di blog kita.



Klik menu My ads – More Product – Content


Klik Get Started with AdSense for Content kemudian klik New ad Unit


Gak perlu lama2 toh nanti gak muncul apa2, jadi pilih saja pilihan default dan klik saja Save and get code untuk mendapatkan kodenya segera.


Kalau sudah dapat kodenya tinggal copy dan paste di blog. Gunakan saja text widget dan pasang di paling bawah


Nah, sekarang tinggal berdoa dan update konten seperti biasa :) InsyaaLlah sekitar 3 pekan akan ada email pemberitahuan apakah lamaran kita diterima atau ditolak. Kalau diterima ya lanjut kalau ditolak ya udah pilih Alternatif adsense lain aja :)

Thursday, March 22, 2018

Persiapan Mendaftar di Google AdSense

Sudah tak sabar menanti dollar-dollar mengalir di kantong anda? Sebelum Shobat mendaftar Google Adsense, maka sebaiknya kita melakukan persiapan-persiapan agar nanti pengajuan anda diterima oleh Pihak Google Adsense.



Poin Penting menjadi Publisher Adsense

Pertama, kita harus sudah memiliki sebuah blog atau website. Pastikan wordpress kita telah terinstall dengan baik dan terindex dengan baik oleh Google (Jika Menggunakan Wordpress). Caranya masukkan site:nama-domain.com pada kotak pencarian Google.
Contohnya : site:www.desainprofesional.com

Kedua, bersabarlah menunggu umur blog menjadi 6 bulan. Umur blog ini dihitung mulai kita menuliskan artikel pertama. Jadi walau sudah diinstall, hitungan umurnya belum jalan. Di versi yang baru ini, syarat umur sangat dianjurkan.

Ketiga, tingkatkan kunjungan hingga 100 pengunjung unik (unique visitor) per hari. Hal ini juga menjadi persyaratan google adsense kalau mau diterima.

Keempat, Jangan pasang plugin2 yang aneh2 di WordPress. Plugin generate content seperti wp-robot, SEO ALRP, STT2, dan sejenisnya sebaiknya tidak ada di blog yang kita daftarkan. Jadi, upayakan web benar2 bersih dari tuduhan kecurangan.


Kelima, Pastikan blog kita berisi Original Content alias bahasa kita sendiri dan karya kita sendiri. Saran saya sih karena sekarang adsense sudah support Bahasa Indonesia, jadi buat saja blog pribadi. Ini akan lebih menyemangati kita dalam mengisi konten. Anggap aja punya akun Facebook gitulah


Pertanyaan Seputar Pendaftaran Adsense

T: Mas saya sudah punya blog umur 6 bulan tapi traffik masih di bawah 100. Gimana?
J: Ya tingkatin dong

T: Mas, blog saya bahasa Indonesia apa boleh didaftarin adsense?
J: Boleh

T: Mas, saya sudah pernah ikut adsense trus kena banned, bagaimana?
J: Sebaiknya gunakan jasa pendaftaran adsense saja

Kalau ada pertanyaan lain nanti saya komentar disini yaaa..


Dapatkan Materi Adsense Lainnya disini :
Apa Itu Google Adsense
Cara Daftar Google Adsense
Login Adsense

Sunday, March 18, 2018

Membuat Widget Instagram Tanpa Plugins (Update) 2018 di Theme Wordpress

Assalamualaikum Warahmatullahi Wabarokatuh,
Selamat malam para sahabat bimbel wordpress yang berbahagia, sudah lama sekali saya tidak Update Tutorial diblog ini terkait kesibukan membuat theme wordpress di beberapa Instansi Pemerintah.

Baik pada kesempatan Kali ini Tutorial yang akan saya bagikan adalah utuk Membuat Widget Instagram Wordpress tanpa Plugin, Pihak ketiga, dan Mudah dipakai.

Tutorial ini sudah pernah saya share di postingan sebelumnya :

Membuat Widget Instagram Tanpa Plugins di Theme Wordpress

Namun pada tahun 2018 sekarang ini, API Graph instagram merubah parameternya, otomatis tutorial yg lama akan menghasilkan kode error di website anda. jadi para temen2 silahkan update kode Widget Instagramnya dengan kode dibawah ini.



Sebelum saya paparkan kodenya, Silahkan Ikuti blog "Bimbel Wordpress Indonesia" untuk mendapatkan Update Info dan Tutorial terbaru dan terupdate, agar para shabat semua selalu update materi dan praktek, dan semoga semakin Maknyooss Pinterrr..

Oke langsung saja saya kasihkan kodenya :

/**
* Adds Instagram Feed widget
*/
function wpiw_widget() {
    register_widget( 'Instagramfeed_Widget' );
}
add_action( 'widgets_init', 'wpiw_widget' );

class Instagramfeed_Widget extends WP_Widget {

    /**
    * Register widget with WordPress
    */
    function __construct() {
        parent::__construct(
            'instagramfeed_widget', // Base ID
            esc_html__( 'Instagram Widget', 'desainprofesional' ), // Name
            array( 'description' => esc_html__( 'Desain Profesional: Widget untuk menampilkan Instagram Anda', 'desainprofesional' ), ) // Args
        );
    }

    /**
    * Widget Fields
    */
    private $widget_fields = array(
        array(
            'label' => 'Instgram Username',
            'id' => 'insta_username',
            'type' => 'text',
            'default' => 'martabak_oey'
        ),
        array(
            'label' => 'Jumlah yg Ditampilkan?',
            'id' => 'insta_posts',
            'type' => 'number',
            'default' => 9
        ),
        array(
            'label' => 'Ukuran Gambar',
            'id' => 'insta_size',
            'type' => 'select',
        ),
    );

    /**
    * Front-end display of widget
    */
    public function widget( $args, $instance ) {
        echo $args['before_widget'];

        // Output widget title
        if ( ! empty( $instance['title'] ) ) {
            echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ) . $args['after_title'];
        }

        // Output generated fields
        $instaResult = json_decode(file_get_contents('https://www.instagram.com/'.$instance['insta_username'].'/?__a=1'), true);
        
        $i = 0; 
        $limit = $instance['insta_posts']; 
        $sizes = $instance['insta_size']; 

        echo '<ul class="instagram-pics">';
        foreach( $instaResult['graphql']['user']['edge_owner_to_timeline_media']['edges'] as $keys => $key ) {
            $image = $key['node'];
            $link = 'https://www.instagram.com/p/'.$image['shortcode'];
            $caption = substr($image['edge_media_to_caption']['edges'][0]['node']['text'],0,130);
            
            if ($i < $limit) {             
                switch ($sizes) {
                    case 'small':
                        $images = $image['thumbnail_resources'][0]['src'];
                        break;
                    case 'thumbnail':
                        $images = $image['thumbnail_resources'][1]['src'];
                        break;
                    case 'large':
                        $images = $image['thumbnail_resources'][2]['src'];
                        break;
                    case 'extra-large':
                        $images = $image['thumbnail_resources'][3]['src'];
                        break;
                    default:
                        $images = $image['thumbnail_src'];
                        break;
                }
                echo '<li class="instagram-layout instagram-size-' . esc_attr( $sizes ) . '"><a href="' . esc_url( $link ) . '" target="_blank"  class="instagram-link"><img src="' . esc_url( $images ) . '"  alt="' . esc_attr( $caption ) . '" data-toggle="tooltip" data-placement="top" title="' . esc_attr( $caption ) . '"  class="img-responsive"/></a></li>';
            } else {
                break;
            }
            $i++;
        };
        echo '</ul>';
        
        echo $args['after_widget'];
    }

    /**
    * Back-end widget fields
    */
    public function field_generator( $instance ) {
        $output = '';
        foreach ( $this->widget_fields as $widget_field ) {
            $widget_value = ! empty( $instance[$widget_field['id']] ) ? $instance[$widget_field['id']] : esc_html__( $widget_field['default'], 'textdomain' );
            switch ( $widget_field['type'] ) {                    
                case 'select':
                    $output .= '<p>';
                    $output .= '<label for="'.esc_attr( $this->get_field_id( $widget_field['id'] ) ).'">'.esc_attr( $widget_field['label'], 'textdomain' ).':</label> ';
                    $output .= '<select class="widefat" id="'.esc_attr( $this->get_field_id( $widget_field['id'] ) ).'" name="'.esc_attr( $this->get_field_name( $widget_field['id'] ) ).'">';
                    $output .= '<option value="thumbnail" '.selected( "thumbnail", esc_attr( $widget_value ), false ).'>'.esc_attr( "Thumbnail", "textdomain" ).'</option>';
                    $output .= '<option value="small" '.selected( "small", esc_attr( $widget_value ), false ).'>'.esc_attr( "Small", "textdomain" ).'</option>';
                    $output .= '<option value="large" '.selected( "large", esc_attr( $widget_value ), false ).'>'.esc_attr( "Large", "textdomain" ).'</option>';
                    $output .= '<option value="extra-large" '.selected( "extra-large", esc_attr( $widget_value ), false ).'>'.esc_attr( "Extra Large", "textdomain" ).'</option>';
                    $output .= '<option value="original" '.selected( "original", esc_attr( $widget_value ), false ).'>'.esc_attr( "Original", "textdomain" ).'</option>';
                    $output .= '</select>';
                    $output .= '</p>';    
                break;
                
                default:
                    $output .= '<p>';
                    $output .= '<label for="'.esc_attr( $this->get_field_id( $widget_field['id'] ) ).'">'.esc_attr( $widget_field['label'], 'textdomain' ).':</label> ';
                    $output .= '<input class="widefat" id="'.esc_attr( $this->get_field_id( $widget_field['id'] ) ).'" name="'.esc_attr( $this->get_field_name( $widget_field['id'] ) ).'" type="'.$widget_field['type'].'" value="'.esc_attr( $widget_value ).'">';
                    $output .= '</p>';
            }
        }
        echo $output;
    }

    public function form( $instance ) {
        $title = ! empty( $instance['title'] ) ? $instance['title'] : esc_html__( '', 'textdomain' );
        ?>
        <p>
        <label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php esc_attr_e( 'Title:', 'textdomain' ); ?></label>
        <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>">
        </p>
        <?php
        $this->field_generator( $instance );
    }

    /**
    * Sanitize widget form values as they are saved
    */
    public function update( $new_instance, $old_instance ) {
        $instance = array();
        $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
        foreach ( $this->widget_fields as $widget_field ) {
            switch ( $widget_field['type'] ) {
                case 'checkbox':
                    $instance[$widget_field['id']] = $_POST[$this->get_field_id( $widget_field['id'] )];
                    break;
                default:
                    $instance[$widget_field['id']] = ( ! empty( $new_instance[$widget_field['id']] ) ) ? strip_tags( $new_instance[$widget_field['id']] ) : '';
            }
        }
        return $instance;
    }
} // class Instagramfeed_Widget

dan tambahkan kode javascript ini ke file.js anda agar nanti tampilannay waktu meng hover Image muncul Tooltip dari widget bagus tidak berantakan :

$('[data-toggle="tooltip"]').tooltip(); 


*PENTING
Jika anda menggunakan settingan jquery default dari wordpress maka symbol $ diganti dengan jQuery

Jangan Lupa Ikuti Blog ini agar anda mendapatkan Tutorial dan Info terbaru dari kami sobat, dan jangan Lupa Komentar, Bagi anda yg mengalami Bug / Fixed / Error dalam menggunakan TUTORIAL dari kami silahkan komentar, Kami akan merespon komentar anda.


Oke sampai jumpa kembali, Terimakasih

PRAKTEK dan KEMBANGKAN

GOOD LUCK

Saturday, March 17, 2018

Promo Pembuatan Website Toko Online

SELAMAT DATANG

Di Jasa Pembuatan Website Toko Online

 Termurah  Tercepat  Termudah  Praktis


Kami adalah Desain Profesional, dan kami akan memberi tahu Anda tentang rahasia pemasaran online terbesar: Membuat situs web toko onlinesebenarnya sangat sederhana. Tentu, ada beberapa perencanaan yang terlibat, namun dengan penyedia yang tepat, keseluruhan proses bisa mulus, tidak menimbulkan kendala, dan bahkan mungkin sedikit memakan waktu anda.

Selama 5 tahun terakhir, kami telah bekerja dengan perusahaan kecil, perusahaan pemula, dan beberapa perusahaan besar untuk membuat situs web profesional yang sangat mudah dioprasikan.

 Mudah bagi klien kami untuk mempertahankannya  Mudah bagi pelanggan mereka untuk menggunakannya  Mudah untuk menganalisa dan update

Dengan web toko yang bagus live secara online maka anda tidak perlu menggaji karyawan, mengawasi pembeli dan lainnya, cukup anda menunggu telepon / whatsapp anda berdering. klien anda 99% deal untuk membeli produk yang anda jual, dengan sales letter magic marketing yang ditata dengan baik dan menarik supaya pembaca dan calon konsumen terpikat dan berkeinginan membeli produk yg kita jual.
mungkin diluar sana banyak sekali jasa pembuatan website yang sudah live di internet dengan fasilitas yg lebih dari kami, namun kami tetap komitmen dengan fasilitas kami yang telah kami Riset selama bertahun-tahun, fasilitas yang kami berikan sangatlah cukup bagi anda yg ingin Memulai Usaha Online, Menjalankan Bisnis Baru, Membangun Brand / Nama Usaha, Memasarkan Produk, dan lain sebagainya.
jasa website toko online yang kami berikan pada Bulan Maret 2017 ini adalah Promo Rutin Desain Profesional setiap Bulan, jika anda membandingkan dengan jasa yang lain mungkin kami adalah salah satu yg anda cari, kami siap Ber Partner dan Mitra dengan anda yg mempunyai Produk / Usaha baik kelas Kecil, Menengah dan Keatas.

PROMO BULAN MARET

kami berharap dapat membantu mewujudkan keinginan anda untuk membuat website usaha anda sekaligus mempromosikan produk yg anda jual. jika anda menghubungi jasa buat website kami dengan menggunakan kode PROMO Bulan Maret maka anda akan mendapatkan Paket Website Toko Onlinesesuai dengan Kapasitas yg mungkin kami rasa sudah cukup bagi anda dalam menjalankan usaha anda dengan harga yg cukup relefan dan tidak terlalu mahal juga tidak terlalu murah.

 PROWEBMART

Gunakan kode ini untuk mendapatkan promo kami,

Harga Paket website semestinya Rp. 1.250.000

Cukup anda dapatkan dengan Harga


Rp. 850.000

Saturday, March 3, 2018

Cara Membuat Post Viewer Wordpress Tanpa Plugin

Hallo Temen 2, Jumpa lagi dengan saya, pada kesempatan kali ini saya mau memberikan satu pengalaman saya untuk membuat Set Post bagi theme wordpress.

saya searching di google dan pada akhirnya ketemu juga deh.. berikut tutorialnya gan, tutorial ini hanya berlaku bagi anda yg menggunkan Website berbasis Hosting bukan yg lain, jadi kalau pakai Blog wordpress Gratis tidak dapat menggunakan tutorial ini.

Tutorial ini telah dipraktekkan di Website Pusat Kami, Jasa Pembuatan Website | Desain Profesional

lha itu yg saya kasih tanda merah adalah contoh hasil set post viewer jadi kita dapat mengetahui sudah berapa orang yg membaca artikel kita boss..

Langkah Pertama LANGSUNG KE TKP:

1. masuk ke admin area dan ke dhasboard => Appearance (Tampilan) => Editor

perlu diperhatikan :
jika anda tidak dapat meng edit file melalui admin area wordpress, maka editlah menggunakan FTP, Masuk Ke Cpanel => Public_Html => Wp-Content => Themes
cari folder theme anda, buka dan cari file functions.php

2. cari file Functions.php (file functions)
3. masukkan kode dibawah ke dalam file ini, setelah itu simpan.





Langsung KOPY PASTE kodenya GAN..
// function to display number of posts.
function getPostViews($postID){
  $count_key = 'post_views_count';
  $count = get_post_meta($postID, $count_key, true);
  if($count==''){
    delete_post_meta($postID, $count_key);
    add_post_meta($postID, $count_key, '0');
    return "0 View";
  }else{
    return $count.' Views';
  }
}

// function to count views.
function setPostViews($postID) {
  $count_key = 'post_views_count';
  $count = get_post_meta($postID, $count_key, true);
  if($count==''){
    $count = 0;
    delete_post_meta($postID, $count_key);
    add_post_meta($postID, $count_key, '0');
  }else{
    $count++;
    update_post_meta($postID, $count_key, $count);
  }
}

jika sudah selesai sekarang kita lanjut pada tahap berikutnya:

Cara Men SET post View 

1. cari file single.php
2. Masukkan Kode berikut ini. kode dibawah ini adalah kode untuk menset Post Viewer bukan untuk menampilkannya, OKE

<?php setPostViews(get_the_ID()); ?>

taruh dibawah kode the_post(); 
jika anda mnaruhnya didalam Tag PHP maka tag PHPnya (<?php dan ?>) kode diatas dibuang ambil kodenya saja, Jika diluar tag PHP maka ambil semua,
Untuk kode set Post Viewer Harus ada dalam Loop baik yg Set Post Viewer atau yg Get Viewer



Cara Menampikan Hasil SET Post View

1. anda dapat menaruh kede dibawah ini untuk menampilkan hasildari set post view. baik ditaruh di file single.php, archive.php, index.php, category.php atau DLL

silahkan kopy kodenya, dengan syarat kode ini harus ada dalam LOOP konten / Perulangan Postingan..

KENAPA HARUS DI DALAM LOOP ??
karena kode ini membutuhkan ID dari setiap Post yg anda set.

Berikut Kodenya
<?php echo getPostViews(get_the_ID()); ?>

taruh dibawah kode the_post(); 
jika anda mnaruhnya didalam Tag PHP maka tag PHPnya (<?php dan ?>) kode diatas dibuang ambil kodenya saja, Jika diluar tag PHP maka ambil semua.

Sekian Tutorial dari Saya : Abdul Mannan Sya'roni - by DesainProfesional.com

GOOD LUCK
Praktek dan Kembangkan
 

Promo

DISKON 50% + DOMAIN DAN SSL GRATIS SELAMANYA

loading...
Atas