10. PPB (bagian 2) 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 : likeny_rbg@yahoo.com ; HP : 085695685815 / 086930317459
FB : Mas Sukani ; Twitter : @guruMelekIT
Grup FB : Diklat Online Guru Melek IT (DOGMIT) Indonesia

2
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”.

3
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”.

4
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.

5
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”.

6
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.

7
 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.

8
 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”.

9
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 :

10
Silahkan bapak/ibu perbaharui profilnya sesuai dengan profil bapak/ibu guru.
d) Setelah selesai memeprbaharui profil maka Scroll ke bawah dan klik
“Perbaharui profil”.

11
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 :

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

13
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 :

14
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 :

15
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!

16
n) Selanjutnya buka blog bapak/ibu untuk melihat hasilnya. Maka akan terlihat
Profil Gravatar bapak/ibu. He..he..he...

17
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.

18
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.

19
g) Klik “Simpan”
h) Untuk melihat hasilnya maka buka blog bapak/ibu

20
**** SEMOGA BERMANFAAT ****

10. PPB (bagian 2) by pak sukani

More Related Content

What's hot

Viewers also liked

More from sukani

Recently uploaded

10. PPB (bagian 2) by pak sukani