Cara Menampilkan Thumbnail (Gambar) Video YouTube Di Posting

Posting dengan video sepertinya sudah lazim dilakukan para blogger. Apalgi bagi yang memiliki blog khusus menampilkan video, sudah tentu isi blognya dipenuhi dengan video, baik dari YouTube ataupun video milik pribadi.

Tapi masih ada beberapa kawan sedusun yang kesulitan untuk menampilkan thumbnail atau gambar video tersebut. Maksudnya adalah, saat video belum diputar, ada gambar yang terlihat di pemutar video dalam posting/artikel kita.

Ternyata caranya cukup mudah, kita hanya perlu menambahkan sedikit kode dibelakang kode video dari YouTube.

Mumpung ini artikel tentang video dari YouTube, sekalian saja saya tulis cara untuk memasukkan video dari YouTube ke posting/artikel blog di blogspot.

Yang pertama buka YouTube, pilih video yang ingin kamu tampilkan di blog.

 Keterangan gambar :
1- Dibawah pemutar video di YouTube tersebut klik "share".
2- Klik "embed"
3- Centang pilihan pertama saja(Show suggested videos when the video finishes).
4- Bila kamu mau, ukuran video bisa dipilih atau diatur sesuai keinginan.
5- Copy kode yang diberi YouTube.

Selanjutnya tinggal paste ke dalam postingan kamu. Dan ingat, saat mempaste kode tadi, posisi halaman tulisan blog harus pada "edit HTML", bukan compose.

Nah sekarang masuk pada trik yang dimaksud dari judul artikel ini, yaitu menampilkan thumbnail (gambar) video dari YouTube tadi. Berikut kodenya :

<img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />

Tambahkan kode tersebut dibelakang kode video YouTube kamu. Jadinya seperti ini :

<iframe width="560" height="315" src="http://www.youtube.com/embed/AbPED9bisSc" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />

Ganti tulisan "Kode seri video" dengan kode yang berwarna biru. Jangan sampai salah, karena kode dari YooTube itu berbeda disetiap videonya. Untuk melihat contih jadinya bisa KLIK DISINI.

Selesai. Tinggal menambahkan isi artikel atau langsung di "publikasikan". Semoga beranfaat.


Description: Cara supaya video dari YouTube ada thumbnail gambarnya Rating: 4.8

Cara Membuat Komentar Facebook Untuk Setiap Posting

Artikel Dusunblog kali ini membahas tentang cara membuat komentar facebook di blogger yang berbeda untuk setiap postingan.

Maksudnya adalah, formulir komentar facebook ini sedikit berbeda dengan widget yang kita ambil langsung dari facebook. Karena di widget tersebut komentar akan bercampur dari semua artikelyang ada di blog kita.
 
Sering juga pengunjung blog ingin berkomentar tapi merasa nggak punya alamat blog unuk isi URL langsung deh niatnya diurungkan.

Atau juga sudah nulis komentar panjang lebar pas mau di selesai malah nggak bisa ngisi fitur keamanan alias terkendala captcha yang memang agak ribet.

Mungkin isi artikel ini bisa menjadi solusi untuk kawan sedusun yang merasa blognya sepi komentar. Barangkali aja dengan adanya komentar lewat facebook ini bisa membuat pengunjung di blog kawan sedusun mudah memberikan masukan dan sarannya.

Nggak usah panjang lebar lagi basa-basinya, kebetulan ane juga ingin istirahat sebentar sebelum sahur.

Dan berikut cara membuat formulir komentar lewat facebook yang bisa menyesuaikan (berbeda) untuk posting yang dikomenari pengunjung, atau komenar yang tampil sesuai dengan artikel yang dikomentari :

• Buka dashboard blog, kemudian pilih menu template dan edit HTML.

• Ikuti langkah seperi yang ada digambar dibawah ini :

Keterangan gambar :

