Showing posts with label Tutorial Wordpress. Show all posts
Showing posts with label Tutorial Wordpress. Show all posts

Sunday, September 2, 2012

9:11 PM

Cara Mengganti Theme di Wordpress

Exspost News    No comments

Setelah teman-teman membuat blog di Wordpress.com, hal pertama yang mesti diperhatikan adalah tampilan theme yang akan dipakai. Secara default saat kita ngeblog pertama kali di WordPress menggunakan theme ‘P2‘ by Automattic. Bila anda bosan atau theme tersebut tidak sesuai dengan selera anda dan anda ingin menggantinya, anda bisa mengganti theme tersebut tanpa takut installisasi yang susah.bootingskoBlog

Untuk Wordpress.com theme yang disediakan terbatas, tapi sangat menarik dan beragam. Setelah anda menemukan theme yang disukai, berikut cara untuk mengganti theme di WordPress :
  1. Login ke Admin WordPress anda >> [Dashboard]
  2. Pada sisi kiri halaman  klik menu [Appearance] >> [Themes].
    wordpress maskolis
  3. Kemudian muncul halaman ‘Manage Themes’, pada halaman tersebut pilhlah theme sesuai dengan selera anda.
  4. Bila anda sudah menemukan theme yang sesuai dengan selera anda, klik [Preview] theme pilihan anda tersebut.
  5. Muncul halaman ‘Activate Theme’, bila anda yakin ingin mengganti theme default anda dengan theme pilihan anda, klik link [Activate "nama theme"] pada sebelah kanan pojok atas.
  6. Dan bila anda ingin membatalkannya klik tanda [ X ] pada pojok kiri atas.
Demikian tadi langkah-langkah untuk mengganti tampilan theme di Wordpress.com, selamat mencoba dan semoga bermanfaat.
 
 
source :  http://creatingwebsite-maskolis.blogspot.com/2011/01/mengganti-template-theme-wordpress.html

Read More

Monday, August 27, 2012

10:02 PM

Cara Memposting Artikel di WordPress

Exspost News    No comments

Pada postingan sebelumnya saya sudah membuat artikel tentang tutorial cara membuat posting artikel di Blogspot, kali ini saya akan memberikan langkah-langkah cara membuat posting artikel di WordPress.com.
Berikut langkah-langkahnya:
  1. Pertama, anda harus login terlebih dahulu ke Admin WordPress anda.
  2. Pada sisi kiri halaman dasboard klik menu [Post] > [Add New].
    Menu Posting Artikel Baru
    Menu Posting Artikel Baru
  3. Lalu akan tampil halaman ‘Add New Post’.
    Membuat Posting Artikel Baru
    Membuat Posting Artikel Baru
  4. Silahkan mulai menulis pada mode [Visual].
    Menu Tab Visual
    Menu Tab Visual
  5. Beri judul posting atau artikel anda, dan ubah URL postingnya terserah anda.
    Judul Posting Artikel
    Judul Posting Artikel dan URL Posting Artikel
  6. Dan silahkan menulis di kolom yang sudah disediakan dibawahnya.
  7. Setelah selesai, klik tombol [Save Draft] bila anda ingin menyimpannya dulu atau klik tombol [Publish] bila anda ingin menampilkannya pada halaman blog anda.
    Mempublish Artikel
    Mempublish Artikel
    Sangat mudah sekali kan membuat posting artikel di wordpress.com. hehe.. Selamat Ngeblog!!

Read More
9:31 PM

Cara Memasang Kotak Komentar Facebook di blog WordPress

Exspost News    No comments

EXSPOST TIPS - Berikut ini cara Pasang komentar facebook di blog wordpress, gak perlu pake plugin, karena akan lebih ringan di blog wordpress kita tanpa menggunakan plugin. Berikut ini caranya :
1. Agar dapat pasang komentar facebook di blog wordpress kita dan Like Facebook dapat berjalan, sebelumnya kita harus menambahkan script Facebook Connect pada Theme kita.
Sebelumnya kita masuk ke http://developers.facebook.com/setup/ dan buat aplikasi baru, tinggal ikuti petunjuk yang ada sampai kita dapat App Id nya.

