Cara Memasukkan Video ke Halaman Artikel Website/Blog

Video sharing site seperti YouTube, Vimeo ataupun Yahoo! video memiliki fitur dimana user dapat memasukkan (meng-embed) video ke halaman website atau blog. Akhir-akhir ini saya mendapat pertanyaan dari banyak teman bagaimana caranya.

Saya akan mengambil contoh dari YouTube, untuk video lain atau jika anda menyimpan video tersebut di server sendiri, caranya tidak jauh berbeda dan konsepnya sama.

1. Pertama-tama silahkan menuju website YouTube dan pilih video yang anda inginkan. Klik link nya dan anda akan diantar ke halaman video tersebut dari halaman muka YouTube.

2. Di frame sebelah kanan layar video, ada tulisan EMBED, copy code-nya yang terlihat seperti dibawah ini:

codeyoutube

3. Di dashboard WordPress anda, klik WRITE NEW POST, pilih mode HTML di Post Editor anda dan Paste code tersebut. Hasilnya, video anda sudah siap tetapi masih berada di kiri wilayah artikel.

4. Agar video tersebut tepat berada di tengah (untuk WordPress) simpan code ini sebelum code dari objek video:

<p style=”text-align: center;”></p>

dan code ini setelah code objek video:

</p>

5. Standar ukuran video YouTube adalah 425px untuk lebar dan 344 px untuk tinggi. Untuk mengubah ukuran video tersebut, klik VISUAL mode di Post Editor anda. Klik di objek video nya, dan drag hingga ukurannya mencapai ukuran yang anda inginkan. Jangan lupa perhatikan lebar wilayah post anda agar video tidak keluar wilayah.

Hasil video berukuran 500 X 406 px dan berada ditengah-tengah artikel akan terlihat seperti ini:

Cara Mudah Verifikasi Blog WordPress

Agar blog wordpress kita mudah terindex oleh Google, salah satunya  kita harus melakukan verifikasi blog wordpress kita di Google Webmaster Tools.   Bagi pemula, verifikasi blog wordpress di Google Webmaster Tools ini tidak semudah dibayangkan. Tapi jangan khawatir bro, berikut ini saya berikan cara mudah verifikasi blog wordpress di salah satu tools google tersebut.

Dengan mengikuti cara mudah ini, dijamin status blog wordpress  anda verified (terverifikasi). Dengan catatan, Anda harus memiliki Gmail terlebih dahulu. Bagi yang belum punya email Gmail, silakan bikin dulu. Gratis koq.

Tahap-tahap verifikasi blog wordpress di Google Webmaster Tools adalah sebagai berikut:

1. Kunjungi http://www.google.com/webmasters/tools.

2.  Masukkan username dan password Gmail Anda.

3. Akan muncul tampilan Dashboard. Masukkan URL blog wordpress Anda pada kolom yang dikotaki merah di bawah ini. Lalu klik Add Site.

verifikasi blog wordpress1

4. Akan muncul tampilan Overview. Tahap selanjutnya klik Verify your site.

verifikasi blog wordpress2

5. Muncul status blog wordpress kita yaitu Unverified. Untuk memverifikasinya, ada dua metode yaitu meta tag dan upload an HTML file. Pilih upload an HTML file, lalu copy kode HTML yang ada.

verifikasi blog wordpress3

6. Pada browser lain, Login ke blog wordpress Anda. Klik PAGE , lalu klik ADD NEW. Paste kode HTML tadi ke di kolom Title. Bagian content gak perlu diisi.

verifikasi blog wordpress4

7. Di bagian Attributes, pilih halaman blog Anda yang akan dijadikan Parent. Dalam contoh ini saya memilih halaman Parent “Contact Me”. Lalu klik Publish. Halaman yang baru dipublish ini gak akan tterlihat di tampilan blog kita, namun Google masih bisa mengidentifikasinya.

verifikasi blog wordpress5

8. Kembali ke browser Google Webmaster Tools, klik verify.

9. Bila muncul You’ve successfully verified http…, ini berarti blog wordpress Anda telah VERIFIED. Selamat ya.

verifikasi blog wordpress6

10. Selesai dech :-)

Sumber : http://hermanyudiono.wordpress.com

Pernak-pernik Blog

