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.

Membuat garis pinggir pada halaman posting


     Pengen membuat garis pinggir pada ruangan posting, oke. langsung menuju ke daswboard design halaman utama kemudian klik Edit HTML  jangan lupa Expant Widget Templates seperti gambar disamping ( tampilan profile lama ) jika sekarang ini Sobat menggunakan tampilan profile baru. cari saja Design.

Selanjutnya cari code   .post-body {   untuk mencari cepat kode tersebut pelajari disini
Kemudian letakkan code berikut ini tepatnya dibawah kode di atas.   .post-body {



Ingat Sobat jangan sampai salah meletakkan, letakkan seperti gambar berikut :


Keterangan:

4px ( jarak text dengan garis pinggir )

2px ( ukuran tebal/tipis garis pinggir )

#ffffff ( warna garis pinggir atas, kanan dan kiri )

#000000 ( warna garis pinggir bawah )

Silahkan di utak atik sendiri sesuai keinginan ( Mainkan PREVEW ) untuk melihat hasilnya key.
Oya klo Sobat da bosan dan sudah merasa puas dengan hasilnya langsung klik SAVE moga berhasil.

Apa Itu Encode / Decode HTML Entities ?


     Saya sendiri tidak tahu apa pungsi khusus Encode / Decode HTML Entities, tapi yang pastinya ini sangat besar pungsinya kayaknya hahaha...tapi tenang aja setelah saya jelaskan menegenai hal ini kemudian penjelasan salah Sobat boleh comment pada kotak komentar okey.

     Jadi Encode / Decode Entities adalah salah satu tip untuk mengatasi masalah kesalahan Script HTML entah itu Script pada postingan atau HTML pada template blogger dan bagi saya sendiri biasa saya gunakan ketika saya ingin memasang Script HTML pada Edit HTML template biasanya berupa iklan, tombol share dll. sebelum saya pasang di Edit HTML template terlebih dahulu saya parse ( Encode ) disanana kemudian hasilnya saya kopi kembali kemudian saya masukkan pada template blogger dan adapun pada postingan ini jarang saya gunakan. karena belum terlalu mengenal pasti cara-cara dan mamfaat khusus pada postingan hehe..masih perlu belajar. Tetapi bilah saya pelajari pada sahabat blogger-blogger kita yang lain ada diantara 1234...mereka menggunakan pada postingan yang berhubungan tentang Script HTML text area.

     Adapun kesalahan yang sering terjadi Script HTML yang tidak di kompress maksudnya di entod hahaha...sorry ENCODE biasanya kesalahan pada postingan/ berubah ubah, kesalahan pada gambar/ tidak berfungsi, kesalahan pada tampilan kayaknya sigitu sobat.

Usulan saya bagi sobat yang ingin memasang Script html khususnya pada Template blogger terutamanya ketika ingin memasang sesuatu (iklan dan tombol share) dan yang berhubungan postingan text area pada postingan atau pada JavaScript Sobat boleh menggunakannya lebih mengantisipasi, mungkin itu saja Sobat yang boleh konsikan kurang dan lebihnya mohon maaf banyak-banyak semoga bermamfaat. apa yang saya share ini hanya sebagian dari beberapa pengalaman jadi jika terdapat kesalahan silahkan dikoreksi.

Adapun situs-situs yang menyediakan ENCODE / DECODE HTML Entities secara online, Sobat boleh kunjungi pada alamat berikut:

http://centricle.com/tools/html-entities/
http://meyerweb.com/eric/tools/dencoder/
http://htmlentities.net/
http://www.opinionatedgeek.com/dotnet/tools/htmlencode/Decode.aspx
http://scriptasylum.com/tutorials/encode-decode.html
http://www.hashemian.com/tools/html-url-encode-decode.php