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◣ »

Cara Mengsamakan Template Blog di HP

Yups.... pada sore ini gw Dozie XD akan kembali posting lagi ni,pastinya dengan tutorial2 yg keren heheeeh,

ok,kali ini gw akan memberikan tutorial yaitu"Cara mengsamakan template blog di versi hp" hehehe gimana?? gak ngetikan dengan judul nya,hehhehe soal nya gw bingung mau kasih judul apa?? maksud nya tampilan template yg kalian pake sekarang sama nanti dengan tampilan hp,tapi kalau kalian buka versi hp tampilan nya sama dengan yg di PC gimana?? ngertikan?? effek samping nya (ada effek samping nya juga lo?? heheehehe) effek nya kalau kalian buka versi hp loading nya gak lama,yaiyalah.... namanya juga di hp,tapi tergantung koneksi nya juga sih.... oke yg masih bingung nih gw kasih SC nya cekidot!!

Yg sebelah kiri tampilan pc,yg sebelah kanan tampilan hp

Gimana?? penasaran bukan??

Yuk langsung aja ikuti Step by step nya:

1.Seperti biasa login ke BLOGGER

2.Pilih template

3.liat seperti gambar di bawah ini,Klik logo apaalah nama nya ni.... XD

4.Maka akan muncul seperti gambar/tampilan di bawah ini

5.Klik tulisan "TAMPILAN DINAMIS"

6.Maka akan muncul lagi gambar/tampilan seperti ini,lalu klik tulisan "TERSESUAI" seperti yg sudah di tandai yg warna merah

7.Klik "SIMPAN"

8.Jika berhasil/work maka tampilan nya seperti ini

Huff.... gimana jelas bukan tutorial nya??

kalau kurang jelas langsung komen ya?? oke!!

See you

http://katsufirst.blogspot.com/2012/12/cara-mengsamakan-template-blog-di-versi.html

◥Read More◣ »

Cara Mudah Membuat Tampilan Blog Maintanance

Kali Ini Saya akan share mengenai Cara Mudah Membuat Tampilan Blog Maintanance. Cara ini bisa Anda pakai bila Anda ingin membuat tampilan maintanance pada blog Anda. Berikut adalah Pembahasaan Bagaimana Cara Membuat Tampilan Blog Maintanance. Cara Membuat Tampilan Maintanance di blog cukup mudah .Bila Anda Ingin Membuat Tampilan Blog Anda Maintanance Sebaiknya Anda  Ikuti langkah-langkah Sebagai Berikut : 

• Login Ke Blogger
• Setelah Anda Login Maka Anda Sekarang Sudah Berada Di Dashboard Blog Anda
• Setelah Itu Anda Cari Menu "Template" Setelah Ketemu Menunya Sekarang Anda Click , Setelah Di itu Anda Click Tulisan "Edit HTML" .
• Setelah Itu Anda Cari Code Berikut Di Dalam HTML Template Anda "]]></b:skin>" , Untuk Mempermudah Pencarian Anda Bisa Mengunakan CTRL + F.
• Setelah Ketemu Sekarang Anda Copy Code Di Bawah Ini Tepat Di Atas Code Yang Di Cari Tadi ( ]]></b:skin>)

html {

  height: 100%;

  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi6PqFs4Qgpn3t5HUBYZERmNg_NiGw9C393reiTCBjVgLRG2OeEFcgC-aZqDXuQXWrAsLKuf1XHWviwKfYEIV02gEZIH3BooWknWgloZZJXMBld0v1utlzJWjOKPz9nDz6BHuNhX6jeys/s1600/under-maintenance.gif) no-repeat center 50%;

  margin: 0;

}

body {

  display: none;

}

Setelah Di Copy Sekarang Anda Click "Simpan Template". Dan Lihat Hasilnya :)

Keterangan :
Untuk URL yang berwarna Merah Bisa Anda Ganti Dengan URL Gambar Kesukaan Anda .

◥Read More◣ »

Cara Mengganti Scrolbar di Blogger

Udah lama Irvan Kadhafi tidak memposting tutorial blog. Ok langsung aja....

Steps      :

  1.  Login ke Blogger -> Rancangan/Desaign -> Edit HTML.
  2.  Cari Kode ]]></b:skin> dan masukkan CSS di bawah ini Sebelum/di atas kode ]]></b:skin>

::-webkit-scrollbar {height:12px;width: 12px;background: #000000;}::-webkit-scrollbar-thumb {background-color: #1800ff;-moz-border-radius: 10px;border-radius: 10px;}

  3.   Save Template

NB :

Tulisan yang di beri warna merah & biru bisa kamu ganti sesuai dengan warna kesukaan kamu.

◥Read More◣ »