ebook gratis belajar wordpress
Mau Belajar Dasar Wordpress Secara Gratis? Ebook Wordpress 101 ini untuk anda, Gratis! Masukkan Nama dan Email Anda

Tuesday, December 2, 2014

Cara Memasukkan Video Pada Wordpress

Kalau anda kebetulan punya sebuah video untuk di masukkan ke wordpress, anda bisa dengan mudah melakukannya dengan menguploadnya ke website wordpress anda dan menampilkannya. Atau jika anda ingin menampilkan video youtube di wordpress anda juga sangat mudah. Untuk Melakukannya ada 3 Cara

A. Upload video langsung ke wordpress

1. Pertama anda buat dulu artikel atau halaman

2. Kemudian klik tombol "Add Media"

3. Akan muncul kotak upload files. klik tombol Select files dan pilih video yang mau anda masukkan di wordress. Atau bisa langsung drag videonya ke halaman insert media

selecet files

4. Tunggu hingga proses upload selesai, kemudian klik tombol insert into post

wordpress upload video process

5. Video secara otomatis akan masuk dalam artikel

video berhasil masuk

Kelemahan cara ini:

  • Biasanya pada server hosting umumnya shared hosting ukuran upload maksimal ada yang 2MB atau lebih besar. kalau video anda cukup besar, maka anda tidak bisa mengupload video anda ke wordpress.
  • Solusinya adalah upload video anda lewat ftp dan copy path file video tersebut dan gunakan cara Memasukkan video dengan menggunakan url.

B. Memasukkan video dengan menggunakan url

Cara ini sangat mudah, anda hanya perlu memasukkan url path video yang sudah anda upload. Misalnya lokasi url video anda "http://webanda.com/upload/videoanda.mp4", maka tinggal masukkan saya url tersebut, maka otomatis video anda akan muncul. caranya:

1. Klik tombol add media

2. Pilih menu "Insert from url"

insert video from url

3. Tinggal masukkan saja url video anda di kotak "http://"

masukkan url videnya

4. Kalau sudah muncul preview videonya, klik tombol insert into post/page

5. Dan video akan muncul di artikel/halaman anda

Cara ini bisa juga kita gunakan untuk memasukkan video dari youtube atau situs lainnya. Kalau di youtube tinggal copy saja url halaman videonya, dan pastekan di kotak http:// tadi. Nanti video youtubenya akan muncul...

hasil upload videonya

C. Memasukkan video dari situs video populer dengan kode embed

Baik youtube, Dailymotion, Vimeo, dan mungkin situs video populer lainnya menyediakan kode embed atau semat yang bisa kita copy dan pastekan di artikel kita. kode ini akan secara otomatis menampilkan video dari situs tersebut. caranya:

1. Buat artikel atau halaman kemudian pindah ke mode Text

2. Buka Video dari situs video populer. Untuk ini saya ambil contoh youtoube.

3. Di bawah video youtube ada tombol Bagi atau Share, klik tombol tersebut

share video youtube

4. Kemudian pilih tab Embed atau Sematkan

pilih embed tab youtube

5. Copy kode tersebut dan pastekan di text editor dengan mode text tadi.

copy youtube video embed code

6. Kembalikan text editor ke mode visual, maka anda akanmelihat kotak berwarna abu-abu. itu tandanya video sudah berhasil di masukkan.

video youtube masuk dalam artikel

7. Tinggal publish atau preview dulu untuk melihat hasilnya.

Cara Memasukkan Atau Meng-Embed File PDF Di Wordpress

Dengan PDF kita akan dengan mudah menyebarkan banyak informasi sekaligus dalam satu wadah dalam bentuk dokumen. Kemudian file pdf tersebut juga tidak akan dengan mudah di modifikasi isinya.

Sekarang banyak penyedia tempat untuk menyimpan PDF beserta document viewernya untuk meninjau langsung dokumen PDF tersebut. Seperti Google dengan google drivenya, Scribd, dan masih banyak lagi.

Pada wordpress juga kita bisa menyimpan pdf kita sendiri dengan menguploadnya. Tetapi kita tidak bisa langsung melihat dokumen pdf tersebut sebelum mendownloadnya. Nah jika anda mau memasukkan atau melihat pdf langsung pada wordpress, ada dua cara yang bisa anda lakukan.

  • Pertama, Embed File PDF dengan menggunakan layanan seperti Google Drive, Scribd, atau yang sejenis
  • Kedua, Menggunakan Plugins Google Docs Embed untuk pdf yang anda upload sendiri di wordpress

A. Embed PDF Dengan layanan google drive

Cara pertama ini cukup mudah caranya untuk memasukkan pdf di wordpress anda. Pertama anda harus mengupload file pdf anda ke google drive. kalau sudah selesai di upload, ikuti langkah berikut:

1. Buka file pdf yang anda upload tadi

Buka Pdf di google drive

2. Kalau sudah ke menu File -> Piblikasikan di web

publikasikan pdf di web

3. Pilih tab Sematkan, dan klik tombol Publikasikan.

publikasikan pdf

4. Tinggal copy saja code embed yang di sediakan dan pasang di wordpress anda di artikel atau halaman

copy dan paste kode embed pdf di google drive

B. Embed PDF dengan plugin Google Docs Embed

Plugin ini akan membantu anda untuk menampilkan file pdf yang anda upload di wordpress anda. Setelah itu klik edit dan copy url pdfnya. Selain pdf juga kita bisa embed file dokumen lain seperti .Docx, .Xlx, dan berbagai format standar lainnya.

1. Install plugin Google Doc Embed di wordpress anda, atau bisa download di link ini

2. Aktifkan saja langsung plugin jika sudah selesai di install

3. Anda kemudian bisa setting Google Doc Embed dengan beberapa opsi pada menu Settings -> GDE Settings

Google Docs Embed Setting Menu

4. Tata cara settingnya tidak saya jabarkan karena tidak terlalu perlu

5. Untuk menampilkan pdf anda, silakan buat artikel atau halaman baru, kemudian pada editor klik icon google

klik google deoc embed icons

6. Akan muncul kotak untuk memasukkan url pdfnya

7. Kalau sudah klik tombol insert

masukkan url pdf

8. Publish atau preview dulu artikel / halaman buatan anda untuk melihat hasil embed pdf

Hasil Pdf dengan plugin google docs embed

12 Theme Framework Untuk Wordpress

Wordpress Theme Framework adalah theme wordpress dasar yang di guanakan sebagai starter theme atau theme dasar untuk project pembuatan wordpress theme lebih lanjut. Dengan menggunakan framework ini anda tidak perlu lagi membuat theme wordpress dari awal. Karena sudah disusun fungsi fungsi dasar dan tinggal anda olah lagi kemudian untuk menciptakan themes sesuai keinginan anda.

Sekarang juga sudah banyak sekali wordpress theme framework yang bisa anda gunakan untuk project anda. Daftar di bawah ini adalah theme framework terbaik yang bisa anda gunakan untuk membuat theme.

Thematic

thematic best wordpress theme frameworks

Thematic adalahy theme framework untuk wordpress yang opensource dan bisa kita gunakan untuk membuat projet theme untuk wordpress. Selain itu framework ini juga cocok buat blogger pemula dan depelover wordpress professional. Memiliki fitur 13 widget, SEO Friendly, kompetible dengan plugin All-In-One SEO, dan banyak lagi.

Whiteboard Framework

whiteboard frameworks

Wordpress theme framework yang juga sama bagusnya untuk di jadikan project starter untuk membuat theme wordpress. Framework ini opensource, Multi bahasa, ringan, dan struktur kode di catat dengan baik bagian-bagiannya.

WonderFlux

wonderflux framework

Theme Framework wordpress untuk para professional. Menggunakan theme ini membolehkan depelover untuk membuat theme canggih danmudah dikostumisasi dengan fungsi fungsi canggih.

Roots

roots wordpress theme framework

Theme framework ini memiliki dasar HTML5 Boilerplate dan juga bootsrap, Modern dan canggih. menyediakan platform yang membantu anda membangun themes dengan html5

Bootstrap 3 Wordpress Theme Framework

Bootstrap 3 Wordpress Theme Framework

Kalau anda penggemar bootstrap dan ingin membuat theme wordpress dengan dasar bootstrap, theme framework ini cocok anda gunakan untuk project anda.

Cherry Framework

cherry framework

Theme framework yang respnsive, mudah di install, sering update, banyak widget dan shortcodes, bootstrap, dan di dokumentasikan dengan baik. Dan tentunya bisa anda gunakan untuk project wordpress theme.

Upthemes Framework

Upthemes Framework

Themes framewok ini ringan dan powerfull. Banyak di gunakan dalam membuat themes wordpress dengan kualitas tinggi

Simon WP Framework

simon wp framework

Bones

Bones wordpress theme framework

Gantry

gantry wordpress themes

Reverie

reverie wp themes

Underscores (_S)

underscores wordpress theme framework

Theme framework ini adalah theme yang di kembangkan oleh banyak depelover wordpress terbaik. Memiliki css yang sangat kecil sehingga saat kita install anda hanya akan melihat theme dengan text saja, tetapi dengan ini anda bisa mengkostumisasinya untuk membuat theme anda sendiri

Digg Digg, Cara Membuat Floating Share Button Di Wordpress

Digg Digg Plugin Wordpress