Konon, blog itu berjenis kelamin perempuan. Dan, karena itu, perlu dihiasi dg aksesoris supaya selalu tampak cantik dan dapat menarik hati kaum blogger (yg ini berjenis laki-laki).

Berikut sejumlah “perhiasan” blog yg dapat dipasang di blog Anda yg berfungsi tidak hanya sebagai perhiasan tapi juga untuk menarik hati kaum blogger (baca, pengunjung) dan search engine. Sekali lagi perlu diingat, aksesoris ini hanya dapat dipasang pada blog yg templatenya dapat diedit seperti blogspot.com, blogdrive.com plus blog yg domain/hostingnya beli sendiri, tentunya.

1. Buku Tamu

Bukutamu blog disebut juga dg Shoutbox atau Tag Board. Sama dg buku tamu website, tapi bentuknya lebih sederhana. Banyak situs penyedia bukutamu blog gratis yg bisa Anda cari di google dg kata kunci shoutbox atau tagboard. http://shoutmix.com termasuk penyedia bukutamu blog yg disukai yg servernya cukup stabil.Caranya:
(a) Daftar di alamat di atas, ikuti semua perintahnya; (b) Setelah selesai, log-in dg id dan password yg sudah terdaftar; (c) Klik menu “Code Generator”; (d) Pilih Full-frame shoutbox; (e) Klik “Generate the Code”; (f) Copy kode HTML yg ada, dan masukkan ke template blog Anda di bagian Sidebar; (g) Klik SAVE SETTING & REPUBLISH. Selesai.
Fungsi dari bukutamu blog ini seperti yg Anda tahu untuk membuat interaksi pemilik blog (blogger) dg pengunjung lebih aktif dan menunjukkan bahwa kita orangnya cukup accessible.2. Statistic dan Tracker

Berfungsi untuk mengetahui berapa pengunjung yg datang setiap harinya, setiap minggu, dan bulan dan dari negara mana saja. Selain itu, ia memberi tahu kita lewat mana pengunjung itu datang: lewat pencarian di google atau via blog/situs lain yg memasang link blog kita. Statistic/tracker gratis yg paling terkenal ada dua Sitemeter dan Extreme Tracking. Klik link berikut untuk mendaftar: (a) http://www.sitemeter.com/?a=newaccount (b) http://www.extreme-dm.com/tracking/?reg Setelah daftar, login dan masukkan kode HTML-nya di blog Anda.

2. Kamus Online

Kalau blog Anda berbahasa Inggris, Anda bisa memasang Kamus Indonesia-Inggris dan Inggris-Indonesia di blog Anda supaya pengunjung Indonesia yg lagi belajar bahasa Inggris bisa betah nongkrong. Kode HTML-nya bisa diambil di http://kamus.net

3. Jadwal Shalat

Bagi blogger Muslim, http://www.islamicfinder.org menyediakan jadual shalat lima waktu yg bisa ditempel di blog. Anda bisa pilih berdasarkan kota dan negara. Silahkan ambil kodenya di link berikut: http://www.islamicfinder.org/index.php?inl_language= Lihat contohnya di sini

4. Jam Dinding

Tidak cukup dg jam tangan dan jam di HP atau Anda merasa dinding blog Anda perlu dipasang jam? Silahkan pilih di http://clocklink.com dan ambil kodenya. Lihat contohnya di sini.

5. Peta Kampung Kita

Bagi yg ingin melihat nama dan peta kampung kelahiran nempel di blog, silahkan daftar di http://feedmap.net

Caranya,
(a) masuk ke http://feedmap.net; (b) Klik “Explore Blog”, akan muncul peta dunia; (c) Pilih negara Indonesia dg cara klik kanan secara terus menerus mouse komputer Anda dan geser/putar peta dunia tsb. ke kanan/kiri sampai ketemu peta Indonesia. (d) Setelah peta Indonesia ditemukan, perbesar fokus peta dg cara mengklik 2x secara berulang-ulang; (e) Pilih kawasan atau propinsi yg paling dekat dg kampung kelahiran Anda, dan perbesar fokus peta dg mengklik berkali-kali sampai tidak dapat diperbesar lagi; (f) Setelah nama kampung kelahiran atau kota terdekat dari kampung kita tampak, arahkan panah mouse ke kota tsb dan klik kanan mouse; (g) Akan tampil menu “Add Blog”, klik menu ini; (h) Akan muncul kotak, isi alamat blog Anda. Contoh, http://fatihsyuhud.com (jangan lupa pake awalan http://; (i) Klik submit; (j) Apabila berhasil, maka akan muncul tulisan: Thank You! Di bawahnya ada tiga kotak yg berisi kode html untuk BLOGMAP, NEIGHBLOGMAP BUTTON, dan LOCAL BLOGROLL. Copy ketiga kode HTML tsb. dan paste di sidebar blog Anda; (k) Selesai. [www.fatihsyuhud.com]

