Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan

Membuat Windet Video Player Versi 2

Posted by Rifaiy On 0 komentar
Kaliini saya akan memberi tau cara memasang/membuat Vidoe Player di Blog, Di postingan sebelum ini saya sudah menjelaskan bagaimana cara memasang Video Player Yang Cukup Sederhana di blog. Mungkin diantara kalian sudah banyak yang tau bagaimana cara memasang Video Player di blog, tapi bagi yang belum tau ni saya jelasin cara memasang Vidoe Player yang cukup bagus. Baiklah langsung saja ke caranya ini dia:


  1. Masuk ke blog kamu,
  2. Kemudian kamu buat postingan baru untuk mempostingkan video apa yang ingin kamu postingkan di blog kamu,
  3. Kemudian salin script di bawah ini: dan pastekan ke postingan kamu tapi sebelumnya pilih Edit HTML bukan Compose.

<embed wmode="transparent" type="application/x-shockwave-flash" width="564" height="364" src="http://www.premiumhdv.com/player/playerembed.swf" flashvars="intro_pic=http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/320464_212001422189271_100001382450906_584056_3311611_n.jpg&id=xover2.jkt.3d.x.indowebster.com/download/65/p1688bfc1cq176dvegnoiumai6.mp4&bufferlength=5&premiumhdvcolor=0xFFFFFF&width=564&height=364" allowfullscreen="true" allowscriptaccess="always"></embed>

Penjelasan:
Tulisan yang saya tandai dengan warna Ungu adalah tinggi Video Playernya, Tulisan yang berwarna Buru adalah lebar dan tinggi untuk Video Playernya, Kemudian tulisan yang saya tandai denga warna Merah adalah link Video yang ingin kamu putar di postingan halaman blog kamu. Dan terakhir adalah tulisan yang sudah saya tandai dengan warna Hijau adalah gambar untuk sampul sebelum di play videonya.

Contoh Vidoe Player yang memutar filem OnePiece:

Sekian dan semoga bermanfaat....
Read More

Membuat Widget Komnetar

Posted by Rifaiy On 1 komentar
Kali ini saya akan memberitahu bagaimana cara membuat widget komentar terbaru / bisa disebut juga dengan recent comment. Mungkin bagi yang ingin menghiasi blog / ingin memasukan widget ini, kamu bisa menggunakanya dengan cara:



  • Login ke blog kamu,
  • Pilih Rancangan,
  • Kemuadian pilih Tambah Gatget,
  • Dan pilih HTML/JavaScript, dan masukan script di bawah ini:

Sebelumnya lihat penjelasanya dulu.

<div style="background-attachment: scroll; border: 1px dotted rgb(255, 255, 255); height: 200px; line-height: 1.5em; overflow: auto; padding: 5px;">
<script src="http://rifaiy.googlecode.com/files/RecentComments.js">
</script><script>
var numposts = 10;var showposttitle = true;var standardstyling = true;
</script><script src="http://fakriy.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script></div>

Penjelasan:
Link http://fakriy.blogspot.com/ ganti denga link alamat blog kamu.

  • Stetlah sesuai dengan keinginan kamu, kemudaian klik Simpan.

Litat Contoh Widgetnya Di Bawah Ini:


Sekian dari saya Semoga Bermanfaat....
Read More

Menghilangkan Navbar

Posted by Rifaiy On 0 komentar
Sebelumnya saya sudah membagikan cara menyembunyikan navbar Yang ada di blogger, Tapi akan saya bahas bagaimana cara menghilangkan Navbar / tidak ditampilkan sama sekali. Sebenarnya si ini benar-benar melanggal peraturan yang telah di tetapkan oleh blogger tapi karena banyak yang ingin menghilangkan ini jadi saya kasih tahu caranya.



Tapi menurut saya pribadi navbar ini cukup membuat blog kita seo juga loh di mesin pencari, Terutama google. Baiklah jika ingin menyembunyikan navbar pada blog kamu ikuti langkah-langkah berikut:

1. Pertama kamu harus Masuk ke blogger.com,
2. Kemudian kamu pilih Rancangan,
3. Setelah itu pilih Edit HTML,
4. Dan jangan lupa Centang pada Expand Template Widget seperti contoh di bawah,
5. Dan cari tulisan #navbar-iframe dengan menekan tombol Ctrl dan F , kemudian masukan #navbar-iframe,
Setelah ketemu edit:

Sebelum Mengedit Silahkan Lihat Penjelasanya Di Bawah.

#navbar-iframe  {
height : 5;
visibility : show;
display : yes;
}

Penjelasan:
Tulisan 5 kamu bisa ganti dengan 0 untuk menghilangkan navbar, Kemudain tulisan show kamu ganti dengan denga hidden untuk menghilangkan navbar, dan tulisan yes Kamu ganti dengan none untuk menghilangkan Navbar.

6. Kumudian jika sudah kamu Simpan, dan lihat hasilnya.

Semoga Bermanfaat..........


Tags : Menghilangkan Navbar, Cara Menghilangkan Navbar
Read More

Membuat Daftar Isi Versi 3

Posted by Rifaiy On 0 komentar
Hehehe, Kali ini saya akan memberitahu cara membuat daftar isi Versi 3, Sekarang saya postingkan lagi cara membuat daftar isi yang cukup menarik menurut saya.




Mungkin diantara kalian banyak yang ingin membuat daftar isi dan berbeda dengan yang lainya ini dia daftar isinya, kamu bisa melihat contoh daftar isinya di bawah. Bagi yang tertarik dengan cara membuat daftar isi seperti di bagian paling bawah postingan ini ikuti langkah-langkahnya sebagai berikut:

  1. Yang pertama kamu login di halaman blog kamu, Kemudian muncul Gambar Seperti Ini
  2. Kemudian kamu klik Edit Entri pada blog kamu, Kemudian muncul Gambar Seperti Ini
  3. Setelah itu pilih Edit Laman, Kemudian muncul Gambar Seperti Ini
  4. Setelah itu klik Laman Baru, Kemudian muncul Gambar Seperti Ini
  5. Dan tinggal salin script di bawah ini, Tapi memasukanya jangan di Compose, di Edit Html, Seperti Gambar Ini


<div style="border: 3px solid rgb(230, 230, 230); height: 300px; overflow: auto; width: 100%;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 200;
</script>
<script src="http://rifaiy.googlecode.com/files/DaftarisiV3.js">
</script>
<script src="http://fakriy.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script>
</div>

Penjelasan:
Tulisan yang berwarna Merah adalah berfungsi sebagai scrol, kamu bisa meng hapusnya, atau bisa mengedit panjang scrolnya yaitu dengan mnambah 300px sehingga menjadi 500px. Tulisan Loading... bisa kamu ganti denga apapun yang kamu mau, semisal Tunggu.... . Tulisan http://fakriy.blogspot.com kamu ganti dengan alamat blog kamu.

Sekian Dari Saya Semoga Bermanfaat....

Lihat Di Bawah Ini Adalah Contoh Daftar Isinya:

Loading...




Tags : Membuat Daftar Isi, Membuat daftar isi Dengan sedikit tulisan, Membuat daftar isi Tanpa label
Read More