Tv Online Lengkap

Widget by: x-treme Blog - Script TV Online

Cara Membuat Link Bergoyang Saat Disorot

                  Nah, sekarang saya juga akan membagi tutorial untuk membuat link di blog anda bergoyang saat disorot oleh mouse. Simak caranya di bawah ini.



















1. Masuk ke akun blogger anda.

2. Pergi ke tata letak -> tambah gadget -> HTML/javascript

3. Copy script di bawah ini ke kotak yang besar

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

4. Klik "simpan"

Silahkan check blog anda dengan mengarahkan mouse anda ke link, maka link tersebut akan bergoyang.

Selamat mencoba  dan semoga bermanfaat gan ^__^ ^_^

Cara Memberi Bookmark and Share Pada Blog

           Apakah anda ingin widget bookmark and share seperti yang ada di blog saya? Baiklah kalau begitu, anda bisa memilikinya. Saya akan share cara memberi Bookmark and Share pada blog.

1. Login dulu ke akun blogger anda

2. Masuk ke tata letak -> tambah gadget -> html/javascript

3. Copy dan paste script berikut

<script charset="UTF-8" src="http://s.web.informer.com/favorites-button.js?glass," type="text/javascript"> </script>

4. Klik "simpan"

5. Dan kini lihat blog anda, bookmark and share sudah terpasang di blog anda

Semoga berguna bagi anda ^__^
happy bloging gan

Cara Membuat Tombol Social Media Keren Pada Blog

.

hay sobat maaf nih baru ngepost lagi karena sibuk terganggu dengan jadwal ujian tengah semester -_- ,bingung mau share apa.. :( saya share cara membuat widget tombol social media di blog ya..? :) widget ini mungkin bisa jadi bermanfaat untuk sobat, Dengan memasang widget sosial media pada blog, sobat dapat mengundang pembaca/pengunjung blog untuk terlibat dalam jejaring sosial sobat, dan tentunya dapat meningkatkan reputasi blog sobat. Namun hal itu tak akan terjadi jika pengunjung tidak mengklik tombol follow pada widget jaring sosial sobat, dan mereka hanya akan mengklik atau mengikuti update blog sobat kecuali mereka merasa atau menemukan hal yang berguna dan bermanfaat pada blog sobat. Widget ini tidak otomatis dapat meningkatkan follower blog sobat diberbagai jaring sosial tapi setidaknya kita dapat memancing mereka untuk setidaknya mengklik sekali pada tombol dengan membuat/menampilkan tombol widget ini lebih menarik dan memiliki efek hover yang meluas, mulus dan rapih . Efek hover ini kita buat dengan bantuan CSS3 transisi.

Fitur Dari Widget Ini :

• Meliputi empat tombol jejaring sosial yang paling sering digunakan dan ditambah ikon RSS
• Efek memperluas ke samping
• Penggunaan CSS sprite
• Sangat rapi dan bersih

Tidak ada JavaScript. JQuery No. Ini murni CSS

sudah jelas yaa.. :D oke langsung ke caranya.. :)

1. masuk ke tata letak
2. Tambah Gadget
3. pilih HTML / JavaScript
4. Lalu Masukan Kode Di Bawah Ini..
5. Simpan.. :)

<style> 

#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;} 

#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;} 

#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;} 

#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1jb-gahYP9xRneGgMzFdTF2lHJDAu3cgKDcwC3qLpvnNkRSxBbmygzWb8llTKGrfDyMJSjZrWtWk7I58fqHpLlvUTWNnc25nkTu9mDiBZEYa8evUbE1uqXEPRzVl1PKjo_byiiELwDDo/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}

#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;} 

#tbisose .icon{overflow:hidden; color:#fafafa;} 

#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;} 

#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;} 

#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;} 

#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;} 

#tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;} 

#tbisose li:hover .icon, 

.touch #tbisose li .icon{width:210px;} 

.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);} 

.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);} 

.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);} 

.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);} 

.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);} 

</style> 

<ul id="tbisose"> 

<li data-alt="Follow us on Facebook"><a class="icon facebook" href="#">Follow us on Facebook</a></li> 

<li data-alt="Follow us on Twitter"><a class="icon twitter" href="#">Follow us on Twitter</a></li> 

<li data-alt="Follow us on Google+"><a class="icon googleplus" href="#">Follow us on Google+</a></li> 

<li data-alt="Follow us on Pinterest"><a class="icon pinterest" href="#">Follow us on Pinterest</a></li> 

<li data-alt="Subscribe with RSS"><a class="icon rss" href="#">Subscribe with RSS</a></li> 

</ul>