1. Centang ekpand template widget
2. Cari kode ini : <b:includable id='status-message'>
3. Letakkan kode dibawah (kode komentar facebook untuk setiap postingan) ini diatas </b:includable>
4. Kode untuk komentar facebook

<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>

Langkah terakhir klik simpan template.

#Catatan : idak ada salahnya untuk menyimpan (back up) template erlebih dahulu sebelum mengeditnya, untuk jaga-jaga kalau ada terjadi hal yang tidak diinginkan (gagal).

Contoh jadi cara membuat komentar facebook yang berbeda untuk setiap postingan bisa kawan sedusun lihat di bawah artikel ini, diatas formulir komentar blog.

Jawaban untuk @kemon baca dan @Jr's Wirogas :

Mohon ma'af baru bisa menjawab, dan maaf juga ternyata kode tidak tertampil di kolom komentar. Berikut triknya :

Perhatikan gambar dibawah ini :

Keterangan gambar :
1 - Kode pertama yang harus dicari.
2 - Kode yang  menentukan letak komentar facebook.
3 - Kode komentar facebook.

Jika ada kode </b:includable> yang lebih dari satu, letakkan kode komentar facebook di atas kode : </b:includable> yang paling dekat dengan kode-kode element posting.

#Update Senin, 26/11/2012 : Cara agar ada notifikasi/pemberitahuan saat pengunjung berkomentar di kolom komentar facebook bisa dilihat DISINI.

Semoga cukup jelas dan bisa dimengerti.

Informasi Artikel:
Description: Cara membuat komentar facebook berbeda di setiap posting blogspot Rating: 4.8

Costum Domain Blogspot Serta Setting DNS Dan CName Record

_________________________________________________________________________
TLD (Top Level Domain) katanya sangat berpengaruh pada traffict yang didapat sebuah blog. Maka wajar jika kawan sedusun ingin merubah domain blognya yang sebelumnya ada embel-embel blogspot menjadi langsung dotcom.

Bagi yang sudah sering pakai TLD, tentu bukan masalah untuk costum domain, tapi bagi kita yang baru pertama, bisa dipastikan harus bingung dulu nyari kamus, alat berat dan sesajinya. *sakingbingungnya*

Nggak perlu panjang lebar basa-basinya, kebetulan otak ane juga lagi nggak mood buat cuap-cuap. Kita langsung saja laksanakan langkah-langkah untuk costum domain dan manage DNS nya.

Tapi, tungu dulu, sebelumnya ane harus ngasih tau, bahwa yang akan kawan sedusun baca dibawah nanti, adalah cara manage DNS di rumahweb. Karena kebetulan ane pesan domainnya di rumahweb. Tapi untuk tempat beli domain dilainpun bisa juga, karena isiannya nggak berbeda, cuman mungkin beda di formulirnya tabel pengisiannya saja.

Nah kali ini beneran masuk ke langkah untuk setting / manage DNS. Eh ada satu lagi. Disini ane mulai dari setting di domain manajernya dulu. Ini bukan suatu keharusan. Kalau ente mau, dari setting di blogspotnya juga ngak apa-apa.

Setting / Manage DNS :

1 - Masuk ke akun tempat ente beli domain, contoh disini clientzone rumahweb.

• Setelah masuk dashboard, klik menu domain dan pilih domainku.
• Klik "Manage Domain" di alamat domain yang ingin di setting

2 - Klik "Management Tools" dan selanjutnya pilih " Manage DNS"

3 - Isi tabel pengaturan DNS sebagai berikut :

• Isi Host Name dengan "www" (tanpa tanda petik)
• Record type : CNAME (Alias)
• Address : ghs.google.com
• Priority biarkan kosong
• Klik "Save Changes"

4 - Langkah selanjutnya mengisi A Record (tanpa www), untuk mengarahkan ke IP address nya google. Cara mengisinya sebagai berikut :

