10. PPG (bagian 2) ok by pak sukani

29
1 @gurumelekit mas sukani http://trainergurumelekit.wordpress.com >>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<< PERNAK-PERNIK BLOG DI WORDPRESS (BAGIAN KE-2) Dibuat oleh Pak Sukani Teacher, Trainer, Narasumber, Motivator, Pembicara dalam pelatihan dan seminar di seluruh wilayah Indonesia Situs : http://trainergurumelekit.wordpress.com ; Email : [email protected] ; HP : 085695685815 / 086930317459 FB : Mas Sukani ; Twitter : @guruMelekIT Grup FB : Diklat Online Guru Melek IT (DOGMIT) Indonesia

Transcript of 10. PPG (bagian 2) ok by pak sukani

Page 1: 10. PPG (bagian 2) ok by pak sukani

1

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

PERNAK-PERNIK BLOG DI WORDPRESS

(BAGIAN KE-2)

Dibuat oleh Pak Sukani

Teacher, Trainer, Narasumber, Motivator, Pembicara dalam pelatihan dan seminar di seluruh wilayah Indonesia

Situs : http://trainergurumelekit.wordpress.com ;

Email : [email protected] ; HP : 085695685815 / 086930317459

FB : Mas Sukani ; Twitter : @guruMelekIT

Grup FB : Diklat Online Guru Melek IT (DOGMIT) Indonesia

Page 2: 10. PPG (bagian 2) ok by pak sukani

2

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

PERNAK-PERNIK BLOG DI WORDPRESS (BAGIAN KE -2)

1. Memasukkan Musik ke dalam Blog (AutoPlay)

Kita dapat memasukkan Musik/lagu ke dalam blog sebagai background sound

dan mensetting musiknya agar memutar secara otomatis (Autoplay) jika ada

pengunjung yang berkunjung/membuka blog kita.

a) Kunjungi situs www.soundcloud.com

b) Lakukan pencarian (search) lagu yang akan dimasukkan ke dalam blog. Misal

saya akan mencari lagu “Terimakasih Guruku”. Tekan “Enter”.

Page 3: 10. PPG (bagian 2) ok by pak sukani

3

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Maka akan muncul tampilan hasil pencarian (search) sebagai berikut :

c) Klik tombol Play pada musik/lagu yang dipilih untuk mengecek dan memutar

lagunya apakah itu lagu yang dicari dan memastikan musiknya OK.

Jika musiknya sudah OK saat kita dengarkan maka langkah selanjutnya

adalah klik “Share”.

Page 4: 10. PPG (bagian 2) ok by pak sukani

4

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

d) Setelah mengklik “Share” maka akan muncul tampilan sebagai berikut :

e) Klik “Embed” maka akan muncul tampilan sebagai berikut :

f) Berikan “Centang” pada wordpress code.

Page 5: 10. PPG (bagian 2) ok by pak sukani

5

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

g) Terlihat kode Script, kita blok script-nya lalu klik kanan pilih copy dan nanti

kita pastekan di blog Wordpress.

h) Buka situs www.wordpress.com lalu log in. Klik “Situs Saya” > “Admin Wp” >

“Dasbor” > “ Tampilan “ > “Widget”.

Page 6: 10. PPG (bagian 2) ok by pak sukani

6

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Maka akan muncul tampilan sebagai berikut.

Scrool ke bawah pada Widget lalu cari pilihan Widget “Teks” untuk

memasukkan Script.

Setelah menemukan widget “Teks” lalu geser (drag) widget teks tersebut

di bawah sidebar Area Widget Utama.

Page 7: 10. PPG (bagian 2) ok by pak sukani

7

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

KOSONGKAN Judul “teks” agar nanti tidak kelihatan di tampilan blog kita

tetapi lagunya autoplay.

Pada isi “teks”, klik Kanan pilih Paste maka kode Script dari situs

www.soundcloud.com akan muncul.

Catatan :

Ubah auto_play=false menjadi auto_play=true agar nanti musiknya

memutar otomatis.

Ubah width="100%" height="450" menjadi width="0%" height="0" agar

nanti menjadi tidak terlihat.

Page 8: 10. PPG (bagian 2) ok by pak sukani

8

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Scroll ke bawah, lalu berikan centang pada “secara otomatis

menambahkan paragraf” dan klik “Simpan”.

Kalau sudah selesai klik “Tutup”.

