Sunday, May 13, 2012

3

Membuat Artikel Menjadi Beberapa Halaman (Pagination)

  • Sunday, May 13, 2012
  • mamen



  • Membuat Artikel Menjadi Beberapa Halaman (Pagination) – Sebebelumnya Kang Rohman telah menulis bagaimana cara membuat read more pada blog yang menggunakan wordpress. Fungsi read more adalah untuk memotong artikel agar terlihat tidak terlalu panjang, namun ini berlaku hanya di homepage (halaman depan) dan tidak berlaku untuk single post (halaman ketika artikel dibaca secara keseluruhan).
     
    Bila artikel anda isinya sangat panjanggggg, tentu kurang enak di pandang dan seringkali memberatkan pembaca yang bandwidthnya pas-pasan. Untuk hal seperti ini, wordpress punya solusi yaitu satu artikel bisa di buat menjadi beberapa halaman atau istilah yang baku disebut sebagai pagination. Dengan fungsi pagination, sebuah artikel yang panjang bisa di bagi-bagi menjadi beberapa halaman, tergantung kita mau menjadikan artikel tersebut menjadi berapa halaman. Untuk pembaca, bila ingin membaca halaman selanjutnya tinggal klik nomor halaman yang tertera di bawah artikel tersebut.
    Cara Membuat Pagination Pada Wordpress
    Untuk membuat fungsi pagination caranya cukup mudah, anda hanya perlu memasukkan kode <!--nextpage--> pada paragrap yang ingin di potong, namun kode tersebut harus di masukkan pada saat mode post editor anda dalam keadaan HTML. Berikut uraiannya :
     
    • Diasumsikan bahwa anda sedang membuat sebuah posting

    • Klik tab HTML untuk berpindah ke mode editor HTML.

      html mode


    • Sisipkan kode <!--nextpage--> pada akhir kalimat yang ingin di buatkan pagination. Kode tersebut boleh dimasukkan beberapa kali ( diakhir kalimat yang mau di potong), tergantung artikel tersebut ingin di bagi kedalam berapa halaman.

      pagination


    • Jika anda merasa ingin kembali ke mode Visual, tinggal ubah kembali ke mode Visual dan lakukan edit sesuai keinginan.

    • Jika sudah yakin, silahkan di publish saja.

    • Selesai.

    Pagination WordPress tidak berfungsi
    Apabila anda telah melakukan langkah-langkah seperti yang telah ditulis diatas namun tidak berfungsi, kemungkinan besar theme/tema yang anda gunakan tidak support fungsi pagination. Lalu, bagaimana agar theme anda menjadi support pagination? Caranya cukup mudah yaitu anda tinggal menambahkan sedikit kode php dalam file single.php pada theme yang anda gunakan. Kode tersebut adalah sebagai berikut :

    <?php wp_link_pages(); ?>

    Dengan menyisipkan kode tersebut, pagination akan berfungsi namun hanya berupa nomor halaman saja.



    Agar terlihat sedikit indah, anda dapat mengganti kode diatas dengan kode berikut ini :

    <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Halaman :'), 'after' => '</div>' ) ); ?>

    Tulisan Halaman bisa anda ganti sesuai dengan keinginan, misal : Lanjut, Pages dan lain sebaginya. Kode diatas menyertakan fungsi CSS class yang artinya anda nanti dapat berkreasi untuk menghias tampilan pagination.
    Cara memasukkan kode pagination
    Telah disebutkan sebelumnya bahwa kode pagination di sisipkan pada file single.php, namun tentu saja itu akan menyulitkan bagi anda yang memang belum faham bagaimana mengedit suatu file di wordpress. Agar mudah, berikut uraiannya :


    • Silahkan login ke dashboard wordpress anda

    • Masuklah ke theme editor. Sorot menu Appearance lalu pilih Editor.

      theme editor


    • Pastikan bahwa theme yang terpilih adalah theme yang sedang anda gunakan di blog.

      theme wordpress


    • Alihkan perhatian ke sebelah kanan bawah lalu pilih single.php




    • Backup dahulu kode yang ada (copy lalu paste pada notepad) agar apabila anda melakukan kesalahan dalam mengedit file, bisa dikembalikan kesemula.

    • Carilah kode seperti di bawah ini:


      <?php the_content(); ?>


    • Masukkan kode pagination persis dibawahnya, contoh :


      <?php the_content(); ?> <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Halaman :'), 'after' => '</div>' ) ); ?>


    • Klik tombol Update File.

      update file wordpress


    • Selesai. Sekarang cobalah membuat sebuah posting yang mengandung pagination untuk melihat hasilnya.

    Menghias Tampilan Pagination Melalui CSS
    Telah disebutkan bahwa kode pagination yang tadi dipasang memuat CSS class yaitu <div class="page-link"> , artinya anda dapat mengatur tampilan melalui kode CSS. Salah satu contoh CSS yang telah kang rohman buat adalah sebagai berikut :

    .page-link { color: #000; font-size: 12px; margin: 15px 0 22px 0; word-spacing: 0.3em; } .page-link a:link, .page-link a:visited { background: #666; color:#FFF; font-weight: normal; padding: 0.3em 0.6em; text-decoration: none; } .page-link a:active, .page-link a:hover { background: #333; }

    Berikut adalah langkah-langkah memasukkan kode tersebut ke theme anda.

    • Diasumsikan bahwa sedang pada halaman theme editor.

    • Klik file style.css

      css pagination


    •  Backup terlebih dahulu kode yang ada (copy lalu paste pada notepad) agar apabila anda melakukan kesalahan dalam mengedit file, bisa dikembalikan kesemula.

    • Copy lalu paste kode css berikut pada deretan terakhir kode CSS anda.


      .page-link { color: #000; font-size: 12px; margin: 15px 0 22px 0; word-spacing: 0.3em; } .page-link a:link, .page-link a:visited { background: #666; color:#FFF; font-weight: normal; padding: 0.3em 0.6em; text-decoration: none; } .page-link a:active, .page-link a:hover { background: #333; }


    • Klik tombol Update File.

      update file wordpress


    • Selesai.


    Kini tampilan pagination anda akan terlihat lebih menarik daripada sebelumnya.

    css wordpress pagination

    Mudah-mudahan urain tentang Membuat Artikel Menjadi Beberapa Halaman (Pagination) dapat bermanfaat bagi anda.

    read more

    Saturday, May 12, 2012

    2

    Cara Memasukkan Featured Image di Wordpress

  • Saturday, May 12, 2012
  • mamen
  • Cara Memasukkan Featured Image di Wordpress – Pada blog berflatform wordpress, ada yang dinamakan dengan featured image. Sebuah Featured Image adalah tentu sebuah gambar, namun gambar tersebut berbeda dengan gambar yang biasa, cara memasukkan gambarnya pun berbeda.

    Penggunaan Featured Image sangat beragam, namun yang umum adalah featured image ditampilkan di bagian homepage agar terlihat lebih menarik.

    Cara Memasukkan Featured Image di Wordpress

    Berikut adalah langkah-langkah untuk memasukkan featured image pada wordpress :

    •  Diasumsikan anda sedang membuat sebuah posting.
    • Persiapkan sebuah gambar yang akan diupload
    • Alihkan perhatian kesebelah kanan monitor dan disana akan terdapat widget Featured Image.
    • Klik link Set featured image. Akan secara otomatis muncul jendela upload gambar

      featured image

    • Klik tombol Select Files
    • Pilih gambar dari komputer anda yang ingin di pasang. Proses upload akan berlangsung.
    • Setelah gambar berhasil di upload, klik tulisan Use as featured image.

      featured image wordpress

    • Lalu tututp jendela upload tersebut, nanti akan terlihat gambar yang tadi telah masuk ke widget.



    • Bila artikel siap di publikasi, maka silahkan publikasikan.
    • Selesai.
    Informasi tambahan, tidak semua theme/tema mendukung fitur ini. Periksalah file theme anda di baginan index.php atau single.php ataupun file yang lain (umumnya hanya disimpan di index.php), apakah dalam file tersebut ada kode seperti ini :

    <?php the_post_thumbnail(); ?>

    Bila setelah dicek kode tersebut tidak ada, maka theme anda memang tidak mendukung.

    Semoga artikel Cara Memasukkan Featured Image di Wordpress dapat bermanfaat bagi anda.

    Posted: 12 May 2012 06:11 AM PDT

    Cara Membuat Sticky Post Di Wordpress – Kang rohman rasa anda pasti sudah mendengar istilah sticky post. Sebuah posting yang telah di sticky akan selalu muncul di deretan paling atas posting, posting tersebut tidak akan tergeser oleh postingan baru.

    Ada beberapa alasan kenapa sebuah posting di buat menjadi sticky post, yang sering terjadi adalah pemilik blog menganggap posting tersebut sangat penting dan ingin dibaca oleh pengunjungnya.

    Berbeda dengan blogger/blogspot yang saat ini belum mempunyai fitur sticky post (walau banyak trik yang beredar diinternet dengan cara memundurkan tanggal post atau menyimpan widget diatas widget post, namun itu hanya bersifat mengakali dan bukan fitur sticky post asli), bila anda menggunakan wordpress, untuk membuat sticky post sangat mudah sekali.

    Cara Membuat Sticky Post Di Wordpress

    Berikut uraian bagaimana membuat posting baru menjadi sebuah sticky post :

    • Diasumsikan bahwa anda sedang membuat artikel baru.
    • Sebelum artikel tersebut di publikasikan, alihkan perhatian ke sebelah kanan atas monitor, klik Edit untuk : Visibility: Public.

      sticky post

    • Berilah tanda checklist pada kotak kecil disamping tulisan Stick this post to the front page.

      sticky post wordpress

    • Bila anda ingin mempublikasikan artikel tersebut, silahkan klik tombol Publish.
    • Selesai.
    Uraian diatas adalah untuk membuat sebuah sticky post dari posting baru. Bila anda ingin mengedit posting lama, berikut langkah-langkahnya :

    • Silahkan login ke dashboard wordpress anda.
    • Sorot menu Post yang ada disebelah kiri atas lalu klik All posts.

      all post wordpress

    • Akan muncul judul-judul posting yang pernah anda publikasikan, arahkan pointer mouse komputer anda pada judul post yang ingin dijadikan sticky. Akan muncul secara otomatis menu pilihan, klik pada Quick Edit.

      quick edit post

    • Alihkan perhatian ke sebelah kanan, beri tanda checklist pada kotak kecil disamping tulisan Make this post sticky. Akhiri dengan klik tombol update

      edit sticky post

    • Selesai.
    Tentu tidak selamanya kita berfikiran suatu post akan terus menerus di jadikan sticky, bila anda menginginkan agar sebuah post yang di sticky menjadi posting biasa, anda tinggal lakukan saja kebalikannya yaitu menghilangkan tanda ceklis pada Make this post sticky.

    Semoga artikel Cara Membuat Sticky Post Di Wordpress dapat bermanfaat bagi anda.



    Posted: 11 May 2012 10:43 PM PDT

    Cara Membuat Link di Wordpress – Kang Rohman pernah menulis bagaimana cara membuat link di blogger/blogspot. Bila seandainya anda masih bingung tentang apa yang dimaksud dengan link, cobalah baca kembali artikel tersebut karena disana telah dibahas secara lebih detail.

    Cara Membuat Link di Wordpress

    Pada postingan saat ini Kang Rohman akan menulis bagaimana cara membuat link pada posting wordpress. Berikut adalah langkah-langkahnya :

    • Diasumsikan bahwa anda sedang membuat sebuah artikel.
    • Persiapkan pula alamat link yang mau dipasang.
    • Beri tanda (highlight) kata-kata yang ingin di jadikan link. Kemudian klik tool untuk membuat link, secara otomatis akan muncul form yang harus anda isi.

      cara membuat link

    • Isilah : URL » isi dengan alamat link yang ingin anda tuju. Contoh http://www.krtutorplus.com . Title » isi dengan judul yang diinginkan, misal : panduang wordpress lengkap (tulisan ini akan muncul ketika pointer menyorot link).

      membuat link wordpress

    • Bila anda menganggap semua telah siap, maka silahkan publikasikan.
    • Setelah di publikasikan, tulisan yang tadi akan menjadi sebuah link (tautan)
    • Selesai.
    Semoga artikel tentang cara membuat link di wordpress ini dapat bermanfaat bagi anda.

    read more

    Friday, May 11, 2012

    0

    Cara Membuat Read more Pada Wordpress

  • Friday, May 11, 2012
  • mamen

  • read more wordpress
    Cara Membuat Read more Pada Wordpress – Suatu artikel atau posting tentu berbeda-beda, tulisannya ada yang pendek namun ada juga yang panjang. Untuk artikel yang tergolong sangat panjang, terkadang mengganggu keindahan tampilan di homepage. Pemilik blog, umumnya memotong tampilan artikel di homepage dengan menggunakan fasilitas More.

    Cara Membuat Read more Pada Wordpress

    Memotong artikel seringkali disebut sebagai Read more. Berikut adalah langkah-langkah membuat read more pada wordpress.

    • Di asumsikan bahwa anda sedang dalam keadaan membuat artikel.
    • Tempatkan cursor pada akhir kalimat yang akan di potong.
    • Klik tool More tag untuk membuat read more.

      read more wordpress

    • Silahkan publikasikan artikel anda.
    • Selesai. Artikel anda akan terlihat terpotong di homepage.
    Untuk theme tertentu fungsi more secara manual tidak di perlukan lagi, karena telah mengadopsi fungsi read more otomatis.

    Semoga artikel Cara Membuat Read more Pada Wordpress ini dapat bermanfaat bagi anda

    read more

    Monday, May 7, 2012

    0

    Cara memasukkan gambar ke posting wordpress

  • Monday, May 7, 2012
  • mamen

  • Cara memasukkan gambar ke posting wordpress – Memasukkan atau menyisipkan gambar kedalam artikel adalah hal yang sering dilakukan oleh blogger, selain sebagai hiasan agar artikel kita tidak gersang, seringkali gambar digunakan untuk mempertegas isi artikel agar lebih mudah dimengerti oleh pembaca.


    Walaupun cara memasukkan gambar itu mudah, namun terkadang ada teknik-teknik tertentu yang luput dari pengetahuan kita.

    Cara memasukkan gambar ke posting wordpress

    Ada beberapa opsi dalam memasukkan gambar di wordpress, diantaranya yaitu From Computer, From URL dan Media Library. Masing-masing opsi tentu berbeda perlakukannya.

    Berikut adalah langkah-langkah untuk memasukkan gambar ke dalam posting menggunakan wordpress :

    Memasukkan gambar dari komputer (From Computer)

    • Persiapkanlah gambar yang anda masukkan kedalam artikel.
    • Buatlah sebuah postingan baru, isi dengan artikel yang akan anda publikasikan.
    • Klik Icon Upload Media.

      upload media

    • Klik tombol Select Files
    • Pilih gambar dari komputer anda yang ingin di pasang. Proses upload akan berlangsung.
    • Setelah gambarnya terupload, ada beberapa yang sebaiknya anda isi :

      • Title : isi dengan kata-kata yang berhubungan, misal tas trendi. Tulisan ini akan muncul apabila gambar tersebut disorot oleh cursor
      • Alternate Text : isi dengan kata-kata yang berhubungan, misal tas trendi (boleh sama dengan title). Tulisan ini tidak akan muncul, namun ini bagus untuk search engine (SEO), maka sebaiknya diisi.
      • Caption : isi dengan kata-kata yang berhubungan, misal tas trendi 2012. Ini boleh diisi atau tidak. Sebuah tulisan caption nantinya akan muncul persis di bawah gambar sebagai keterangan penguat gambar.
      • Description : isi dengan deskripsi. Boleh diisi atau tidak, tulisan ini akan muncul pada theme-theme tertentu, namun umumnya tidak muncul.
      • Link URL : tulis alamat link tujuan gambar yang diinginkan. Apabila link ini di isi, maka nantinya apabila gambar tersebut di klik akan membuka halaman yang bersangkutan. Ini boleh diisi atau tidak.
      • Alignment : ini adalah opsi untuk memilih posisi gambar dalam artikel. None, berarti gambar tersebut akan terlihat berpisah dari tulisan, umumnya letak gambar akan berada disebelah kiri. Left, gambar akan berada di sebelah kiri dan tulisan/teks akan ikut merapat ke gambar tersebut. Center, posisi gambar akan berada ditengah-tengah. Right, posisi gambar akan berada disebelah kanan serta tulisan/teks akan ikut tertarik ke sebelah kanan.
      • Size : ini adalah opsi untuk menentukan ukuran gambar. Thumbnail, gambar ukuran kecil. Medium, ukuran gambar sedang. Large, Ukuran gambar besar. Full Size, ukuran gambar penuh sesuai dengan ukuran asli gambar tersebut.

        upload gambar

    • Jika yakin semua sudah di lakukan, klik tombol Insert Into Post.
    • Selesai. Gambar anda akan tampil beserta artikel anda setelah dipublikasikan.

    Memasukkan gambar dari URL (From URL)

    Ini adalah untuk memasukkan gambar yang telah di upload di tempat lain, misal di blogspot atau photobucket. Cara ini terkadang dilakukan untuk menghemat disk space hosting anda, karena file gambar itu umumnya sangat besar bila di bandingkan dengan tulisan/teks.

    Langkah pertama yang harus anda lakukan adalah mengupload gambar pada hosting yang lain, misal blogspot, photobucket dan lain-lain. Setelah gambar di upload, ambil alamat sumber gambarnya.
    • Di asumsikan anda sedang membuat sebuah artikel baru.
    • Klik Icon Upload Media.

      upload media

    • Klik Tab menu From URL.
    • Isilah form yang ada :

      • URL : isi dengan alamat gambar yang ingin di pasang.
      • Title : isi dengan kata-kata yang diinginkan
      • Alternate Text : isi dengan kata-kata yang diinginkan
      • Image Caption : isi dengan kata-kata yang diinginkan
      • Alignment : ini adalah opsi untuk memilih posisi gambar dalam artikel.
      • Link Image To : tulis alamat link tujuan gambar yang diinginkan.

        gambar

    • Jika yakin semua sudah di lakukan, klik tombol Insert Into Post.
    • Selesai. Gambar anda akan tampil beserta artikel anda setelah dipublikasikan.

    Memasukkan gambar dari Media Library

    Media library adalah kumpulan file-file atau berkas yang telah di upload sebelumnya, termasuk file gambar. Dalam artikel yang satu topik, terkadang kita tidak harus mengupload gambar yang baru, tapi menggunakan gambar yang telah di upload sebelumnya.

    • Di asumsikan anda sedang membuat sebuah artikel baru
    • Klik Icon Upload Media.

      upload media

    • Klik Tab menu Media library
    • Carilah gambar yang ada yang ingin anda masukkan. Proses pencarian ini akan sedikit merepotkan apabila jumlah gambar yang telah anda upload sebelumnya telah banyak sekali, untuk memudahkan sebaiknya anda gunakan fasilitas Search media dengan memasukkan kata kunci yang berhubungan dengan gambar yang di maksud.
    • Apabila gambar yang dimaksud telah ditemukan, klik Show . Setelah ini, langkah-langkahnya sama seperti memasukkan gambar dari komputer (From Computer).

      media library

    Cara Mengedit Gambar

    Dalam memasukkan sebuah gambar, terkadang kita mengalami keraguan dalam beberapa hal, misalnya ukuran gambar, letak gambar dan lain sebagainya. Sebuah gambar yang terlanjur dimasukkan kedalam postingan bisa di edit kembali apabila anda memang menginginkannya. Berikut sedikit uraiannya.

    • Diasumsikan bahwa anda sedang membuat artikel dan telah memasukkan sebuah gambar, namun anda tidak cocok dengan tampilan gambar tersebut.
    • Klik pada gambar yang ingin di edit, secara otomatis akan muncul dua icon yaitu panorama (seperti gambar pegunungan) serta icon untuk menghapus gambar (delete).

      edit gambar

    • Klik pada icon panorama untuk melakukan edit, akan muncul jendela untuk anda melakukan edit. Tab menu Edit Image di peruntukan bagi anda yang ingin mengedit cepat, tab menu Advanced Settings digunakan bagi anda yang lebih mahir, isal memasukkan fungsi CSS kedalam gambar tersebut.

      editing gambar
    • Apabila proses edit telah selesai. Klik tombol Update.
    • Selesai.
    Itulah sedikit uraian tentang Cara memasukkan gambar ke posting wordpress, semoga ini dapat bermanfaat bagi anda yang sedang belajar wordpess.

    read more

    Thursday, May 3, 2012

    0

    Learn the Basics of Blogger and Get Certified - For Free! - Blogger Buster News

  • Thursday, May 3, 2012
  • mamen


  • If you are just starting out with Blogger, Alison offers a useful free e-course which you may find useful.

    The Google Blogger course by Russell Stannard offers video training, an end-of-course assessment and Alison certification:

    Upon completion of this course you will be able to create your own blog. You will know how to add dates, pictures, links, video and embedded video to your blog. You will understand how to preview and publish your blog. You will gain a good knowledge of the settings that allow you to edit your blog.

    Once you've passed the module, you can choose to purchase a PDF or parchment certificate, share your achievement with a badge or simply provide a link to verify your certification.

    Admittedly this is a basic course in using Blogger, though it would be very useful for those just starting out or as a refresher course for those who have not used Blogger in some time (the video tutorials provide insight into the new interface and template designer).

    Be sure to check it out and let us know your opinions of this free course in the comments below.
    read more
    /

    Subscribe