• Host Name diisi dengan domain kawan sedusun (tanpa www), contoh : dusun.blog
• Record Type pilih : "A (address)
• Address diisi dengan IP..

Cara ini diulang sampai 4 kali, Host Name dan Record Type isinya sama, yaitu domain kawan sedusun (contoh : dusunblog.com ) dan A (adress), Hanya alamat IP yang berbeda. Berikut 4 alamat IP yang harus diisi :

• 216.239.32.21
• 216.239.34.21
• 216.239.36.21
• 216.239.38.21
• Klik "save changes" satu persatu.

 Selesai sudah untuk setting DNS nya. Dan proses pengarahan DNS memerlukan waktu antara 1-24 jam. Jadi jika domain kawan sedusun belum bisa di akses, maka kemungkinan besar proses pengarahan DNS nya belum selesai. Lanjut ke seting di blogspot


Costum Domain di Blogspot :

Cara yang ane tunjukkan disini menggunakan blogspot/blogger yang bahasa Indonesia. Bagi kawan sedusun yang blogspotnya bahasa Inggris dan nggak ngerti caranya karena beda, ganti aja dulu bahasa blognya atau gunakan google translate.

1 - Masuk ke akun blogspot
2 - Klik setelan > dasar
3 - Klik tambahkan domain ubahsesuaian (contoh di gambar)

4 - Klik "Alihkan Ke Setelan Lanjutan"

5 - Masukkan nama domain kawan sedusun. Contoh : www.dusunblog.com

6- Klik "Simpan" dan selesai.

Domain baru untuk menggantikan blogspot sudah siap digunakan.

Membuat Related Post Dibawah Posting Dengan Scroll

Related Post atau artikel terkait sering kita temui di blog-blog yang kita kunjungi. Ada yang meletakkannya di sidebar, di atas artikel dan ada juga yang meletakkan related post dibawah artikel/posting.

Disini ane ingin menulis cara membuat related post / artikel terkait / similiar post. terserah ente aja mau bilangnya apa.

Lalu apa bedanya dengan cara membuat related post di bawah artkel yang sudah ane tulis sebelumnya? bedanya yang kali ini kita membuat artikel terkait dibawah posting yang dilengkapi dengan fungsi scroll.

Cara Membuat Blog Di Blogger

Bila ingin punya blog di blogger untuk lebih mudahnya ente harus punya akun di google lebih dulu. Belum punya? baca caranya disini : Cara Membuat Akun Email Di Google (Gmail)

Buka halaman web baru, masukkan alamat (langsung di klik juga bisa sob..) www.blogger.com .

• Masukkan Account Gmail dan pasworrd sohib.

• Klik Sign In.
• Isi nama tampilan sohib di blog nanti.
• Tandai kotak kecil untuk meneroma persyaratan dari Blogger .
• Klik Lanjutkan.

Sekarang ente sudah punya akun di Blogger .Untuk membuat alamat blog lanjutkan dengan mengklik Ciptakan blog anda.
Jika akun Google ente belum di verifikasi, ente akakn diminta untuk memasukkan beberapa data untuk verifikasi.

• Ada dua pilihan untuk verifikasi,di sini kita pakai verifikasi lewat sms.
• Pilih Negara tinggal sohib.
• Masukkan No ponsel sohib.
• Klik kirim kode verifikasi ke ponsel saya.
• Buka sms di ponsel sohib.Lalu masukkan kode verifikasi yang di kirim Google dan klik Verifikasi.

Jika urusan verifikasiakun Google sudah selesai, maka selanjtnya masuk ketahapan utama, yaitu membuat blog di blogger :

• Tulis judul untuk Blog sohib.
• Masukkan alamat blog yang sohib inginkan,lalu klik cek ketersediaan.
• Bila alamat blog yang sohib pinta tersedia 
• Klik Lanjutkan.
• Pilih template untuk blog sohib,caranya klik salah satu ganbar lalu klik lanjutkan.

Selesai ente sekarang punya blog sendiri.