i) Buka blog bapak/ibu untuk melihat hasilnya. Background musik pada blog

bapak/ibu akan memutar secara otomatis (autoplay).

2. Menambahkan profil gravatar

a) Buka Dasbor > Tampilan > Widget > Profil Gravatar

b) Klik kiri “Frofil Gravatar” lalu pilih Area Widget Utama dan klik “tambahkan

Widget”.

Page 9: 10. PPG (bagian 2) ok by pak sukani

9

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

c) Setelah mengklik “Tambahkan Widget” maka Widget Profil Gravatar akan

muncul di Sidebar. Isi Judul Profil Gravatar dengan “About me” atau terserah

bapak/ibu. Klik kanan “Sunting Profil Anda” pilih Open link in New Tab.

Maka akan muncul tab baru dengan tampilan sebagai berikut :

Page 10: 10. PPG (bagian 2) ok by pak sukani

10

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Silahkan bapak/ibu perbaharui profilnya sesuai dengan profil bapak/ibu guru.

d) Setelah selesai memeprbaharui profil maka Scroll ke bawah dan klik

“Perbaharui profil”.

Page 11: 10. PPG (bagian 2) ok by pak sukani

11

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

e) Bagi bapak/ibu yang belum mengubah foto Gravatarnya atau Fotonya belum

muncul maka klik “Ubah gravatar anda” di kanan atas.

f) Klik “Upload a New Image From Your Computer” seperti ditunjukkan gambar

di bawah ini :

Page 12: 10. PPG (bagian 2) ok by pak sukani

12

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

g) Klik “Browse” dan pilih foto yang akan dijadikan gravatar lalu klik “Open”.

h) Klik “Next”

Page 13: 10. PPG (bagian 2) ok by pak sukani

13

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

i) Atur (geser) posisi crop foto sehingga center, lalu klik “Crop and Finish”.

j) Pilih dan Klik “Rated G” seperti ditunjukkan pada gambar di bawah ini :

Page 14: 10. PPG (bagian 2) ok by pak sukani

14

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Maka akan muncul tampilan sebagai berikut :

Pilih salah satu gambar seperti ditunjukkan pada gambar di atas.

k) Klik “Confirm” seperti ditunjukkan gambar di bawah ini :

Page 15: 10. PPG (bagian 2) ok by pak sukani

15

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

l) Refresh My Public Profile dan lihat tampilan gambar profil gravatarnya.

Terlihat gambarnya sudah masuk dan muncul.

m) Kembali ke Dasbor > Tampilan > Widget > Pada Sidebar “Profil Gravatar” Kita

ubah Profil-nya dengan memberikan centang pada “tampilkan tautan pribadi

& akun” lalu Klik “Simpan”. Lihat gambar di bawah ini!

Page 16: 10. PPG (bagian 2) ok by pak sukani

16

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

n) Selanjutnya buka blog bapak/ibu untuk melihat hasilnya. Maka akan terlihat

Profil Gravatar bapak/ibu. He..he..he...

Page 17: 10. PPG (bagian 2) ok by pak sukani

17

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

3. Menambahkan Feedjit

a) Buka Dasbor > Tampilan > Widget > Teks

b) Klik kiri “Teks” lalu pilih Area Widget Utama dan klik “tambahkan Widget”.

c) Setelah mengklik “Tambahkan Widget” maka Widget “Teks” akan muncul di

Sidebar. Isi Judul Widget “Teks” dengan “FeedJit” atau terserah bapak/ibu.

Page 18: 10. PPG (bagian 2) ok by pak sukani

18

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

d) Buka situs http://feedjit.com/joinimg

Bapak/ibu dapat mensetting “Text Color, Heading Color, Background Color,

Border Color, Width, Max Entries” sesuai dengan yang diinginkan. (Ada di

Step 1)

e) Scroll ke bawah cari kode Script FeedJit (Ada di Step 2). Lalu Blok kode

Scriptnya klik Kanan dan Copy. Nanti kita pastekan di blog Wordpress.

f) Buka kembali Dasbor > Tampilan > Teks > Pada Sidebar Feedjit kita

pastekan Script dari Feedjit sebelumnya.

Page 19: 10. PPG (bagian 2) ok by pak sukani

19

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

g) Klik “Simpan”

h) Untuk melihat hasilnya maka buka blog bapak/ibu

Page 20: 10. PPG (bagian 2) ok by pak sukani

