Menyembunyikan Musik player di blog

Menyembunyikan Musik player di blog

Pada postingan sebelumnya saya sudah menjelaskan bagaimana cara memasang dan menambah backround musik di blog. Nah sekarang saya akan menjelaskan bagamana cara menyembunyikan tampilan player musik tersebut sebagaimana pertanyaan seorang teman.

sebenarnya ada 2 pertanyaan yang di ajukan teman kepada saya yaitu

1.merubah tampilan player musik
2.dan bagaimana cara menyembunyikan tampilan player musik tersebut

oke. saya akan menjelaskanya satu persatu

sebenarnya kedua cara tersebut sangatlah mudah. bila andra ingin merubah tampilan player musik tersebut
seperti pada blog Andrastorm Skateboarding Site anda tinggal merubah ukuran dan warna dalam code tersebut.

lihatlah baik - baik code di bawah ini

<embed wmode=\'transparent\' src='http://www.indowebster.com/mediaplayer.swf' FlashVars='file=http://www42.indowebster.com/13ad4d24859b083484811bc4ef3dc049.mp3&frontcolor=0xffffff&backcolor=0x0066ff&lightcolor=0xffffff&logo=http://www.indowebster.com/images/idws.png&autostart=false&usefullscreen=false&showeq=true' width='480' height='70' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' menu='false' allowfullscreen='false'><br /></embed>

yang berwarna merah adalah ukuran dari player tersebut dan yang berwarna biru adalah code warnanya. Anda tinggal merubah dan menyesuaikanya sesuai dengan yang anda harapkan

misalkan anda ingin tampilanya seperti ini




maka code yang semula seperti code di atas akan menjadi seperti ini

<embed wmode=\'transparent\' src='http://www.indowebster.com/mediaplayer.swf' FlashVars='file=http://www42.indowebster.com/13ad4d24859b083484811bc4ef3dc049.mp3&frontcolor=0x0066ff&backcolor=0xffffff&lightcolor=0xffffff&autostart=false&usefullscreen=false&showeq=true' width='160' height='60' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' menu='false' allowfullscreen='false'><br /></embed>

Lihatlah dan bandingkan pada code yang berwarna merah (Ukuran) yang telah di ubah. dan lihat pula code berwarna biru (warna player) yang telah di ubah code warnanya. cukup detail dan jelas kan.

nah sekarang saya menjawab pertanyaan yang kedua yaitu menyembunyikan player musik tersebut
dan cara yang kedua ini sagatlah mudah. anda tinggal mengganti code ukuran dari code tersebut dengan "0".
saya kasih sedikit gambaran

<embed wmode=\'transparent\' src='http://www.indowebster.com/mediaplayer.swf' FlashVars='file=http://www42.indowebster.com/13ad4d24859b083484811bc4ef3dc049.mp3&frontcolor=0x0066ff&backcolor=0xffffff&lightcolor=0xffffff&autostart=false&usefullscreen=false&showeq=true' width='160' height='60' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' menu='false' allowfullscreen='false'><br /></embed>

gantilah code yang berwarna merah di bawah dengan '0'.

sekarang sudah mengerti kan kenapa musik tersebut tidak nampak. ya karna ukuranya '0'(nol).

selamat mencoba dan semoga bermanfaat.

Menambah backround musik di blog

Beberapa hari yang lalu seorang teman menanyakan kepada saya bagaimana cara memasang atau menambah backround musik di blog. Pada postingan saya sebelumnya saya pernah menjelaskan tentang bagaimana cara pasang musik di Friendster dan cara itu hampir sama dengan cara memasang musik di blog. Tapi saya akan menjelaskan lagi caranya bagaimana memasang musik di blog, seperti yang saya gunakan pula pada blog saya yang ini.

ada banyak cara untuk memasang musik di blog. namun dari banyak cara tersebut saya akan menjelaskan dengan cara yang paling sederhana.

