Menambahkan Radio Streaming Untuk Blog

Untuk kalian semua yang menginginkan Blog atau Website anda bisa tambah menarik para pengunjung tidak ada salahnya kan untuk memasang radio streaming lokal agar para pengunjung tidak merasa bosan, kalian semua bisa mendapatkanya dengan copy paste code script di bawah ini dengan menggunakan Fitur HTML 

GEN FM Jakarta :

<embed height="15" width="445" flashvars="playlist_url=http://www.987genfm.com/playlist.xspf&autoload=false&info_button_text=Visit Site" quality="high" style="" src="http://www.987genfm.com/xspf_player_slim.swf" mce_src="http://www.987genfm.com/xspf_player_slim.swf" type="application/x-shockwave-flash"/>

SURABAYA.NET :

<embed height="50" width="300" src="mms://wma1.viastreaming.net/radioss" mce_src="mms://wma1.viastreaming.net/radioss" loop="false" autostart="0" enablecontextmenu="false" showstatusbar="true" name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2"/>

JOGJAKARTA :

<embed height="50" width="300" src="http://usa.jogjastreamers.com:8282/rakosa.m3u" loop="false" autostart="0" enablecontextmenu="false" showstatusbar="true" name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2"/

KISS :

<embed height="50" width="300" src="http://live.kissfm-medan.com:8080/" mce_src="http://live.kissfm-medan.com:8080/" loop="false" autostart="0" enablecontextmenu="false" showstatusbar="true" name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2"/>

NYIT-NYIT.NET :

<embed height="20" width="210" flashvars="type=mp3&autostart=true&file=http://ur.nyit-nyit.net:8110/;stream.nsv" allowfullscreen="false" quality="high" wmode="transparent" name="streambaby" id="streambaby" style="" src="http://www.nyit-nyit.net/player.swf" mce_src="http://www.nyit-nyit.net/player.swf" type="application/x-shockwave-flash"/>

Semoga bermanfaat gan dan slamat mencoba..

Read More

Cara Membuat Iklan PopUp Melayang di Blogspot

Saya rasa kalian semua sering menjumpai iklan PopUp yang tampil melayang-layang di web atau blog. contohnya pada saat anda mengunjungi blog ini. Nah disini saya akan mengajarkan anda gemana caranya membuat iklan PopUp tersebut secara detail.

1. Pertama tama kita mesti login dulu kedalam akun blogger kita.
2. Setelah masuk kehalaman Dasbor kita Pilih Tata Letak pada blog yang akan dikasih iklan tersebut.
3. Pilih Tambah Gadget dan pilih yang HTML/JavaScript lalu copy danpaste kode yang ada dibawah kedalam Gadget HTML/Javascript anda tadi.
 
<style type="text/css">
#topbar{
position:absolute;
top:600px;
left:600px;
border: 3px #00FF00;
padding: 2px;
background-color: #DBF1FA;
width: 740px;
visibility: hidden;
z-index: 100;
}
</style>
<script src="http://otsypulsa.com/JS/popup.js" type="text/javascript"></script>
<div align="center">
<div id="topbar">
<div align="right"><a style="color: gray; font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span>[close]</span></a></div>
<p><a style="font-weight: bold; color: red;" title="Pasang iklan gratis disini">Hati-Hati SCAME.!!</a><br />
<a style="font-style: italic; font-weight: bold; color: #000000;">Baca dan cermati terlebih dahulu isi iklannya, Semua iklan sepenuhnya tanggung jawab pemasang iklan</a>
<center>
<script src="http://adsensecamp.com/show/?id=yYabNzv01wg%3D&cid=1mKE6FR8OXo%3D&chan=KeR%2BxePRQMg%3D&type=1&title=006699&text=000000&background=DBF1FA&border=DBF1FA&url=2D6E89" type="text/javascript">
</script>
</center>

</p></div></div>

Catatan: Untuk tulisan yang berwarna orange bisa anda ganti dengan code script iklan yang anda punya atau yang anda inginkan..

* Selamat di coba gan..

Read More

Widget Animasi Untuk Blog

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka ditambahkan gambar animasi lucu di pojok blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs imsweet.
Contoh dan sciptnya bisa dilihat di bawah ini :

1.Gajah loncat

Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


2. Boring

Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


3.Tuyul ketawa

Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


4.Boneka joget

Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


5. Panda main bola

Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>


6. Tuyul baring

Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>


7. Panda biru

Script
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>


8. Panah

Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


9. Bunga



Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


10.Anjing laut

Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


11.Lumba-lumba

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


12.Kucing tidur


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


13.Kelinci

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


14.Dragon

Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


15.Ikan

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


16.Pinguin

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


17. Helikopter

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan - Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

6. Simpan dan lihat hasilnya,silahkan mencoba..

Read More

Cara Pasang Share Widget Twitter Dan Facebook Di Entri Blog

 

Mungkin anda pernah/sering lihat ada tombol/widget share Facebook dan Twitter di bagian atas sebuah artikel blog di mana pada kedua widget itu terlihat angka yang menunjukkan banyaknya link dari sebuah artikel/posting yang dishare oleh pengunjung blog.
Bila tertarik, anda juga bisa memasangnya dengan memasukkan kode tertentu pada template blog, sehingga pada setiap artikel secara otomatis akan terlihat berapa banyak link yang dishare pada kedua layanan online social networking tersebut (Twitter dan Facebook).
Berikut ini adalah tutorial cara pemasangannya di blog, khususnya Blogger/Blogspot.
*

Pilihan Kode Widget Share Twitter dan Facebook

Silahkan lihat-lihat dulu pilihan widget share yang disediakan oleh TweetMeme (untuk widget Twitter) dan widget share Facebook. Nanti kodenya akan ditempatkan pada template blog:

*Kode Widget Share Twitter (TweetMeme)

KODE-TWEETMEME-1 (kotak)

<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>

KODE-TWEETMEME-2 (memanjang)

<script type='text/javascript'> tweetmeme_style = 'compact'; </script> <script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>

*Kode Widget Share Facebook

KODE-FACEBOOK-1 (kotak)

<a title='Share on Facebook' name='fb_share' type='box_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.pa'></script>

KODE-FACEBOOK-2 (memanjang)

<a title='Share on Facebook' name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

Cara Memasang Kode Widget Share Pada Template Blogger - Login ke akun Blooger. - Klik “Layout”, lalu klik tab “Edit HTML”. - Klik “Expand Widget Templates”. - Cari kode ini: <p><data:post.body/></p> atau <data:post.body/> - Di atas kode tersebut, masukkan kode ini: <div style='float:right; margin:0 0 10px 10px; text-align:center;'> KODE-TWEETMEME <br /> <br /> KODE-FACEBOOK </div> - Ganti tulisan KODE-TWEETMEME dan KODE-FACEBOOK yg berwarna merah dengan kode widget TweetMeme dan Facebook pilihan anda (lihat Pilihan Kode Widget). - Klik tombol “PREVIEW” untuk mereview perubahan tampilan template. - Bila tampilannya sudah benar, silahkan klik “SAVE TEMPLATE”.

Read More