2. Masuk ke editor theme lalu buka Header.php, lalu masukkan kode dibawah setelah kode .<body> Jangan lupa untuk mengganti kata ganti dengan ID APP anda dg ID Aplikasi yg kita dapatkan di Facebook Developer tadi:
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/all.js#xfbml=1&appId=ganti dengan ID APP anda“;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
Sekarang kita tinggal memasukkan kode script untuk Cara Memasang Kotak Komentar Facebook di blog WordPress 

3. Masuk ke editor theme lalu buka single.php, cari dimana posisi anda mau menaruh script Facebook like nya, jika diatas postingan cari kode .<?php the_content(); ?>  lalu tambahkan script dibawah ini
<?php global $post; ?>
<div data-href=”<?php echo get_permalink( $post->ID ); ?>” data-send=”false” data-width=”700? data-show-faces=”true”></div>
<?php the_content(); ?>
Beberapa parameter yg ada di kode untuk pasang komentar facebook di blog wordpress juga terdapat tombol like yang juga bisa diubah sesuai keinginan kita.
# data-send=”false”: Ganti false menjadi true untuk menampilkan tombol Send setelah tombol Like.
# data-width=”700? : Ganti 700 dg lebar Facebook Like. Sesuaikan lebarnya dg theme yg kamu pakai.
# data-show-faces=”true” : Ganti true menjadi false untuk menyembunyikan foto teman yg memberikan Like.
Jika anda ingin menaruh dibawah, tinggal di sesuaikan saja, misalnya di bawah tag atau sebelum form komentar.

4. Untuk cara pasang komentar facebook di blog wordpress, Masuk ke editor theme lalu buka single.php, cari .<?php comments_template( ”, true ); ?> lalu pastekan kode script dibawah ini sebelum kode php comment template diatas
<?php global $post; ?>
<div data-href=”<?php echo get_permalink( $post->ID ); ?>” data-num-posts=”10? data-width=”700?></div>
Beberapa parameter yg ada di kode untuk pasang komentar facebook di blog wordpress itu juga bisa diubah sesuai keinginan kita.
# data-num-posts=”10? : Jumlah maksimum Komentar Facebook yg hendak ditampilkan. Jika komentar lebih dari nilai maksimal, maka akan disembunyikan dan akan diganti link untuk melihat lebih banyak seperti di Facebook.
# data-width=”700? : Lebar form Facebook Comments yg bisa disesuaikan dg lebar theme kamu.
Sampai disini, semua pengunjung yg mampir ke situs kita sudah bisa menshare cara Cara Memasang Kotak Komentar Facebook di blog WordPress

Read More

Wednesday, April 13, 2011

9:15 PM

Cara Memasang Iklan di Dalam Postingan WordPress

Exspost News    No comments

ika anda membaca artikel di dalam blog ini, maka pada bagian paragraf awal akan kelihatan tampilan iklan lokal berbahasa Indonesia (kliksaya.com). Tampilan iklan yang berada di dalam postingan merupakan salah satu tips agar iklan tersebut mendapatkan banyak klik dari pembaca blog kita, karena posisinya yang menyatu dengan postingan. Dengan demikian, maka ini juga bisa mendongkrak pendapatan dari iklan yang terpasang di blog kita.


Sebenarnya metode pemasangan iklan di dalam postingan ini sudah direkomendasikan sejak lama, tetapi pada kenyataannya tidak banyak blogger yang mengetahui persis bagaimana caranya memasang iklan dalam postingan tersebut. Nah, pada postingan ini saya akan berbagi sedikit tips seputar bagaimana cara memasang iklan sehingga tampil menyatu dengan postingan. Perlu dicatat, tips ini hanya berlaku untuk blog wordpress saja.

Cara Standar Memasang Iklan di Dalam Postingan

