Johny Crott

Daripada bengong sambil nunggu pertandingan bola nanti malam dan mumpung besok libur, mending ini saya bagi lagi satu template gratis buat Anda yang suka mengkoleksi video dari Youtube. Template ini serial dari template Johny Crott, kali ini saya buat untuk versi konten video dan hanya dari Youtube. Template ini berbeda dengan template video Youtube saya sebelumnya Johny Jazzytube, karena disini saya hanya memanipulasi gambar dari iframe youtube untuk dijadikan thumbnail di homepage, dan masih menggunakan ytimg.com tapi untuk template ini diletakkan di dalam postingan bukan di Edit HTML template. Untuk lebih jelasnya perhatikan gambar untuk membuat postingan video di bawah ini :

1. Masuk ke Youtube dan pilih video favorit anda.
2. Kemudian klik share seperti langkah nomer 1, lalu klik embed tunggu hingga kodenya muncul.
3. Perhatikan kotak yang saya centang pada nomer 3 diatas, disini Anda hanya mencentang pilihan atau opsi yang paling atas (Show suggested videos when the video finishes) biarkan yang lain kosong.
4. Setelah itu ambil kode iframe Youtube seperti pada nomer 4 diatas, paste ke dalam postingan pada posisi Edit HTML bukan compose. Untuk ukuran panjang dan lebar video terserah silahkan Anda pilih sendiri.
5. Video dari Youtube sudah nampak di postingan jika Anda preview, tapi thumbnailnya belum akan kelihatan di Homepage. Untuk menampilkan thumbnail di halaman depan (homepage) anda harus menambahkan kode ini setelah kode iframe dari Youtube :

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

6. Kode yang saya cetak tebal diatas adalah kode yang harus Anda tambahkan setelah kode Iframe Youtube. Perhatikan tulisan kode seri video (warna merah), anda isi dengan kode seri warna merah diatasnya (8Pjh0visgJI). Kode seri video dari Youtube ini berbeda-beda untuk tiap video, jadi jika Anda memasukkan video jangan lupa untuk mengganti juga kode seri-nya harus sama dengan kode diatasnya. Dan postingan untuk video itu akan nampak seperti gambar di bawah ini :
   
   
   
   
   Perhatikan kedua kode pada gambar dengan background biru diatas.

Pada template ini saya tambahkan fitur untuk tampilan Grid dan List style, dibawah ini adalah screenshot untuk tampilan grid dan list syle :

Sekarang untuk menampilkan widget Video Category yang ada pada template ini. Yang Anda harus lakukan hanya membuka widget Video Category 1 dan 2 kemudian masukkan/ketik label di dalam kotakHTML/Javascript seperti gambar di bawah ini :

Dari gambar diatas jazz adalah label yang saya tampilkan pada video category 1, Anda ganti dengan label yang diinginkan, demikian juga dengan widget Video Category 2.

Untuk mengaktifkan reply pada kotak komentar, masuk ke Edit HTML jangan lupa untuk mencentang kotakExpand Widgets Templates kemudian cari kode berikut :

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1128587339572285487&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :

Template ini juga dilengkapi fitur related video di setiap postingan dan slider otomatis yang menampilkan postingan terbaru Anda. Template ini bisa digunakan juga untuk konten gallery gambar biasa, dan untuk video hanya khusus dari Youtube, tapi jika anda ingin menambahkan video selain Youtube harus membuat thumbnail manual dulu kemudian baru di upload saat buat postingan. Segitu dulu tutorial cara instalasi untuk templateJohny Crottube kali ini. Jika ada yang mau ditanyakan silahkan tinggalkan pesan pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat.

Demo | Download

Johny Jazzytube

Demo | Download

Nah, kalau template ini agak serius bikinnya, karena berbeda dengan kedua template diatas. Template ini khusus untuk blog dengan konten video, dan itupun harus video dari Youtube. Template ini permintaan Antonio Rios dari Meksiko pada artikel Dua Template Gratis Untuk Pecinta Music dan Game.

Untuk menampilkan video Youtube ke dalam postingan, tentunya cari dulu video kesayangan Anda di Youtube. Setelah ketemu copy URL nya yang terletak di browser seperti gambar di bawah :

Atau anda juga bisa memperoleh URL ini dengan klik share di bagian bawah video, kemudian centang kotak kecil long link disampingnya, lalu copy URL pada kotak diatasnya, seperti gambar dibawah ini :

Setelah Anda copy URL Youtube tersebut, masuk ke new post posisikan pada Edit HTML (jangan compose), paste kemudian akhiri URL dengan kode endofvid (tanpa spasi). Untuk menambahkan teks pada postingan tersebut, awali dengan menggunakan kode [starttext] dan akhiri dengan kode [endtext]. Contoh akhir postingan seperti ini :

http://www.youtube.com/watch?v=K4Di2rvigVkendofvid

[starttext]

Your description here..........

[endtext]

Untuk menampilkan widget video per kategori, masuk ke layout >> add gadget pilih HTML/Javascriptkemudian masukkan kode di bawah ini kedalamnya :

<script style="text/javascript">
    var numposts = 3;
    var showpostthumbnails = true;
    var displaymore = true;
    var displayseparator = true;
    var showcommentnum = true;
    var showpostdate = true;
    var showpostsummary = true;
    var numchars = 70;
</script>
<script src="/feeds/posts/default/-/sting?orderby=published&alt=json-in-script&callback=showlabelpostswiththumbs"></script>

Ganti kode warna merah sting dengan label yang ingin anda tampilkan pada sidebar. Dan untuk mengaktifkan reply pada kotak komentar, masuk ke Edit HTML (centang Expand Widget Templates) cari blog ID3009056898743314712 ganti dengan blog ID anda.