20

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

4. Menambahkan Lencana Profil Facebook

Bagi bapak/ibu yang memiliki Facebook dan ingin menampilkan lencana

profilnya ke dalam blog yang telah dibuat maka ikuti panduan di bawah ini :

a) Buka Dasbor > Tampilan > Widget > Teks

b) Klik kiri “Teks” lalu pilih Area Widget Utama dan klik “tambahkan Widget”.

Page 21: 10. PPG (bagian 2) ok by pak sukani

21

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

c) Setelah mengklik “Tambahkan Widget” maka Widget “Teks” akan muncul di

Sidebar. Isi Judul Widget “Teks” dengan “Add Me” dan Klik Simpan.

d) Buka https://facebook.com/badges

e) Klik Pilihan “Lencana Profil”

Page 22: 10. PPG (bagian 2) ok by pak sukani

22

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Maka akan muncul tampilan sebagai berikut : (Klik Other)

f) Setelah mengklik “Other” maka akan muncul kode Script yang nantinya kita

copy dan pastekan ke dalam Widget di Wordpress.

Klik Kanan dan Copy.

g) Buka Widget teks yang berjudul “Add Me” di Dasbor > Tampilan > Widget.

Nanti kita pastekan kode Script lencana profil dengan cara klik kanan dan

paste.

Perhatikan gambar di bawah ini!

Page 23: 10. PPG (bagian 2) ok by pak sukani

23

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Setelah di paste menjadi :

h) Klik Simpan

i) Untuk melihat hasilnya maka buka blog bapak/ibu.

Perhatikan gambar di bawah ini!

Page 24: 10. PPG (bagian 2) ok by pak sukani

24

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

j) Selesai

5. Membuat Follow Me On Twitter

Bagi bapak/ibu yang memiliki Twitter dan ingin menampilkannya di ke dalam

blog agar pengunjung dapat menfollow maupun mentwit ke bapak/ibu melalui

blog maka ikuti panduan di bawah ini :

a) Sebelumnya log in dulu ke Twitter bapak/ibu guru.

b) Lalu Buka Dasbor > Tampilan > Widget > Twitter Timeline / Lini Masa Twitter

Page 25: 10. PPG (bagian 2) ok by pak sukani

25

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Isi judul : Ikuti Saya di Twitter

Lebar : 225 px

Tinggi : 400 px

Kicauan Ditampilkan : Misal 5.

c) Klik pada „link' yang bertuliskan “membuat sebuah widget di twitter.com” untuk

menemukan ID twitter timeline yang harus kita masukkan ke dalam kotak ID

Widget seperti yang tertera dalam gambar di bawah ini.

Setelah mengklik link “membuat sebuah widget di twitter.com” maka secara

otomatis kita akan dibawa pada halaman 'buat widget' dalam akun twitter kita.

Page 26: 10. PPG (bagian 2) ok by pak sukani

26

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

Itulah mengapa di tahap awal saya menginstruksikan agar bapak/ibu 'login'

terlebih dulu ke dalam akun twitternya.

Bapak/ibu dapat memodif tampilan twitter timeline sesuai keinginan, misalnya

: Nama pengguna, tema dll.

d) Klik tombol “Buat Widget “ di atas.

Lalu lihat di bawah (Scroll) maka akan muncul kode Script :

Page 27: 10. PPG (bagian 2) ok by pak sukani

27

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

e) Copy dan pastekan kode Script tersebut di Microsoft Word dulu untuk melihat

kode scriptnya. Klik Kanan pada kode Script lalu pilih Copy.

Lalu klik Kanan pada Microsoft Word dan pilih Paste.

Hasilnya :

Lihat angka yang di highligh warna kuning merupakan widget ID.

Jadi Widget ID : 609640473469169664

Page 28: 10. PPG (bagian 2) ok by pak sukani

28

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

f) Copy dan pastekan Widget ID tersebut (609640473469169664) ke dalam

Widget Twitter Timeline khususnya di Widget ID. Lihat gambar di bawah ini!

g) Klik Simpan.

h) Untuk melihat hasilnya maka buka blog bapak/ibu.

Lihat gambar di bawah ini!

Page 29: 10. PPG (bagian 2) ok by pak sukani

29

@gurumelekit mas sukani http://trainergurumelekit.wordpress.com

>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<

i) Selesai. He..he..

**** SEMOGA BERMANFAAT ****