Langkah ke 1
Buatlah acount di indowebster.com
mengapa harus membuat acount..??? itu saya maksudkan agar anda bisa meng uploud musik anda sendiri

Langkah ke 2
setelah anda melakukan langkah ke 1 dan telah terdaftar di link tersebut pilihlah atau cari musik yang anda inginkan
atau bahkan anda bisa memasukan lagu pavorit anda dengan cara meng uploud nya sendiri

langkah ke 3
selesai anda mencari lagu dan mendapatkan lagu yang anda inginkan lihatlah sedikit ke bawah
dan temukan EMBED Codenya

Contoh codenya seperti ini :

<embed wmode=\'transparent\' src='http://www.indowebster.com/mediaplayer.swf' FlashVars='file=http://www42.indowebster.com/13ad4d24859b083484811bc4ef3dc049.mp3&frontcolor=0xffffff&backcolor=0x0066ff&lightcolor=0xffffff&logo=http://www.indowebster.com/images/idws.png&autostart=false&usefullscreen=false&showeq=true' width='480' height='70' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' menu='false' allowfullscreen='false'><br /></embed>

Langkah ke 4
buatlah element baru di blog anda dengan HTML/JAVASCRIPT dan copy paste code embed teresebut
ke dalamnya.

editlah panjang dan tinggi nya sesuai dengan keinginan anda.

gantilah code autostart=false dengan autostart=true bila ingin musik langsung play otomatis
tambahkan code &repeat=true bila anda ingin musik play kembali setelah habis.

saya kasih sedikit contoh yang telah di tambahkan code di atas. dan lihat penempatan codenya.

<embed wmode=\'transparent\' src='http://www.indowebster.com/mediaplayer.swf' FlashVars='file=http://www42.indowebster.com/13ad4d24859b083484811bc4ef3dc049.mp3&frontcolor=0xffffff&backcolor=0x0066ff&lightcolor=0xffffff&logo=http://www.indowebster.com/images/idws.png&autostart=true&repeat=true&usefullscreen=false&showeq=true' width='480' height='70' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' menu='false' allowfullscreen='false'><br /></embed>

langkah ke 5
dan kangkah terakhir ini adalah langkah pavorit saya. klik Save bila sudah selesai mengedit.
dan lihat hasilnya.

Selamat mencoba dan semoga bermanfaat.

Cara aman mengganti template blog bagi pemula

Banyak permaslahan dalam menggati template diantaranya error dan hilangnya gedget yang telah terpasang. banyak cara pula tutorial bagaimana cara yang aman mengganti template. namun banyak pula diantaranya para pemula yang di buat bingung dengan cara tersebut. mungkin saya juga adalah seorang pemula, namun semoga cara ini dapat bermanfaat.

pertama membuat blog saya tidak mengerti mengapa saat ganti template gedget saya hilang. butuh waktu lebih untuk memasukan gedget yang amat penting tersebut ke dalam blog lagi. namun dengan berjalanya waktu bila saya hendak mengganti template, saya
selalu melakukan cara ini. memang sedikir rumit dan ribet. Namun menurut saya cara ini sangat mudah di mengerti, apalagi bagi para pemula.

langsung aja saya jelaskan caranya :

sebelum anda mengganti template lakukanlah langkah - langkah seperti ini

1. ☺ bukalah satu persatu gedget anda dan copy - pastekan kedalam notepad
2. ☺ berikan judul yang spesifik pada setiap gedget anda pastekan ke dalam notepad, hal ini dimaksudkan agar anda tidak pusing dengan gedget yang telah tercampur.
3. ☺ setelah dua langkah tersebut anda lakukan barulah anda ganti template anda dengan yang baru.
4. ☺ setelah template benar - benar anda ganti. bukalah kembali code gedget yang telah anda backup kedalam notepad.
5. ☺ masukanlah code gedget tersebut satu persatu sesuai dengan judul yang telah anda buat.
6. ☺ jangan lupa menyesuaikan ukuran, posisi,dan warna gedget lama anda dengan template yang baru.
7. ☺ setelah semua selesai jangan lupa klik save.

