Tampilkan postingan dengan label wordpress. Tampilkan semua postingan
Tampilkan postingan dengan label wordpress. Tampilkan semua postingan

Selasa, 04 Januari 2011

Belajar Wordpress di IdTutorial yuk!

idtutorial Wordpress merupakan platform blog yang populer di samping blogger, menguasai seluk beluk wordpress merupakan hal yang dirasa cukup penting. Oleh karenanya, belajar wordpress bersama kang Rohman yuk di ID Tutorial.

ID Tutorial sebenarrnya sudah ada sejak lama, namun karena satu dan lain hal blog tersebut menjadi terbengkalai dan di lupakan, di tahun yang baru ini kang Rohman tergeliat kembali untuk mengupdate blog tersebut. Mencoba untuk fokus akan satu hal, sepertinya ID tutorial akan di isi dengan Panduan wordpress atau tutorial wordpress.

Demi merangkul banyak pihak, termasuk para pemula, informasi yang akan disuguhkan mulai dari pembelian domain, hosting, instalasi wordpress, cara operasional wordpress, sampai kepada SEO khusus wordpress.

Mudah-mudahan wajah baru dari ID Tutorial dapat menambah perbendaharaan ilmu anda di samping tutorial-tutorial wordpress yang sebelumnya telah ada beredar di Internet.

Selamat berjumpa di ID Tutorial sobat!

Rabu, 28 Juli 2010

Pasang Tombol Facebook Like di Wordpress

tombol facebook like Seperti janji kemaren pada posting Pasang Tombol Facebook Like di blogger bahwa akan di bahas juga tentang bagaimana cara  Pasang Tombol Facebook Like di wordpress. Namun, perlu di jelaskan bahwa tips berikut berlaku untuk yang menggunakan wordpress.org (self hosted) bukan untuk wordpress.com (wordpress gratis).

 

Untuk memasang Tombol facebook like di wordpress terbilang mudah, yang penting anda tidak sangat buta dengan kode HTML atau PHP. Hal pertama adalah dimana anda akan meletakkan tombol facebook like tersebut, di bawah posting, diatas posting, di home page, atau hanya di single post?

 

Kode Tombol Facebook Like

Agar tidak terlalu pusing dalam mencari kode tombol  facebook like untuk wordpress, kode berikut bisa saja anda gunakan :

 

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;action=like&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;font=arial&amp;colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:25px;"></iframe>


 



Sekilas tentang Struktur Theme Wordpress



Perlu di ketahui bahwa struktur template blogger dengan template wordpress (theme) sangatlah berbeda. Template blogger, struktur templatenya satu file, sedangkan wordpress theme terbagi didalam beberapa file, namun tentu saja antara file yang satu dengan yang lainnya saling berhubungan.



Umumnya, file untuk mengatur tampilan halaman depan (homepage) dinamakan dengan file index.php, halaman single post dinamakan file single.php, dan halaman static pages dinamakan page.php, dan file-file yang lainnya. Namun, itu adalah secara umum, untuk theme-theme premium, kang rohman menemukan ada penamaan file yang berbeda.



 



Cara pasang tombol Facebook Like di postingan wordpress



Sebagai pengetahuan dasar, kode posting di wordpress adalah seperti ini ;



 



<?php the_content(); ?>



 



Namun, tentu pada theme yang anda gunakan mungkin akan sedikit berbeda, sebagai contoh pada theme default wordpress, pada bagian index.php nya memuat kode seperti berikut :



 



<?php the_content('Read the rest of this entry &raquo;'); ?>



 



Dapat di lihat, bahwa kode dasarnya tetap sama, hanya ada penambahan “'Read the rest of this entry &raquo;” saja.



 



Sebagai contoh, berikut adalah cara pemasangan tombol facebook like dengan menggunakan theme default wordpress. Tombol yang di harapkan muncul adalah hanya pada akhir posting saja (single post). Tips : praktekan langkah berikut pada blog percobaan anda, jangan langsung pada blog utama, ini untuk mengurangi resiko jika melakukan kesalahan, atau jika langsung pada blog utama anda, jangan lupa untuk selalu melakukan backup terlebih dahulu sebelum melakukan pengeditan.



 




  1. Silahkan login ke blog anda.


  2. Tuju bagian AppereanceEditor.

    appereance




  3. Alihkan perhatian ke sebelah kanan monitor, klik file single.php , Tunggu beberapa saat sampai loading selesai.

    single post




  4. Copy lalu paste kode berikut di bawah / diatas kode <?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?>

     



    <iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;action=like&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;font=arial&amp;colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:25px;"></iframe>

    single post code


  5. Klik tombol Update File. Tunggu sampai proses selesai.


  6. Silahkan buka blog anda, klik pada judul posting, atau read more.


  7. Tuju bagian akhir posting, dan seharusnya tombol facebook like harus sudah ada.

    facebook-like




  8. Selesai.



Contoh diatas adalah untuk single post. Jika mau di pasang bagian homepage tinggal di masukin di file index.php. untuk static pages di file page.php.



 