Memiliki share button pada blog menurut saya merupakan hal wajib yang dimiliki ketika anda membuat sebuah blog atau website. Karena peran social media sangat besar untuk menyebarkan informasi yang ada pada website anda. Dan juga menambah traffic tentunya.

Membuat tombol share yang melayang atau floating bisa amenjadi salah satu trik agar tombol share mengikuti pembaca kemana saja saat menelusuri atau membaca situs anda, sehingga bisa sebagai pengingat atau mempertegas untuk share artikel anda di social media.

Pada wordpress cara membuat floating share button ini cukup mudah. Bagi yang tidak mau repot kita bisa gunakan plugin. Dan bagi yang tidka mau menggunakan plugin bisa menggunakan kode html dan javascript yang di pasang sendiri di blog wordpress. Tentunya anda juga termasuk saya akan memilih menggunakan plugin. Ada satu plugin yang cukup bagus untuk membuat floating share button ini, namanya Digg Digg

Digg Digg akan membuatkan anda tombol share di artikel atau halaman. Tombol share ini kemudian bisa kita setting lagi pemenmapatannya, Apakah melayang, tidak melayang, di bawah artikel, hingga bentuk tombolnya.

Kemudian kita bisa memilih tombol share social media apa yang ingin kita tampilkan. Ada 24 social media yang di support oleh plugin ini. Untuk situs seperti facebook, twitter, G+, linkedin, sudah pasti ada.  

Cara Pakai Dan Setting Plugin Wordpress Digg Digg

Untuk menggunakan plugin ini seperti biasa anda harus install dulu lewat menu "Plugis -> Add New Plugins", lalu aktifkan pluginnya. Atau langsung menuju link Digg Digg untuk mendownload dan menginstall plugin secara manual.

Jumplink:

1. Global Config

Disini adalah halaman untuk setting facebook like dan juga memasukkan username social media untuk twitter, buffer, flattr, tweetmeme, dan topsy

Digg Digg Global Setting

2. Normal Display

Disini adalah halaman setting untuk menampilkan tombol share di artikel. kemudian kita bisa menamppilkan tombol share social media yang mau kita gunakan, dan juga tampilan tombol sharenya. Lihat gambar untuk cara settingnya

Digg Digg Normal Share Button Setting

3. Floating Display

Disini halaman setting untuk menampilkan tombol share yang melayang atau floating. Kita bisa tentukan posisi tombol share melayangnya. disini kita tidak bisa setting desain tombol sharenya.

Digg Digg Floating Share Button Setting

4. manual Placement

Halaman ini berisi kode kode PHP untuk meletakkan tombol share secara manual. Jadi kalau anda tau PHP dan mau memasukkan tombol sharenya secara manual, maka anda bisa copy dan paste kode php yang di sediakan.

Monday, December 1, 2014

Special Recent Post, Cara Mudah Membuat Recent Post Dengan Thumbnail di Wordpress

Special Recent Post

Recent post adalah widget yang tersedia pada wordpress yang fungsinya untuk membuat daftar artikel terbaru yang kita buat. Widget ini akan memberitahukan pembaca bahwa tentang artikel terakhir atau terbaru yang sudah kita buat.

Secara default wordpress tidak memberikan thumbnail untuk recent post ini. Untuk mendapatkannya ada 3 cara yaitu dengan menggunakan theme wordpress yang memiliki fitur recent post dengan thumbnail, dengan plugins, dan terakhir adalah dengan membuatnya sendiri.

Pada post ini saya akan memberikan cara membuat recent post dengan menggunakan plugin bernama Special Recent Post. Pada saat post ini ditulis, plugin ini sudah di unduh lebih dari 260ribu. Sehingga saya menggunakan plugin ini sebagai pilihan untuk membuat recent post dengan thumbnail di wordpress.

Baca juga: 6 PLUGIN WORDPRESS UNTUK MEMBUAT RELATED POST

Fitur Plugin Special Recent Post 

  • Wonderful Dynamic Widget Interface
  • Responsive Layout
  • Advanced Thumbnail Management
  • Incredible Powerful Thumbnail Adapative Generation
  • New Thumbnail Cache Support
  • Advanced Post Filtering Techniques
  • Advanced Post Content Display
  • Ada Custom CSS Editor
  • Multiple Widget Configurations
  • Mendukung PHP Code/Shortcodes
  • Lebih dari 40+ kostumisasi

Cara menggunakan Special Recent Post

1. Silakan download pluginnya disini, kemudian install

2. Atau bisa langsung install lewat menu Add New Plugins dan cari Special Recent Post

3. Kalau sudah aktifkan saja pluginnya. Secara default plugin akan aktif

4. Kemudian pergi ke menu widgets, cari Widget Special Recent Post Free

5. Geser widget tersebut ke widget box yang ada di bagian kanan. 