selamat mencoba dan semoga tutorial ini dapat bermanfaat.

Membuat Slide headlines menyerupai template Zinmag Primus

Waktu yang lalu seorang teman blogger menanyakan kepada saya bagaimana caranya membuat Sliding Headlines yang nampak pada template blog ini sebelumnya.nah sekarang saya akan menjelaskan bagaimana membuat sliding headlines menhyerupai template zinmag primus.
tanpa basa - basi lagi langsung aja saya jelaskan caranya...

Pertama - tama login ke blogger
klik layout - edit html

Langkah ke 1
cari code yang serti ini ]]></b:skin>
agar lebih mudah tekan control+F untuk mencari code
setelah anda menemukan code seperti itu copy code di bawah ini lalu paste persis di bawah code ]]></b:skin>
ini codenya :

#slider {
background:#101010;
height: 153px;
text-align:center;
overflow: hidden;
position: relative;
margin: -5px 0px;
}

#mover {
width: 600;
position:absolute;
overflow:hidden;
}

.slide {
padding: 15px 0px;
width: 1000px;
float: left;
position: relative;
height:130px;
}

.slide h2 {
font-family:Georgia, Helvetica, Sans-Serif;
font-size: 18px;
font-weight:bold;
text-align:left;
color: #FFFF00;
padding:0px 0px 0px 0px;
margin:0px 0px;
width:440px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#E1771E;
background-color: transparent;
}

.slide h2 a:hover {
color: #ff0000;
background-color: transparent;
}

span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 200px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #FFFFFF;
font-size: 12px;
text-align:left;
font-family: Georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 440px;
padding:0px 0px 0px 0px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 225px;
background:;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 1000px;
right: -125px;
color: #FF0000;
padding: 3px 8px;
font-size: 14px;
font-weight:bold;
text-transform: uppercase;
z-index: 1000;
}

Sesuaikan lah ukuranya dengan template anda

Langkah ke 2
Copy code di bawah ini lalu paste persis di atas code </head>
ini codenya :

<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type='text/javascript'><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

Sejauh ini selesai. klik SAVE

Langah ke 3

klik PAGE ELEMENT lalu buat element baru dengan HTML/JAVASCRIPT.
copy code di bawah ini dan pastekan ke dalam elemen tersebut.
ini codenya :

<!-- Casing -->
<div id="casing">
<!-- Slider -->
<div id="slider">
<div id="mover">
<div class="slide">
<h2><a href="http://forantum.blogspot.com/">JUDUL DEMO SLIDE</a></h2>
<p>isi artikel disini</p>
<img src=""/>
</div>
<div class="slide">
<h2><a href="http://forantum.blogspot.com/">JUDUL DEMO SLIDE</a></h2>
<p>isi artikel disini</p>
<img src=""/>
</div>
<div class="slide">
<h2><a href="http://forantum.blogspot.com/">JUDUL DEMO SLIDE</a></h2>
<p>isi artikel disini</p>
<img src=""/>
</div>
<div class="slide">
<h2><a href="http://forantum.blogspot.com/">JUDUL DEMO SLIDE</a></h2>
<p>isi artikel disini</p>
<img src=""/>
</div>
<div class="slide">
<h2><a href="http://forantum.blogspot.com/">JUDUL DEMO SLIDE</a></h2>
<p>isi artikel disini</p>
<img src=""/>
</div>
</div>
<!-- /Mover -->
</div>
<!-- /Slider -->
<div class="clear"/></div></div>

Edit lah ULR dan judulnya.
Bila sudah selesai jangan lupa klik save.

Selamat mencoba...

Ragam code marquee

Dibawah ini adalah beberapa code marquee dan code perintahnya.
Diantaranya:

ANDRASTORM
maka codenya :
<marquee>TEXT</marquee>


ANDRASTORM
codenya :
<marquee direction="right">TEXT</marquee>