Semoga bermanfaat.

Kamis, 21 Januari 2010

Cara Ganti Theme pada Offline Wordpress

WordPress icon Masih dalam seri belajar wordpress secara offline, sebelumnya telah ditulis bagaimana Cara Install WampServer serta Install Wordpress Secara Offline. Nah, sekarang akan di tulis bagaimana Cara Ganti Theme pada Offline Wordpress.

Jika anda sebelumnya telah mempunyai blog dengan mesin wordpress dan ingin mengganti dengan theme favorit anda, alangkah baiknya tidak secara langsung menguploadnya ke web hosting, namun sebaiknya anda melakukan testing terlebih dahulu secara offline pada wordpress localhost. Langkah ini untuk menghindari kerusakan terhadap blog anda yang diakibatkan dari tidak kompatibel nya wordpress theme favorit anda dengan versi wordpress yang anda pakai. Langkah inipun untuk mengurangi ketidak nyamanan pengunjung anda ketika anda mengganti theme yang masih di edit.

Berikut langkah-langkah ganti theme pada offline wordpress :

 

Download Wordpress Theme

Silahkan download terlebih dahulu wordpress theme favorit anda, namun sebagai contoh kang Rohman akan menggunakan Cordobo green park 2, silahkan download terlebih dahulu di sini.

File yang anda download masih dalam bentuk file zip, oleh karena itu ekstraklah terlebih dahulu file tersebut dengan menggunakan software ekstraktor seperi winzip atau winrar, atau bisa juga secara online di http://wobzip.org.

ekstrak cordobo

Silahkan Jalankan Windows explorer anda lalu buka directory C:\wamp\www\wordpress\wp-content\themes ( ingat bahwa sebelumnya anda telah menginstall WampServer), copy lalu paste folder theme Cordobo green park 2 ke dalam directory tersebut.

copy wordpress theme

 

Aktifkan Theme

Silahkan jalankan WampServer, klik icon WampServer yang ada di system tray lalu pilih “Start All Service

start all service

Buka browser internet anda, lalu ketik http://localhost/wordpress/ pada address bar, dan tampilan blog local anda akan seperti ini :

my blog

Klik Log in untuk melakukan login ke blog local anda atau bisa juga langsung mengetikan http://localhost/wordpress/wp-login.php pada address bar, lalu silahkan login dengan username serta password anda.

  Sesudah berada di dashboard blog, Klik menu Appearance ( disebelah kiri ), lalu klik Themes.

pili -theme

  Klik pada Active untuk theme “Cordobo Green Park 2”. Untuk melihat hasilnya, silahkan klik “Visit Site” yang ada di sebelah kiri atas, dan seharusnya tampilannya akan seperti ini :

cordobo

  Selesai.

 

Dengan cara diatas, tentunya anda dapat melakukan testing terhadap theme tersebut untuk selanjutnya bisa di upload ke webhosting jika sudah terbukti kompatibel. selain itu andapun bisa mengedit theme tersebut sepuas hati tanpa harus ketakutan timbul kerusakan karena memang masih dikomputer anda dan belum online di internet.

Punya saran untuk artikel ini? silahkan komentar.

Selasa, 19 Januari 2010

Free Wordpress Icon Set

Beberapa hari yang lalu Kolom Tutorial telah rilis Blogger Icon yang bisa anda download secara gratis. Rupanya ada permintaan dari pembaca agar dibuatkan pula Wordpress Icon, maka kolom tutorial membuatkan beberapa variasi Wordpress icon yang mungkin menarik untuk anda koleksi.

 wordpress icon set

Wordpress Icon set ini boleh anda gunakan untuk blog atau web non komersial, untuk web komersial silahkan hubungi terlebih dahulu kang Rohman, atau anda ingin memesan Icon untuk keperluan. web anda, silahkan kontak saja.

Bagi yang ingin mereview tentang Wordpress icon ini, di harapkan agar jangan membuat link download sendiri, silahkan untuk membuat link ke posting ini karena tentunya blog ini memerlukan trafik hasil jerih payah membuat icon diatas.

Yang berminat mengoleksi Wordpress Icon, silahkan download langsung :

download wordpress icon set

Senin, 18 Januari 2010

Install Wordpress Secara Offline

Icon-WorldPress Pada posting sebelumnya telah ditulis bagaimana cara Install WampServer pada komputer, dan pada kesempatan ini Kolom Tutorial mencoba membahas cara Install Wordpress dengan menggunakan WampServer atau cara seperti ini sering juga di sebut sebagai Install Wordpress secara offline.

Perlu diperjelas bahwa yang kita ulas bukanlah Wordpress.com namun Wordpress.org atau Mesin Wordpress yang bisa di install pada hosting sendiri. Berikut langkah-langkah instalasi wordpress dengan menggunakan localhost.

 

Download  Wordpress

 Silahkan download wordpress terbaru di Wordpress.org (saat ini wordpress versi  2.9.1), disarankan file yang didownload adalah yang .zip