<small><div style="font-size:80%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://zhalltrozans.blogspot.com/2013/03/cara-membuat-tombol-social-media-keren.html" target="_blank" title="Widget Follow Us">+ Get This Widget Here</a></div></small>

Keterangan :

• Kode yang berwarna Orange, ganti dengan masing-masing alamat social media sobat..

nanti hasilnya akan seperti ini.. :)

bagaimana keren gak..? :D ,silahkan di coba.. :) jangan lupa tinggalkan jejak di komentar.. terima kasih..

Animasi Game Parampaa dengan CSS

Game Quiz Parampaa - adalah sebuah game yang mengasah otak kita, dimana game ini tidak seluruh nya jawaban yang di sediah kan. Jawaban yang benar bisa jadi jawaban nya pertannyaan itu sendiri. Intinya jawabnya tersembunyi.

Keunikan serta keasikkan game ini membuat saya terinspirasi untuk membuat Quiz Parampaa tanpa menggunkan Flash Player. Game yang saya tiru ini menggunakan CSS dan Java script saja.

Penasaran,?? Silahkan dicoba...hihihihi..
Notice!! :
Mainkan Game ini,Jika kamu salah memilih pertanyaan Windows mu akan tidak ada signal, lihat saja. Tapi jika kamu mau memainkan lagi, bisa refresh browsermu. Setelah di level akhir kamu pasti dapat hadiah.
Work for: Crome, Mozilla, IE, Opera
Music

PLAY GAME

Cara Hack Template Web Dengan Firebug

Cara Hack Template Web Dengan Firebug maksudnya bukan mencuri blog orang lho…cuman kita bisa melihat kedalam template orang lain seperti kode ccs/html/javascript template tersebut,jadi sah sah saja  dunk  bukan ilegal ya gak??
dengan mengetahui kode kode template orang lain so pasti sobat bisa meniru/menjiplak bahkan bisa membuat tempale yang sama dengan template orang tersebut tampa ketahuan yang punya tempale hehehe…

dengan sedikit kreasi dan modifikasi sudah pasti jiplakan sobat akan lebih kerren dari template yang sobat tiru  itu.. caranya untuk mngetahui kode template seseorang cukup mudah cukup dengan minta bantuan aplikasi add-ons mozilla feribug. jadi yang belom memiliki mozilla ferifox silahkan download dulu. dan untuk mencoba add-ons firebug silahkan download DISINI setelah didownload
->instal->tunggu sampai prosesnya selesai  ..setelah selesai  restart browser anda.
nah sekarang coba kegunaan firebug seperti apa silahkan coba sendiri dan rasakan sendiri seperti apa kegunaan dan manfaat add-ons tersebut.

untuk mencoba caranya cukup mudah ..
.silahkan buka blog siapa saja->setelah  berada di halaman blog ->klik kanan dihalaman tersebut lalu pilih ->INSPECT ELEMENT->maka firebug akan menanmpilkan  element kode template yang sedang sobat buka tadi,

silahkan pilih tool-tool yang disediakan firebug seperti HTML | JAVASCRIPT |CCS | dll. untuk mengetahui element kode CCS misalnya ,sobat tinggal klik tombol CCS yang ada pada tool tersebut. sebagai contoh tampilan firebug  yang sedang aktif seperti berikut

Download
DISINI

Oke semoga bermanfaat dan semoga sobat faham dengan penjelaan diatas .,dan saya minta maaf klo uraiannya kurang bagus dan membingungkan.. buat teman teman senior/webmaster yang kebetulan nyasar kesini silahkan diperbaiki postingan di atas klo ada kekeliruan atau kekurangan  silakan ditambahin  agar teman teman lebih faham maksudnya.

silahkan berikan saran dan bimbingannya  mas broo di kotak komentar dibawah ini.. sebelomnya saya ucapkan terimakasih.. atas kunjungan anda.

8 Cara Membuat Blog Anda Jadi Terkenal

Membuat blog menjadi terkenal/populer dan banyak pengunjungnya tentunya merupakan keinginan semua blogger. Diawal membangun blog ini saya pun memiliki angan-angan yang sama yaitu membuat blog saya jadi populer dan terkenal yang dikunjungi ribuan orang per hari. Namun tentu saja untuk mencapai sebuah tujuan atau keinginan kita perlu berusaha dulu karena tidak ada sebuah kesuksesan yang sifatnya instant langsung didapat dengan begitu cepat. Paling tidak sobat harus punya trik-trik yang jitu bagaimana cara mempopulerkan blog anda ke orang lain, sehingga blog anda pun nantinya akan menjadi blog yang terkenal dan ramai dikunjungi. Berdo'a saja semoga suatu hari nanti blog anda akan mendapatkan predikat The Most Popular Blog dari situs-situs terkenal.