Cara Membuat Halaman / Pages

Deretan menu di blog saya bagian atas seperti “Babeh”, “Anggota Babesajabu”, “Artikel”, “Hubungi Kami”  itu adalah salah satu ciri khas dari blog dalam wordpress.  Dalam istilah WordPress itu disebut Pages atau Halaman. Pages atau Halaman ini adalah halaman statis yang tidak masuk dalam arsip posting.  Berikut cara membuat Pages atau Halaman (statis) di WordPress.

TUTORIAL UNTUK WORDPRESS.COM & 2.7 (Mulai 4 Desember 2008)

1. Setelah login, klik “Halaman”
2. Klik “Add New” yang terletak di bawah “Halaman”
3. Kasih Judul di kotak bawahnya menu “Add New Page”. Contoh: Bukutamu.
4. Klik “Terbitkan”. Selesai.

Catatan: Untuk mengisi atau mengedit “Halaman” yang baru dibuat, klik “Halaman” -> “Sunting” -> Arahkan mouse pada Halaman / Page yang akan disunting dan pilih menu “Quick Edit” atau “Sunting”

CARA UNTUK WORDPRESS 2.6 KE BAWAH (2.5, 2.3, dst)

1. Setelah login, klik “Tulis” atau “Write”
2. Klik “Halaman” atau “Page”
3. Di “Judul Halaman” -> tulis nama halaman. Contoh, “Refleksi” atau “Bukutamu”
5. Klik menu “Terbitkan” atau “Publish”
6. Selesai. Anda sudah berhasil membuat Pages/Halaman statis di blog Anda.

Apa isi atau fungsi Pages/Halaman?

Macam-macam, terserah Anda. Isinya bisa berupa keterangan diri seperti di About blog saya atau daftar link-link posting blog Anda atau bisa juga berupa link-link situs penting atau blogrolls, dll.

Cara Mengedit Pages/Halaman

1. Klik “Kelola” / “Manages” -> klik Halaman / Pages
2. Klik Pages/Halaman yang baru Anda buat tadi. Contoh, Refleksi.
3. Isi kotak posting sesuai yang Anda inginkan.

Cara Mengaktifkan Widget Flickr dan Delicious

Jika Anda penggemar foto atau koleksi gambar, Flickr.com akan membantu anda untuk menyimpannya. Kalau Anda suka menyimpan link-link menarik dari sejumlah situs, Anda tentu butuh punya account di del.icio.us, bookmark online terpopuler. Baik flickr.com maupun del.icio.us dapat Anda taruh di wordpress.com milik Anda, karena keduanya sudah built-in menjadi bagian wordpress.com. Tugas Anda tinggal mengaktifkannya dan menaruhnya di sidebar kalau Anda suka. Ikuti tutorial praktis berikut:
Langkah pertama, (a) Untuk wordpress.com dan WordPress vesrsi 2.5 /2.6: klik “Tambah” ata “Add” pada widget Flickr dan klik “Simpan Perubahan”.

(b) Untuk wordpress versi di bawah 2.5 (2.3, 2.2 dst) naikkan widget flickr atau del.icio.us ke sidebar Anda. Setelah itu ikuti rincian berikut:

Widget Flickr

1. Di menu “URL RSS Flickr” -> masukkan alamat feed RSS flickr Anda.

2. Judul -> isi judul yang Anda inginkan

3. Berapa foto yang ingin ditampilkan -> pilih jumlah di menu drop-down.

4. Setelah itu, klik simpan perubahan atau “Update change”

Widget Delicious