Setelah di download, silahkan Ekstrak file tersebut terlebih dahulu dengan software ekstraktor seperti Winzip atau Winrar atau juga bisa secara online di http://wobzip.org.

ekstrak wordpress

Bukalah Folder Wordpress yang ada, lalu cari file dengan nama : wp-config-sample.php

Klik kanan pada file wp-config-sample.php, kemudian open with notepad.

 

open with notepad

  Maka akan terlihat sederetan kode PHP, yang diantaranya ada seperti ini :

 

/** The name of the database for WordPress */
define('DB_NAME', 'putyourdbnamehere');

/** MySQL database username */

define('DB_USER', 'usernamehere');

/** MySQL database password */

define('DB_PASSWORD', 'yourpasswordhere');

/** MySQL hostname */

define('DB_HOST', 'localhost');

 


Ubahlah kode yang berwarna merah 

  *  putyourdbnamehere : Ganti apa saja, namun sesuai dengan data basename. Contoh : wordpress



  *  usernamehere : Ganti saja dengan root



  *  yourpasswordhere : dikosongkan saja.





  Maka contoh kode yang telah di ubah adalah seperti ini :



 



/** The name of the database for WordPress */
define('DB_NAME', 'wordpress');

/** MySQL database username */

define('DB_USER', 'root');

/** MySQL database password */

define('DB_PASSWORD', '');

/** MySQL hostname */

define('DB_HOST', 'localhost');

 



  Lalu kemudian “Save ”, dan tutuplah jendela notepad yang untuk mengedit kode tadi.



  Kembali lagi ke Folder Wordpress, lakukan rename pada file wp-config-sample.php menjadi wp-config.php ( ini harus dilakukan )



wp-config



  Langkah pertama telah selesai.



 



 Membuat Database pada  WampServer



Silahkan jalankan Software WampServer yang telah anda install sebelumnya.



Lihat ke system tray ( sebelah kanan bawah monitor ), klik pada icon wampserver lalu  pilih “phpmyadmin” untuk membuat database.



phpmyadmin



 



  Pada Create New Database, ketik nama database, misal wordpress, karena tadi kita telah membuat nama tersebut pada file wp-config.php. Lalu klik tombol “Create”.





create database



Setelah muncul tulisan Database wordpress has been created, berarti database telah selesai di buat.



Silahkan saja di tutup browser internetnya jika anda mau.



 



Install Wordpress pada WampServer



Siapkan folder Wordpress yang file wp-config.php telah di setting seperti keterangan diatas.



Silahkan buka Windows explorer anda, buka directory C:\wamp\www, lalu copy paste folder wordpress pada directory tersebut.



wamp directory .



Alihkan perhatian anda ke system tray di sebelah kanan bawah, klik icon WampServer lalu klik Localhost dan secara otomatis akan membuka browser internet.



localhost



Alihkan perhatian ke sebelah kiri bawah, lalu klik  Wordpress dan proses install akan di mulai.



wordpress



Isilah form yang ada, lalu klik tombol Install Wordpress.



install-wordpress



Anda akan diberikan User Name serta Password sementara blog anda, lalu klik tombol login. Silahkan login dengan username serta password yang di berikan.



login



Silahkan rasakan sensasi wordpress yang tersohor itu.







Selesai.



 



Dengan terinstall wordpress secara offline di komputer anda, tentunya anda akan lebih leluasa bereksperimen sehingga proses belajar anda terhadap mesin ini akan lebih leluasa.



Artikel ini terlihat panjang dan rumit, namun jika telah paham anda hanya memerlukan waktu kurang dari 5 menit untuk menginstall wordpress pada WampServer.



 



Punya opini tentang artikel ini, monggo komentar saja!

Selasa, 05 Januari 2010

WordPress 2.9.1 Final Rilis

wordpress Para pengembang wordpress sepertinya tipe para pekerja keras, tekun, ulet dan tidak kenal lelah. Bagaimana tidak? rilis antara versi yang satu dengan versi yang lain hanya dalam hitungan bulan bahkan mungkin dalam hitungan minggu. Rasanya kabar rilis wordpress 2.9 belum genap satu bulan dan sekarang mereka telah rilis wordpress 2.9.1 Final.

 

Hayo siapa berani coba?

 

Download Wordpress 2.9.1

Jumat, 17 Juli 2009

Wordpress Plugin : FlippingBook WordPress Gallery Plugin

Ada sebuah plugin wordpress yang menurut kang Rohman sangat unik, plugin wordpress ini bernama FlippingBook WordPress Gallery. Dengan plugin FlippingBook WordPress Gallery anda bisa membuat gallery gambar milik anda layaknya sebuah buku katalog. Sangat mirip dengan buku katalog, di desain menyerupai buku katalotog, gerakan efek membuka gambar seperti buku.




plugin FlippingBook WordPress Gallery-



Bagi anda yang mempunyai banyak gambar dan ingin mempunyai gallery yang unik dan menarik, sepertinya boleh juga untuk mencoba plugin FlippingBook WordPress Gallery.



Demo : http://pageflipgallery.com/online-demo/



Download : http://pageflipgallery.com/download/