8 Rahasia  Mempopulerkan Blog Anda :

1.   Tuliskan url blog anda di t-shirt dan pakailah t-shirt tersebut sesering mungkin. Paling tidak 5 kali dalam seminggu. Cucilah t-shirt kalau memang sudah bau.

2.   Jika anda baru punya anak, maka namailah anak anda dengan url blog anda. Untuk itu hati-hatilah bagi yang punya blog penjahatcinta.com dan berbahagialah jika nama blog anda ternyata pangerancinta.com atau dewicinta.com karena nama itu sedikit lebih pantas..!!

3.   Jika ada orang yang menanyakan alamat anda, berikanlah alamat url blog anda. Jangan pernah salahkan orang itu kalau akhirnya dia akan menyanyikan lagu Ayu Ting Ting “Alamat Palsu”.

4.  Bukalah halaman blog anda di semua komputer ditempat kerja anda kemudian bersikaplah seolah-olah anda tidak tahu apa-apa.

5.     Ancam atau sogoklah teman anda agar mau bergabung di halaman blog anda.

6.     Buatlah coretan-coretan url blog anda di tembok toilet-toilet umum setiap kali anda pipis.

7.     Untuk membuktikan keseriusan anda, buatlah tatto nama blog anda di bagian tangan anda.

8.  Seolah-olah anda sedang terkejut, sebutkanlah nama blog anda secara tiba-tiba di kelas atau saat rapat.

Semoga saja tidak ada diantara sobat blogger yang mau mempraktekkan tips 8 Cara Membuat Blog Jadi Terkenal/Populer seperti diatas. Karena kalau ada yang benar-benar mempraktekkannya saya tidak menjamin keselamatan anda dan saya pun tidak mau bertanggung jawab..kabuuuurrr..!!

Rahasia Hack Template Blog dengan CTRL + U Modif 2013

Template adalah bagian terpenting dalam sebuah blog. Karna dengan adanya ini kita bisa membuat sesuatu yang terlihat indah dan mengagumkan. Kini saya akan memberi tahu kamu Rahasia Hack Template Blog dengan CTRL + U. Bukannya saya mengajarkan tidak benar kepada anda, tapi ini cuma pelajaran untuk menambah wawasan anda.

• Pertama kita harus punya Template yang sama seperti Template yang kita mau hack
• Isinya Gak harus sama persis, yang penting template itu mirip cuma colomn,header,sidebar,footer sama.
• Setelah itu kamu harus belajar dulu Apa itu CSS .?
  

Cascading Style Sheets atau CSS adalah suatu bahasa lembar gaya yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa HTML dan XHTML.

• Suatu Css  dalam kode laman {CTRL + U } umumnya mempunyai tag <style>   diakhiri dengan tag </style> 
• Umumnya sebuah blogger mempunyai 2 style yaitu : id=page-skin-1 dan id=template-skin-1

• id=page-skin-1 umumnya tepat berada dibawah link dan meta tag blogger.
• Sama dengan yang berada di Edit HTML

• Jadi kesimpulannya, Letakkan Semua CSS id=page-skin-1 ke  <b:skin><![CDATA[ sampai di atas  ]]></b:skin> di dalam Edit HTML

• Sekarang id=template-skin-1 umunya sedikit berada diatas <head> sama seperti di Edit HTML
• Jadi kesimpulannya, Letakkan Semua CSS id=template-skin-1 ke  <b:template-skin> <![CDATA[ sampai di atas ]]> <b:template-skin> di dalam Edit HTML
• Itulah Css Blognya

Setelah belajar Css, kini saatnya kita harus tahu berapa Gadget Blog itu

Setelah kita tahu, pasang Source Code HTML ke Gadget Blog kamu , dan posisinya harus sama persis.

Misalnya Dipasang di header, Gadgetnya juga harus di header. 

Misalnya juga di Footer,Gadgetnya harus di footer juga.

Pokoknya harus persis

• Kesimpulan Diatas adalah Si pelaku memasang di bagian footer ke 2 bagian pertama dengan tipe widget HTML4 ditambah judul Dialog Perhatian
• Itulah Contoh Gadget yang dia pasang.
• Cari lagi dan pasang sama persis bagian-bagiannya di blog kamu.

Jika kamu sudah pasang semua CSS dan Gadget, liat Blog kamu, Pasti sama dengan si sasaran.

OK..lah itulah sedikit Rahasia Hack Template Blog dengan CTRL + U dari saya. Semoga dapat bermanfaat dan tidak disalah gunakan.