TEXT
codenya :
<marquee behavior="alternate">TEXT</marquee>

TEXT
Codenya :
<marquee direction="up">TEXT</marquee>

TEXT
Codenya :
<marquee direction="down">TEXT</marquee>

TEXT
Codenya :
<marquee direction="up" behavior="alternate">TEXT</marquee>

TEXT
Codenya :
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>

TEXT
Codenya :
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>

>>TEXT<<
Codenya :
<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate" width="10%"><<</marquee>

>>TEXT<<
Codenya :
<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate" width="10%"><<</marquee>

TEXT
Codenya :
<font color="#FFFFFF"><marquee direction="left" style="background:BLUE">TEXT</marquee></font>

TEXT
Codenya :
<marquee style="border:BLUE 2px SOLID">TEXT</marquee>

3| | |TEXT| | |4/
Codenya :
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>TEXT<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>/

4| | |TEXT| | |3
Codenya :
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>TEXT<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE>

TEXT
Codenya :
<marquee behavior="alternate"><marquee width="150">TEXT</marquee></marquee>

TEXT
TEXT
Codenya :
<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>TEXT<br>TEXT</center></marquee>

Code By : http://www.myspace-codes.com/

Domain Gratis dari Co.cc

Pernahkah kamu terpikir untuk memiliki domain sendiri untuk situs kamu sendiri. Domain yang keren dan simple membuat web atau blog kamu mempunyai nilai lebih, mudah dicari, diingat, ya itu diluar kualitas web ataupun blog itu sendiri.

Namun mempunyai nama atau domain yang simple dan keren itu tak bisa cuma - cuma kita dapatkan. semisal andra.com, nama itu harus kita beli dari penyedia domain. Untuk sebagian Orang ataupun kelompok membeli sebuah domain sesuai dengan keinginanya itu bukan hal yang sulit. namun bagaimana bagi orang - orang yang masih diberatkan untuk membeli domain karna masalah uang dan lain - lain, mungkin itu menjadi sebuah kendala.

Nah bagi kamu yang ingin memiliki nama atau domain sesuai dengan keinginan kamu dan gratis pula, ada nih penyedia domain gratis dari Co.Cc. kamu bisa memiliki domain misalnya Namamu.co.cc . keren kan.

Bagi yang tertarik dan memiliki domain itu, kamu bisa mengecek nama yang kamu inginkan dibawah ini

Atau bagi yang mau mendaftar langsung. klik aja disini.

cukup gampang kan. dan yang keren lagi semua itu bisa kamu dapatkan dengan cuma - cuma atau gratis.

Selamat mencoba nama domain mu.

Asyiknya Berbisnis di Internet

Kini beragam bisnis telah banyak kita jumpai dimana – mana. Mulai dari bisnis jasa, perdagangan, dll. Namun buat saya yang lebih menyenangkan bagi saya adalah berbisnis di internet. Karna dengan itu saya mendapatkan banyak penghasilan. Selain dapat penghasilan disitu pula saya bias dapat mendapatkan banyak ilmu yang bias saya timba.

Namun kebanyakan saya berbisnis ya lewat blogging ini. Bagi kamu – kamu yang gemar berposting atau memang anda blogger sejati terus anda mencari chenel untuk berbisnis, ini adalah beberapa chenel nya. Diantaranya :

Dari google adsense ini kita bisa mendapatkan penghasilan yang lumayan lebih besar di banding dengan ads serupa yang lainya.bila tertarik klik aja. namun indonesia juga tak mau kalah. di Indonesia pun banyak ads serupa yang dapat menghasilkan uang. beberapa diantaranya :

Kumpul Blogger



AdsenseCamp

Dan masih banyak lagi yang lainya. namun bila kamu tertarik dan ingin mencobanya, kamu bisa cari di bawah ini.

Kumpulan Chanel Bisnis
di Internet

Jangan ragu Untuk mencoba dan selamat mencoba.