Web Desain Part 4

Web Desain Part 4

Sekapur sirih
Seharusnya tutorial yang ke 4 ini sudah sudah saya bahas dan diposting seminggu setelah tutorial yang ke 3  namun tertunda dikarenakan kesibukan didunia nyata plus gangguan koneksi , meskipun demikian saya merasa punya hutang tulisan yang mesti diselesaikan, ada rasa yang tak menyenangkan yang selalu mengganggu fikiran, jika hal ini belum selesai. Jika diibaratkan seperti orang yang memiliki hutang yang belum dibayar lunas, saya yakin sobat bisa membayangkan nya bagaimana rasa nya :mrgreen:

Back to topic

Pada tutorial yang ke 4 ini, saya akan membahas cara menambah widget atau tautan sebuah web/blog. Ada 4 jenis yang akan ditambah pada kolom sidebar, bagian tersebut bisa diletakkan dalam satu widget atau dipisah. Jika dipisah, maka widget tersebut berjumlah 4 buah, dan tidak mutlak harus berjumlah 4, pilih saja mana yang diperlukan.

Adapun widget tersebut :
1. Personal Info Visitor / Jumlah visitor Flag
2. Jadwal Shalat
3. Music Online
4. Embed video youtube

Jika sobat mengikuti dan sekaligus mempraktekkan tutorial bagian yang ke 3  maka tampilan akhir seperti dibawah ini :

Web Desain Part 4

Web desain part 4

Saya menggunakan theme Twenty Twelve, background hitam. Selanjutnya kita akan menambahkan beberapa widget yang diperlukan, untuk lebih mudahnya sobat tinggal download script/kode yang sudah saya persiapkan sebelumnya disini

 

Login ke web/blog sobat contoh : [localhost/wordpress/wp-admin/] pilih widget

part4_02

part4_03part4_04pada kolom pertama title : tulis judul kolom kedua tempat script/kode. Pastekan code yang di butuhkan. Hasilnya akan seperti gambar dibawah setelah widget di tambah.

web desain part 4

Catatan untuk Widget
Widget no. 3 : Sebenarnya banyak website yang menyediakan musik online yang menyediakan script/kode agar musik bisa di dengarkan oleh pengunjung web/blog, pada tutorial ini menggunakan situs http://divine-music.info dengan lagu Dear God – Avenged Sevenfold. Jika ingin mengganti dengan jenis musik lain berikut panduan nya
1. Kunjungi http://divine-music.info
2. Lalu lihat bagian header website tersebut , Klik Browse ALL
3. Pilih Artis atau Penyanyi yang ingin anda putar musicnya diblog
4. Setelah itu sobat akan disuguhi Code HTML yang nantinya akan kita pasang di web/blog

Lalu cari Kode Ubah nilai TRUE menjadi FALSE jika anda menginginkan lagu diputar hanya sekali. tetapi jika ingin memutar music berkali” code TRUE tidak perlu diubah

5. Copy Kode tersebut ke widget
Widget no. 4 : pilih salah satu video di youtube pilih share, lalu klik embed kode, copy kode tersebut dan paste ke web/blog. Untuk mengubah ukuran ganti nilai dari Width dan height.

Iklan

4 thoughts on “Web Desain Part 4

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s