1. Di widget title -> Beri Judul
2. Di del.ico.us Login -> Masukkan Login delicious Anda.
3. Number link -> Tulis jumlah link yang ingin Anda tampilkan.
4. Klik Simpan Perubahan atau Save Update. Selesai….

Cara Tukar Link (Blogroll)

Tukar link (links exchange) atau blogroll menjadi salah satu unsur penting dalam dunia blogosfer (blogsosphere) karena ini sebagai cara untuk menjalin social networking, self-promotion dan solidaritas. Blog-blog besar di Amerika yang memiliki traffic ratusan ribu-pun masih melakukan blogroll. Lihat contohnya seperti huffingtonpost.com, dailykos.com, juancole.com, untuk menyebut sebagian kecil. Setidaknya ada dua metode untuk melakukan tukar link, di samping sejumlah cara lain. Kedua metode ini dapat dipakai baik di wordpress.com maupun di blogspot / blogger.com.

CARA PERTAMA : Menggunakan Link Widget.

Caranya sbb:

1. Klik “Kelola” atau “Manage”
2. Klik “Taut” atau “Links”
3. Kelola Taut -> klik “Tambahkan Baru” atau “Add New” (Gambar 1)
4. Isi kotak yang tersedia dengan Nama, Alamat URL dan Deskripsi Situs yang akan ditambah.
Contoh : Nama : Babesajabu
URL: http://babesajabu.wordpress.com (lihat gambar 3)
5. Klik “Simpan” atau “Save”. Selesai.

Cara meng-Edit Taut / Link Blogroll :

Seandainya Anda ingin merubah nama atau alamat URL daftar blogroll yang sudah Anda add, maka caranya sbb:

1. Kelola / Manage -> klik
2. Klik “Sunting” atau “Edit” pada Nama yang akan di-edit.
– Untuk menghapus, Anda tinggal klik “Hapus” atau “Delete” letaknya berdampingan dengan menu “Sunting” atau “Edit” (lihat gambar 4)
3. Klik “Simpan” setelah diedit. (Gambar 5)
4. Selesai.

Aktifkan Widget Blogroll :

Blogroll tipe ini tidak akan nongol di sidebar/kolomsisi blog Anda kalau Widget Blogroll-nya belum diaktifkan atau di-add. Cara mengaktifkan widget Taut sbb:

1. Klik “Desain” atau “Design”
2. Klik “Widgets”
3. Klik “Tambah” atau “Add” pada widget “Taut”
4. Klik “Simpan Perubahan” atau “Update Change”
5. Selesai.

CARA KEDUA : DROPDOWN BLOGROLL

Caranya sbb :

1. Klik Desain -> Widgets -> Teks -> Tambah -> Simpan / Save.
2. Klik “Sunting” atau “Edit” pada Teks Widget tadi dan Copy/paste seluruh kode yang ada di bawah ini :

<div style="border:1px solid #006600;overflow:auto;width:160px;height:100px;">
<ul>
<li><a href="http://babesajabu.wordpress.com/">Blog Tutorial</a></li>
<li><a href="http://sartoni.wordpress.com/">Blogger Indonesia</a></li>
<li><a href="http://www.albiziawoods.tk/">Alkhoirot</a></li>
<li><a href="http://www.sipahutar.co.cc/">Beasiswa</a></li>
<li><a href="http://www.klik-dapat-duit.co.cc/">CPNS</a></li>
<li><a href="http://www.awalbisnisku.co.cc/">Loker</a></li>
<li><a href="http://albiziawood.wordpress.com/">Kerja</a></li>
<li><a href="http://anisarahmi.wordpress.com/">Informasi Kerja</a></li>
<li><a href="http://lowonganbeasiswa.com/">Info Beasiswa</a></li>
</ul>
</div>

3. Ganti alamat URL sesuai yang Anda inginkan.
4. Klik “Simpan Perubahan” atau “Update Change”
5. Selesai.

Penting : Tutorial di atas berlaku untuk wordpress.com atau hosting sendiri dengan memakai software wordpress. Untuk blogger.com / blogspot caranya lihat di sini.

Catatan :

Anda juga dapat menggunakan Marquee atau teks bergerak untuk blogroll. Sayangnya, Marquee tidak dapat dipakai di wordpress.com. Ia hanya jalan di blogger.com/blogspot atau hosting sendiri.

