Script Streaming TV one, MNC TV, Mivo TV, SCTV, Global TV, ANTV, Metro TV For Blog & Website

 Ternyata masih banyak juga ya yang blom tau script script tv online, sampe sampe ada yg chat ke saya.. oke kalau begitu dari pada banyak yang chat mending saya share di mari biar gk chat chat ke saya lagi hehehhe soalnya saya lagi sibuk bgt. yaudah dah neh dari pada saya nyelotos lagi mending nyimak bareng bareng ^^

Oh iya neh sebelumnya demonya dulu biar gk penasaran...

DEMO

1. TV ONE

<center><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 700px; width: 700px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="livestreaming" data-original-id="livestreaming" /></center>

2. MNC TV

<center><embed allowfullscreen="true" allowscriptaccess="always" bgcolor="#0000ff" flashvars="file=mnc3_256@36355.flv&streamer=rtmp://cp103782.live.edgefcs.net:1935/live?ovpfv=2.1.5&autostart=true&stretching=exactfit&volume=100&bandwidth=1&duration=0&showdigits=&&stretching=exactfit&backcolor=0000&frontcolor=0000&lightcolor=00ff00&screencolor=0000&volume=95&controlbar=over&autostart=true&displayclick=fullscreen&repeat=true&skin=http://ongoz.50webs.com/skin.swf" height="700" rln="" src="http://ongoz.50webs.com/betaplayer.swf" style="border: 0px solid rgb(255, 255, 255); margin-bottom: -0px; margin-left: -11px; margin-right: 0px; margin-top: -10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="700"></embed></center>

3. Mivo Tv(pasti udah pada tau tapi yang blom tau neh saya kasih)

<embed scroll="auto" align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed>

4. Metro TV

<center><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 700px; width: 700px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /></center>

5. Global TV

<center><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 700px; width: 700px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="livestream_okezone-livestream_1332263175389" data-original-id="livestream_okezone-livestream_1332263175389" />

6. ANTV

<center><div id="livestreaming_wrapper" ><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 700px; width: 700px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="livestreaming" data-original-id="livestreaming" /></div></center>

Oke Sekian dari saya semoga bermanfaat untuk kalian semua ^^ jangan lupa ya di follow blog newbie saya ini 


http://erikofujiwara.blogspot.com/

◥Read More◣ »

Cara Mengetahui Tampilan Blog Sesuai Resolution Monitor

Setelah kita membuat Template atau hasil Re-Design kita, pasti kita ingin mengetahui tampilan blog kita pada layar monitor yang Resolutionnya berbeda beda. Namun jika ingin melihat tampilan blog kita pada Layar Monitor yang Resolutionnya berbeda beda kita harus mempunyai juga Layar Monitor yang banyak dan tentunya resolutionnya juga harus Berbeda beda, ya mau gak mau kita harus mengeluarkan uang sebanyak mungkin untuk membelinya.

Sobat pasti gak mau kan mengeluarkan uang untuk membeli Monitor yang banyak cuman untuk mengetahui hasil tampilan blog kita? Pastinya Gak mau kan.

Nah yang jadi Pertanyaanya gini sob, Bagaimana Caranya untuk mengetahui Tampilan Blog kita dalam 1 Monitor yang Resolution Monitornya Berbeda beda? Tenang Saja sob ternyata ada web yang menyediakankannya.

Dengan Web Test Screen Resouliton Simulator ini kita jadi bisa melihat Tampilan Blog kita dengan Resolution yang berbeda beda. jadi gk perlu repot repot lagi dah untuk membeli Monitor :p. Caranya Juga cukup gampang koq sob tinggal Masukan Link Web/Blog sobat lalu pilih resolution sesuai yang sobat ingin melihatnya Dan Terakhir Klick Load.

Bagaimana Sob ingin Mencobanya? Kalau ingin mencobanya silahkan Klick Link Di Bawah Ini.

Screen Resolution Simulator 

http://erikofujiwara.blogspot.com/

◥Read More◣ »

Pengertian Padding, Margin Dan Border Dalam CSS

Selamat Sore Sobat The Darkness Cheater. Bagaimana Kabarnya? Semoga Semua Baik-Baik Saja. Hehehe. Lama Tidak Posting Nih, Jadi Saya Iseng Posting Tips Saja. Mungkin Sobat Sedikit Bosan Dengan Content Di TDC, Ya Maklum Karena Admin Sangat Sibuk. Dan Kali Ini Saya Akan Memberi Sedikit Pelajaran Yang Sudah Tidak Asing Lagi Yaitu CSS Lebih Tepatnya Di Bagian Padding, Margin Dan Border. Saya Yakin Pasti Berguna Buat Sobat Yang Ingin Belajar CSS Lebih Dalam. Ok, Kali Ini Adalah Pengertian Dari Masing-Masing Komponen :