6. Setelah itu anda bisa mensetting widget recent postnya. ada 7 menu setting yang di sediakan disini, dan cara settingnya lihat masing-masing gambar:

  • Basic Options
    basic options
  • Thumbnail Options
  • Advanced Post Options 1
    Special Recent Post - advanced post options 1
  • Advanced Post Options 2
    Special Recent Post - advanced post options 2
  • Filtering Options
    Special Recent Post - Filtering options
  • Layout Options
    Special Recent Post - Layout Options

7. kalau sudah selesai setting, Save widgetnya, dan lihat hasilnya di web wordpress anda.

hasil recent post dengan thumbnail

Catatan: agar gambar post thumbnailnya muncul, anda harus menggunakan fitur post featured image pada saat anda membuat artikel.

Monday, September 29, 2014

Keywordtool.io, Layanan Gratis Untuk Mencari Long Tail Keyword

Keyword merupakan elemen penting di bidang bisnis online dan juga untuk para webmaster. Keyword juga di gunakan pengguna search engine untuk mencari informasi. Dan saya kira andapun pasti sudah mengerti tentang apa itu keyword.

Nah jika anda seorang blogger atau pebisnis online, maka anda pasti sudah mengenal beberapa keyword tool seperti keyword planner, sampai ubbersuggest. Keyword planner memberikan beberapa pilihan kepada kita untuk mencari keyword apa yang sekiranya banyak di cari orang. Sedangkan pada ubbersuggest dan tools yang sejenis, memberikan kita opsi untuk mencari long tail keyword.

Ada tools online lagi yang menurut saya bagus, mungkin lebih bagus dari ubbersuggest, yaitu Keywordtool.io. Tools ini merupakan alat untuk mencari related keyword (keyword yang berhubungan) atau mensuggest (Merekomendasikan) keyword yang berhubungan dengan keyword utama. Keyword suggest itu contohnya ada pada google. Misal kita ketikkan keyword atau kata kunci, maka akan muncul related keyword yang masih berghubungan dengan keyword yang kita ketikkan tadi.

keyword suggest from google

Keywordtool.io memungkinkan kita untuk mencari related keyword melalui google dan youtube. Kalau anda sedang riset keyword untuk video anda di youtube maka tools ini bisa anda jadikan alternatif untuk riset keyword. Disini juga kita bisa memilih bahasa dan juga negara mana yang ingin kita tunjuk sebagai market. Misalnya jika kita sedang meriset market indonesia, maka bisa kita pilih search engine google/youtube indonesia dan bahasa indonesia.  

Cara menggunakan keywordtool.io

1. Silakan pergi ke keywordtool.io

2. Disana anda tinggal masukkan keyword yang ingin anda cari suggestnya atau related keywordnya pada search box.

keywordtool.io, masukkan keyword utama

3. Jika anda ingin memilih search engine google / youtube negara mana, silakan pilih yang di samping

keywordtool.io - pilih bahasa dan negara seach engine google

4. Setelah itu akan muncul related keyword yang berhubungan dengan main keyword yang anda masukkan tadi.

Hasil related keyword keywordtool.io

5. Untuk mencopy semua keyword, anda cukup click tombol "Copy All". Kemudian langsung paste saja di notepad atau langsung ke keyword planner.

Saturday, September 13, 2014

Beberapa Cara Mengetahui ID Facebook

Mark ID Card facebook

Secara umum ID di maksudkan untuk memberikan identitas unik yang berbeda satu sama lain pada tiap member. Dengan ID data data personal tidak akan tertukar dengan member lain. Baik facebook, twitter, ataupun website-website yang memiliki keanggotaan, memiliki sistem ID ini.

Pada facebook kegunaan ID ini cukup bervariasi, mulai dari untuk status sampai untuk keperluan akun facebook kita atau bisa juga untuk third party app yang berhubungan dengan Facebook Serta halaman facebook. Untuk mengetahui ID Facebook, ada beberapa cara yang bisa anda tempuh.

Pertama adalah dengan menggunakan layanan online. Di antaranya

Anda tinggal masukkan saja url profile facebook anda pada kotak yang tersedia. kemudian klik tombol Lookup

Cara Mengetahui Id Facebook

Kedua adalah cara yang sangat mudah tanpa menggunakan dua layanan di atas. yaitu dengan menambahkan “graph” pada url profile facebook anda. Contohnya

Silakan anda buat facebook profile  FB anda dengan menambahkan graph, kemudian pastekan di Address bar browser andadan tekan enter. Maka akan menghasilkan output JSON, yang menunjukan ID Facebook dan Data Lainnya

data json facebook

Follow

Langganan Artikel

Anda bisa dapat pemberitahuan post terbaru lewat Email. Cukup isi form email di bawah.