Upload
sukani
View
169
Download
1
Embed Size (px)
Citation preview
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
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”.
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”.
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.
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”.
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.
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.
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”.
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 :
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”.
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 :
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”
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 :
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 :
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!
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...
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.
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.
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
20
@gurumelekit mas sukani http://trainergurumelekit.wordpress.com
>>> Materi Diklat Online Guru Melek IT (DOGMIT) Indonesia <<<
**** SEMOGA BERMANFAAT ****