• Padding : Digunakan Untuk Menentukan Jarak Komponen Body Ke Bagian Border Atau Ukuran Jarak Bagian Dalam.
• Border : Garis Tepi Dari Sebuah Komponen (Content)
• Margin : Ukuran Jarak Bagian Luar Atau Jarak Setelah Border.

Bagaimana? Sederhana Bukan? Hehehe. Silahkan Diperdalam Dahulu Pengertian Ke-3 Komponen Di Atas Kemudian Lanjut Ke Cara Penggunaannya.

Cara Penggunaan :

Padding 

Penulisan CSS Untuk Padding Adalah padding:5px 5px 5px 5px; Urutan Penggunaan Ukurannya Adalah Mulai Dari Yang Paling Depan Yaitu Atas, Kanan Bawah, Kiri. Atau Jika Sobat Ingin Memecahnya Menjadi Bagian Yang Lebih Spesifik Yaitu : 

• padding-top:5px; ~ Digunakan Untuk Padding Bagian Atas
• padding-right:5px; ~ Digunakan Untuk Padding Bagian Kanan
• padding-bottom:5px; ~ Digunakan Untuk Padding Bagian Bawah
• padding-left:5px; ~ Digunakan Untuk Padding Bagian Kiri

Margin

Penulisan CSS Untuk Margin Adalah margin:5px 5px 5px 5px; Urutan Penggunaan Ukurannya Adalah Mulai Dari Yang Paling Depan Yaitu Atas, Kanan Bawah, Kiri. Atau Jika Sobat Ingin Memecahnya Menjadi Bagian Yang Lebih Spesifik Yaitu : 

• margin-top:5px; ~ Digunakan Untuk Margin Bagian Atas
• margin-right:5px; ~ Digunakan Untuk Margin Bagian Kanan
• margin-bottom:5px; ~ Digunakan Untuk Margin Bagian Bawah
• marg-left:5px; ~ Digunakan Untuk Margin Bagian Kiri

Border

Penulisan CSS Untuk Border Adalah border:3px solid #666666 . Dari 3 Komponen Border Tersebut Berikut Penjelasannya :

• border:3px ~ Merupakan Ukuran Ketebalan Dari Border Tersebut (border-width)
• solid ~ Merupakan Jenis Style Dari Border Tersebut (border-style)
• #666666 ~ Merupakan Warna Dari Border Tersebut (border-color)

Macam-Macam Satuan Dalam CSS

Satuan Dalam CSS Dikelompokkan Menjadi 2 Bagian Yaitu:

1. Statik
2. Relatif

Penjelasannya Setiap Kelompoknya :

Relatif

• in ~ Satuan Inchi
• cm ~ Satuan Centimeter
• mm ~ Satuan Milimeter
• pt ~ Satuan Point (1 Point = 1/72 Inchi)
• pc ~ Satu Pica (1 Pica = 12 Point)
• px ~ Satuan Pixel (Titik Terkecil Dalam Visual PC)

Statik

• % ~ Satuan Persen
• em ~ Satuan em / ems (1em = Ukuran Font Yang Tengah Dalam Elemen)
• ex ~ Satuan X-Height Suatu Font (X-Height Biasanya Setengah Dari Ukuran Dasar Font)

Contoh Dari Style Border

dashed

solid

dotted

double

groove

ridge

inset

outset

Ok Itu Sedikit Pelajaran Yang Bisa Saya Berikan. Terima Kasih.

Created By : The Dark Cheater
Source : WWDQ

◥Read More◣ »

Efek Image Rounded Saat Mouse Hover

Heloo sobat ketemu lagi sama saya Kuntoro Tirto Madani kali ini saya mau share Tips Blog .. yaitu Cara Membuat Efek Image Rounded Untuk demonya anda bisa lihat di blog saya sendiri .. cranya arahkan cursor ke image posting blog saya ... nanti akan muncul efek fotonya jadi Bundar kan ???
Ok dari pada penasaaran cara bikinnnya , mending langsung aja yah...


1.Buka Template ..

2.Cari Kode </head> , Agar Lebih Cepat Tekan CTRL + F

3. Pastekan Kode dibawah ini diatas Kode </head>

<!-- kondisi home -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.post-body {
    padding: 0 0 10px 0;
}
.post img {
width: 100px;
height:100px;
background: transparent;
border: 3px Groove #8aff00;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.post img:hover {
border: 3px Groove #8aff00;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
</style>
</b:if>
</b:if>
    <!-- /kondisi home -->

4.Klik Pritanjau dulu kalau ada yang gagal ..

5.Jika sudah aman baru Klik Simpan Template ...


Sekian Tutorial dari saya ,, Semoga Bermanfaat ,, Terima Kasih ..

Sumber : 
http://www.kuntoro-cyber.com/

◥Read More◣ »