Cara yang paling mudah untuk menampilkan iklan di dalam postingan adalah dengan menambahkan kode di bawah ini ke dalam single.php theme blog wordpress Anda (baca tata caranya!):
<?php
$where = 0;
$content = apply_filters(‘the_content’, get_the_content());
$content = explode(“</p>”, $content);
for ($i = 0; $i <count($content); $i++) {
if ($i == $where) { ?>
<div style=”float:left; margin:0 10px 10px 0;“> 
<!-- MASUKKAN KODE IKLAN ANDA DI SINI -->
</div>
<?php
}
echo $content[$i] . “</p>”;
}
?>
Tata caranya sebagai berikut:
  1. Login ke dashboard blog wordpress Anda, lalu masuk ke menu Appearance — Editor
  2. Klik single.php sampai terbuka sempurna
  3. Cari kode <?php the_content( ‘more’ ); ?> atau kode yang serupa, lalu gantikan dengan kode di atas
  4. Save dan lihat hasilnya
Jangan lupa memasukkan kode iklan yang akan Anda pasang di dalam postingan dengan cara mengganti kalimat  <!– MASUKKAN KODE IKLAN ANDA DI SINI –> dalam kode di atas dengan script iklan Anda. Anda juga bisa memodifikasi kode di atas berdasarkan kebutuhan, misalnya merubah posisi tampilan iklan. Ini petunjuknya:
  • Kode $where = 0; menunjukkan bahwa iklan akan ditampilkan pada paragraf pertama. Jika Anda mengganti angka 0 dengan angka 1, maka iklan akan tampil di paragraf kedua, dan seterusnya. Tinggal ganti angkanya saja!
  • Kode float:left; menunjukkan bahwa iklan akan ditampilkan pada bagian sebelah kiri postingan. Nah, kalau Anda mau menampilkan iklan di sebelah kanan postingan, maka ganti saja  left dengan right, trus save dan lihat hasilnya
  • Kode margin:0 10px 10px 0; menunjukkan pengaturan batas atas, kanan, bawah dan kiri iklan. Anda tinggal bermain dengan angka-angka di dalamnya untuk mendapatkan posisi yang pas. Silahkan dicoba!
Cara standar ini sebenarnya cukup mudah dan praktis, tetapi kita selalu diharapkan untuk mengisi postingan dengan beberapa paragraf agar iklannya tidak timpang. Nah, untuk blogger yang kadang hanya menuliskan satu kalimat atau satu paragraf saja sebagai psotingan, bagaimana cara pengaturan iklannya? Gampang, ikuti saja cara lanjutan bagaimana memasang iklan di dalam postingan blog kita.
Jika Anda sudah menggunakan cara pertama di atas, maka tidak perlu lagi menempuh cara lanjutan ini. Ingat, jangan menggunakan dua cara ini sekaligus dalam sebuah blog. Silahkan pilih saja cara mana yang menurut Anda paling sesuai dengan selera ngeblog yang Anda punya.

Cara Lanjutan Memasang Iklan di Dalam Postingan

Untuk cara lanjutan bagaimana memeasang iklan di dalam postingan blog sebenarnya sangat mudah. Cara ini pun punya kelebihan lain karena kita bisa mengatur untuk tidak menampilkan iklan di dalam postingan jika artikelnya tidak memenuhi jumlah karakter yang kita tetapkan.

Silahkan copy dan paste kode di bawah ini ke dalam functions.php theme blog wordpress Anda:

function inject_ad_text_after_n_chars($content) {
  // only do this if post is longer than 1000 characters
  $enable_length = 1000;
  // insert after the first </p> after 500 characters
  $after_character = 500;
  if (is_single() && strlen($content) > $enable_length) {
    $before_content = substr($content, 0, $after_character);
    $after_content = substr($content, $after_character);
    $after_content = explode('</p>', $after_content);
    $text = '
      <!-- MASUKKAN KODE IKLAN ANDA DI SINI -->
    ';
    array_splice($after_content, 1, 0, $text);
    $after_content = implode('</p>', $after_content);
    return $before_content . $after_content;
  }
  else {
    return $content;
  }
add_filter('the_content', 'inject_ad_text_after_n_chars');

Catatan:
  • Jangan lupa mengisi kode iklan Anda di dalam kode di atas sebelum dimasukkan ke dalam function.php theme
  • $enable_length = 1000;  adalah kode yang menunjukkan bahwa iklan Anda hanya akan ditampilkan jika sebuah postingan memiliki sedikitnya 1000 karakter. Anda bisa merubah jumlah karakter sesuai dengan kebutuhan
  • $after_character = 500; adalah kode yang menunjukkan bahwa iklan Anda akan ditampilkan setelah karakter ke-500 dari setiap postingan di blog Anda. Silahkan merubah jumlah karakter sesuai dengan kebutuhan.
Dengan 2 cara di atas (pilih saja salah satunya, jangan kedua-duanya), Anda sudah bisa memasukkan iklan apa saja (java script, flash atau HTML biasa), baik iklan text maupun iklan gambar. Saya sendiri banyak menggunakan cara di atas sebagai salah satu cara meningkatkan pendapatan google adsense dari blog-blog yang saya kelola.

Semoga tips Cara Memasang Iklan di Dalam Postingan Blog WordPress ini dapat memberikan manfaat bagi rekan-rekan semuanya! Ohya, jika ada rekan-rekan blogger yang punya tips lain bagaimana menempatkan iklan di dalam postingan blog, silahkan dibagi di sini ya.
 
source:http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-memasang-iklan-di-dalam-postingan.html

Read More

Wednesday, January 5, 2011

9:13 PM

Cara Upload File Themes dan Plugin Wordpress dengan FTP Filezilla

Exspost News    No comments

Tutorial Wordpress kali ini akan membahas mengenai cara upload file themes dan plugin Wordpress dengan menggunakan FTP Filezilla. Seperti kita ketahui, mengganti sebuah themes pada blog wordpress memang tidak semudah mengganti themes pada blog berplatform blogspot. Pada kesempatan kali ini, saya akan menggunakan metoda upload file themes dan plugin wordpress melalui FTP client yaitu Filezilla, tidak menggunakan fitur file manager dari cpanel yang disediakan pihak web hosting.

FTP atau File Transfer Protocol merupakan alat untuk mentransfer file yang biasanya dilakukan untuk mentransfer file dari 1 ip ke ip lain atau dari PC ke hosting dan sebaliknya. Namun kali ini saya lebih spesifik mengenai bagaimana menggunakan FTP untuk mentransfer file dari PC ke Hosting atau sebaliknya. Banyak software yang bisa digunakan sebagai saran FTP, Pada tutorial wordpress kali ini saya menggunakan Software FTP Client Filezilla. Selain gratis, Filezilla ini mudah digunakan dan sangat powerfull. 

Untuk lebih jelas bagaimana cara upload file theme dan plugin Wordpress dengan menggunakan FTP Filezilla adalah sebagai berikut :
  1. Pastikan software Filezilla telah terinstal di komputer anda. Jika belum anda dapat mendownload software filezilla gratis di http://filezilla.sourceforge.net. Setelah mendownload, silakan instal program tersebut.
  2. Buka program filezilla, lalu masuk ke menu site manager
  3. Kemudian klik pada New Site
    4. Isi host dengan nama domainanda, misal host: helmiikhwanul.co.cc gunakan port 21 pada logontype pilih normal lalu isi user dan password sesuai login ke cpanel anda
  4. Setelah itu klik pada menu Advanced
    5. Pada passive transfer mode setting, pastikan check pada use passive mode. Lalu klik ok Setelah selesai pengaturan klik connect
  5. Setelah terhubung ke server, maka akan tampak tampilan sebagai berikut:
    6. Kolom di sebelah kiri adalah directori pada komputer anda, sedang di sebelah kanan adalah directori pada server hosting website anda. Untuk upload anda tinggal mencari file pada komputer anda yang hendak diupload, lalu pindahkan dengan men‐drug file tersebut ke kolom sebelah kanan ke folder yang sesuai. Agar bisa diakses oleh pengunjung pastikan file yang anda upload berada pada folder public_html.
  6. Setelah selasai anda tinggal menutup program tersebut, maka otomatis akan disconnect
Itu tadi tutorial wordpress pada hari ini, jika anda mengalami kesulitan isi kotak komentar yang ada di bawah. Selamat mencoba dan semoga bermanfaat.


source: http://creatingwebsite-maskolis.blogspot.com/2011/01/upload-file-themes-dan-plugin-wordpress.html

Read More
Subscribe to: Posts (Atom)

 

Copyright @ 2013 Exspost News.

Designed by Templateify & Sponsored By Twigplay