Gambar 1

Gambar 2

Gambar 3

Gambar 4

Gambar 5

Mengaktifkan Widget di Sidebar

Mengaktifkan widget di sidebar WordPress atau kolom Sisi boleh dikatakan “wajib”, sebab tanpa itu kita tidak akan dapat menambah aksesoris blog sesuai dengan yang kita inginkan. Ikuti tip praktis berikut untuk mulai mengaktifkan widget blog Anda di sidebar.

Untuk WordPress 2.7 dan WordPress.com

1. Setelah login, klik “Appearance” -> “Widget”
2. Klik “Tambah” atau “Add” pada widget yang tersedia. Contoh : Klik “Tambah” pada widget “Tulisan Terakhir” atau “Recent Post”
3. Klik “Simpan Perubahan” atau “Update Change”. Selesai.

Lakukan hal yang sama untuk menambah widget-widget lain. Untuk membuang widget, tinggal klik “Sunting” -> “Remove” pada widget yang akan dibuang.

Untuk WordPress versi 2.5  dan 2.6:
1. Setelah login, klik “Desain” atau “Design”
2. Klik “Widget”
3. Klik “Tambah” atau “Add” pada Widget yang akan ditambahkan/diaktifkan ke sidebar. Contoh: klik “Tambah” atau “Add” pada widget “Teks / Text”, “RSS”.
4. Klik “Simpan Perubahan” atau “Save Changes”
5. Klik “Sunting” atau “Edit” pada widget yang akan diedit. Contoh, klik “Sunting” pada widget “RSS” yang sudah di “Tambah” tadi, kemudian isi dengan feed dari sebuah blog, Contoh masukkan feed saya ini ke widget RSS Anda -> http://feeds.feedburner.com/fatihsyuhud
6. Klik “Change” dan “Simpan Perubahan”. Selesai.

Tips: Widget yang sudah aktif bisa dinaikturunkan sesuai selera dengan cara: arahkan mouse ke widget -> klik kiri terus-menerus -> tarik ke atas atau ke bawah sesuai selera.

Untuk WordPress versi di bawah 2.5 (2.3, 2.2, dst)
1. Setelah login -> klik “Tampilan” atau “Presentation”
2. Klik “Widget”
3. Ada menu “Widget yang Tersedia”, di bawahnya ada kotak-kotak kecil (widget) -> Tarik kotak yang Anda inginkan ke “Kolom Sisi” atau “Sidebar” di atasnya. Contoh, tarik widget “Tulisan Terbaru” ke atas.

Tip: Cara narik: arahkan mouse ke widget -> klik kiri terus-menerus ->tarik ke “Kolom Sisi” atau “Sidebar”

4. Klik “Simpan Perubahan” atau “Update Change” (lihat bagian sebelah kanan atas dan/atau bawah).

5. Selesai. Widget Anda sudah aktif. Sidebar blog Anda sudah diisi widget. Ulangi hal serupa untuk memindahkan widget-widget lain yang masih “nganggur” di bawah. Seperti widget “Arsip”, “Komentar Terbaru”, “Meta”, “Teks”, “RSS”, dan lain-lain.

Catatan:

  • Untuk widget TEXT, setelah dinaikkan ke sidebar/kolom-sisi, Anda perlu mengeditnya supaya berfungsi. Caranya, klik dua-kali TEXT tersebut, setelah itu isi dengan kode html yang Anda inginkan. Contoh, isi kode tukar link saya:
  • <a href="http://fatihsyuhud.com/" title="Blogger Indonesia" target="_blank"> <img src="http://fatihsyuhud.googlepages.com/blog-indonesia.gif" border="0" alt="Blogger Indonesia"></a>

    Setelah itu, klik “Simpan Perubahan” atau “Update Changes”

  • Untuk widget RSS, setelah naikkan, klik dua kali di kotak kecil widget tersebut, setelah terbuka isi RSS blog atau situs yang ingin Anda pasang. Contoh, pasang RSS ini -> http://feedproxy.google.com/fatihsyuhud
    Jangan lupa menyimpan dengan cara klik “Simpan Perubahan” atau “Update Changes”.
Follow

Get every new post delivered to your Inbox.

Join 25 other followers