Cara memasang video di Blog


      Untuk postingan kali ini kita akan belajar bagaimana memasang video di blog, sebenarnya ini tidak perlu di pelajari karena hanya menggunakan kopi paste cuman kayaknya masih ada diantara sahabat kita yang masih kebingungan untuk merubah atau menyesuaikan ukuran video di blog.

Jadi yang kita pelajari disini adalah bagaimana cara memasang video dan merubah ukurannya adapun mengenai cara insert video dari kumputer, mubile dll. ke blog lain kali kita bahas oke.

Saya mengambil satu contoh video youtube yang ingin saya pasang diblog ini, salah satu code video yang saya pilih yaitu video Mantan Pendeta Masuk Islam, bisa lihat melalui link ini: http://www.youtube.com/watch?v=8JFFUhTE_-s&feature=player_embedded. Nah. cobah perhatikan bagaimana cara mendapatkan code-Nya, caranya sangat mudah silahkan pilih terlebih dahulu video yang sobat suka di youtube,
kemudian perhatikan pada bagian bawah video disitu ada Like, Add to dan Share silahkan klik share kemudian cari tulisan Embed  tepatnya (antara link dan email) cari ajha sendiri sampai ketemu hehehe...Nah. jika sudah dapat klik Embed kemudian kopi code-Nya ke blog HTML/Javascript.

Nah. caranya gimana merubah ukurannya, tinggal rubah ajha yang lebar/ width dan  tinggi/ height 

Contoh: code video yang saya ambil ( pendeta masuk islam ) code-Nya:
-------------------------------------------------------------------------------------------------------------

<iframe width="420" height="315" src="http://www.youtube.com/embed/8JFFUhTE_-s" frameborder="0" allowfullscreen></iframe>

-------------------------------------------------------------------------------------------------------------
Ukuran aslinya width/ lebar  420 saya rubah menjadi 220 dan height tinggi 315 saya rubah menjadi 150 maka hasilnya seperti berikut



Oke mungkin itu saja Sobat silahkan disesuaikan sendiri dengan ukuran blog-Nya, kurang dan lebihnya minta maaf banyak-banyak. semoga bermamfaat


Membuat gedget daftar isi di blog


     Semalam kita belajar bagaimana membuat angkah update/ post di bawah halaman posting maka untuk kali ini kita akan belajar bagaimana membuat gedget daftar isi di blog, Gedget ini sangat bermamfaat bagi pengunjung blog kita sebab ianya sangat simple dan akan menampilkan sekaligus postingan yang ada di blog,untuk lebih jelasnya bagaimana bentuk tampilannya silahkan lihat di halaman ittihadboys07.blogspot.com ( daftar isi )

     Masalah cara membuatnya sangat mudah, karena hanya menggunakan HTML/ JaVascript. Dan biasanya kalau masalah tutorial teman-teman pada senang kalau yang berhubungan dengan HTML/Javascript, tidak ribet, hanya kopi paste.

      Jika saudara minat, langsung ajha kopi code berikut dan tempelkan pada HTML/ Javascript yang ada di blog sobat.


Setelah sobat paste ke dalam kolom HTML/ Javascript seperti contoh berikut:



Cari dan ganti Url/ alamat ini diatas, cari sampai dapathttp://www.indoblogtrik.com/feeds/posts/default?............ganti  dengan alamat Url. blog sobat, contoh http://www.iyagusugy.blogspot.com  ingat ya yang diganti hanya yang warna orange. 

Selanjutnya, pada kolom HTML/Javascript, klik Rich Text , "perhatikan atas, sudut kanan" Nah. setelah Rich Text sobat klik, akan terlihat border warnah hijau, ingat "! jangan heran jika tulisan didalam border masih kosong, nanti akan terlihat setelah sobat save. Kemudian perhatikan  di bawah border ada link sumber kalimatnya :( Pasang gedget ini baca selengkapnya sampai seterusnya...................................silahkan hapus semuanya  agar tampilannya lebih menarik.

Kemudian Save lalu klik home pada blog sobat untuk melihat hasilnya 
Oke mungkin gitu ajha Sobat mohon maaf kalau penjelasannya ribet dan berliku-liku hehehe... karna itulah cara yang terbaik belajar cepat mengetahui cara-cara mengedit html, css dll. selamat mencobah dan moga berhasil. 

Membuat angkah Update dibawah halaman posting

  
     Kalaulah kemarin kita membahas bagaimana membuat garis pinggir pada halaman posting maka untuk kali ini kita akan belajar bagaimana membuat angkah Update ( Post ) dibawah halaman posting.

Untuk lebih jelasnya bagaimana bentuk tampilan ini, boleh lihat di halaman ini ( Ittihadboys07.blogspot.com ) bentuknya hampir sama seperti gambar diatas.

Jadi kalau Sobat menggunakan template asli blogger,  yang terlihat dibawah halaman post/ comment yaitu older post dan newer post sebenarnya fungsinya sama saja  cuman untuk yang ini tampilannya boleh dikatakan simple tetapi menarik karena selain tampilannya yang rapih juga menambah tampilan blog lebih cantik.

Minat ? Silahkan menuju ke pengeditan template dari Dasboard - Design/ Rancangan - Edit HTML  kemudian cari code ini ]]></b:skin>   jika sudah ketemu, kopi kode berikut kemudian simpan atau paste diatasnya ]]></b:skin> 
    


Setelah itu, cari lagi code ini </body> jika ketemu, kopi code berikut kemudian simpan diatasnya </body>



Selanjutnya cari kode ini 'data:label.url' kemudian ganti dengan code berikut:


Jika uda oke"  klik SAVE

Catatan:
           Untuk code yang pertama diatas tidak ada yang perlu di rubah
           adapun untuk code yang kedua, Sobat boleh rubah kalau mau yaitu:

var pageCount = 4 ( menentukan jumlah posting perhalaman ) rubah sesuai keinginan
displayPageNum = 4 ( menentukan jumlah angkah perhalaman ) rubah sesuai keinginan

Mungkin itu aja sobat semoga berhasil.

KOMENTAR TERBARU