MP3 Player

Rabu  31 November  2012
Masuk Pukul    12.00   s/d   16.00  WIB

Cara Memasang widget MP3 Player di Blogspot

Posted by Widget and Tutorial at 8:42 AM

Pasti sudah biasa lihat di blog-blog ada widget MP3 Player. Bagi yang sudah profesional pasti hal ini sangatlah mudah ,, namun bagi pemula lain hal. Nah, kali ini admin akan share cara melatakkan atau memasang widget MP3 player ke dalam blog. Ok,, langsung aja :

- CARA 1 -

1) Buka dashboard --> Design --> Add gadgets --> pilih HTML / Javascript

2) Kunjungi situs ini untuk dapat kode URl Mp3nya --> Widget Index Mp3
3) Pilih lagu yang kalian suka.
4) Copy codenya dan pastekan di kotak HTML tadi.
5) Save dan Finis

Cara ini lebih ke flash mp3, jadi begitu blog dibuka musik akan langsung diaminkan dan tidak ada sendat2nya alias lancar. Kelemahannya ada beberapa lagu yang tidak bisa di pause. Jadi terpaksa nunggu samapi lagunya habis.

------------------------------------------------------------------------------------- CARA 2 -

1. Buka dashboard --> Design --> Add gadgets --> pilih HTML / Javascript
2. Kunjungi situs ini untuk dapat kode URl Mp3nya --> MiXPOD Mp3
3. Kalian harus sign up dulu baru bisa memakainya.
4. Setelah sign up,, kan kembali ke websitenya lagi tuh. Nah pada menu pilih 'Create Playlist'
5. Cari lagu yang kalian inginkan dalam kotak Search. Setelah ketemu, tekan tombol + untuk menambahkan ke playlist kalian. Lakukan pada lagu2 yang lain, jika kalian ingin memasukkan lebih dari 1 lagu.
6. Setelah selesai, Pilih ' Customize ' untuk mengatur backgroundnya. Pilih background sesuai selera.
7. Jika sudah, klik Save Playlist.
   • Pada Playlist title   : isikan nama mp3 kalian bebas.
   • Playlist description : gag usah diisi gpp
8. Lalu yang terakhir,, klik SAVE (get code)
9. Di situ ada banyak sekali pilihan Post Your Playlist. Kalian pilih Blogger.
10. Copy semua kodenya dan pastekan di kotak HTML.
11. Finish ^^

Cara ini lebih bagus menurutku. Karena kita bisa memilih lagu sesuai keinginan kita, dan lagunya bisa lebih dari satu. Selain itu juga bisa dipause. Namun sayangnya untuk pemutaran lagu yang pertam agak sendat-sendat,, tapi ntar setelah itu akan lancar. 

www.kebumenmedianet.com

galeri cinta

Bintang malam katakan padanya
Aku ingin melukis sinarmu di hatinya
Embun pagi sampaikan padanya
Biar ku dekap erat waktu dingin membelenggunya
Reff:
Tahukah engkau wahai langit
Aku ingin bertemu membelai wajahnya
Kan ku pasang hiasan angkasa yang terindah
Hanya untuk dirinya
Lagu rindu ini kuciptakan
Hanya untuk bidadari hatiku tercinta
Walau hanya nada sederhana
Ijinkan ku ungkap segenap rasa dan kerinduan

Saat ku mengenal arti dari sebuah cinta ....

saat ku mengenal arti dari sebuah rasa sayang .....

Saat ku memilih untuk tidak sendiri lagi ....

Aku mulai berharap ada cinta yang menyelamatkan ku dari buruk nya kehidupan ku di masa lalu.Kehidupan yang aku jalani sejak kecil memang tergolong sangat kacau,apalagi aku memang di lahirkan untuk melihat betapa hancurnya keluarga yang di bina oleh kedua orang tua ku.aku tidak bisa menyangkal,memang inilah akhir dari kebahagiaan keluarga yang di bina oleh kedua orang tua ku .

Semasa kecil aku hidup dengan kesederhanaan kasih sayang,perhatian maupun kesederhanaan harta.Semasa kecil memang aku selalu hidup dengan sedikit kasih sayang dari ke- orang tua ku ...

Aku menyadari memang sulit untuk memilih kehidupan yang mungkin sudah menjadi jalan takdir ku ....

Kini aku beranjak menjadi Dewasa dan pemikiran ku mulai berkembang dengan sendiri nya,Pemikiran dalam kehidupan maupun pemikiran dalam cinta.

Cinta memang indah dan tak bisa ku pungkiri jika ku merasakan nya,bahkan aku sampai kehilangan akal sehatku untuk menjalani sebuah hubungan cinta,Terkadang emosi,Terkadang Cemburu dan Terkadang Merasa dipermainkan oleh cinta ....

Cinta yang selalu aku jalani Terbilang sangat dan sering sekali menyakitkan,Cinta yang aku jalani memang tak pernah membuatku merasa nyaman dikala aku merasakan kesungguhan cinta ku.

Tapi aku hanya manusia yang diberikan perasaan,di berikan pikiran untuk memperpadu antara rasa dan pikiranku agar berjalan dengan normal..

Tapi apa Pikiran dan hatiku tak dapat aku satukan,Hati ku merasakn cinta,tapi pikiranku berfikir agar untuk tidak memulainya lagi dengan orang yang menyakiti ku ...

Tapi apalah daya ku,karena hati dapat mengalahkan segala nya,bahkan kondisi kesehatanku yang terbilang sangat stabil ....

Hari ini aku merasa bingung,aku merasa terbodohi oleh seorang wanita,aku merasa aku terkhinati oleh ia,tapi aku tak bisa memungkiri ku benar-benar mencintai nya ...

Jika ia membaca apa yang aku tuliskan di Galery cinta ku, aku hanya ingin berkata untuk hati nya " kenapa kau berikan cinta hanya untuk membuatku bosan dengan kata cinta"... " mengapa kau berikan kasih sayang jika kasih sayang itu hanya sepenggal dari hati yang kau miliki " ... " kenapa kau membohongi ku hanya untuk mendapatkan sebuah cinta yang pernah ada dalam diri mu "

Sekarang aku hanya dapat dan bisa terdiam,karena cinta yang kau berikan mungkin semu dalam hati mu ....

 dan mungkin ia cinta sejati mu,Bukan cinta sejati yang aku harapkan dari mu ....

www.kebumenmedianet.com

Teks yang Berputar Mengelilingi Cursor

 Selasa, 30 Oktober 2012
Masuk Pukul 08.00 s/d 12.00 WIB


Cara Membuat Teks yang Berputar Mengelilingi Cursor

•  Login ke blogger
•  Pilih tata letak kemudian Tambah Gadget
•  Pilih HTML/JavaScript
•  Masukan kode HTML berikut ini:

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Membuat Teks yang Berputar Mengelilingi Cursor'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}http://kurniasepta.blogspot.com/

}
cursor_text_circle();

</script>

•  Sebelum disimpan, ganti tulisan Membuat Teks yang Berputar Mengelilingi Cursor dengan teks/tulisan yang kita inginkan. Cara Membuat Teks yang Berputar Mengelilingi Cursor 

http://kurniasepta.blogspot.com/

www.kebumenmedianet.com

Cara Buat Widget Recent Post Animasi :

Senin, 29 Oktober 2012
Masuk Pukul 08..00 s/d 12.00


Cara Buat Widget Recent Post Animasi :


1.Sign In di http://www.blogger.com/
2.Pada Dashbor klik Design
3.Klik Add a Gadget dan HTML Java Script
4.Copy kode di bawah ini dan paste pada kolom yang tersedia
<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>

<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>

<ul id="rp_plus_img"><script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://bloggertutorialblog.blogspot.com/" target="_blank">Get this widget here</a></small>
5.Klik Simpan

www.kebumenmedianet.com

Link Berkelip di Sertai Kerlipan bintang

Kamis, 25 Oktober 2012
Masuk Pukul 12.00 s/d 16.00 WIB

Untuk memasang link berkelip dengan kerlipan bintang disekelilingnya ini sangat cocok untuk template blog dengan latar belakang yang gelap, kan bintang adanya di malam hari, jadi akan terlihat bersinar dan terang benderang di malam hari.

Cara membuat link berkelipan bintang di Blog :

1. Login ke Blogger
2. Pilih Template => Edit HTML
3. Cari kode </head> dan letakkan kode berikut ini diatasnya

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7FiXmxhGM0JX1bcJ2lssvpEpWcW6HbFm7e_NBxNlZvHgRUshys95vjp_8wj3CzwA3ky5X0jMUGjHtBVmbYTrqz891xV-It-JASuzluVYdvm-pyJ3AIyEINsJY4lfjDG-OP2etlj0lTo/s1600/str4.gif); }
</style>

atau gunakan yang dibawah ini:



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7FiXmxhGM0JX1bcJ2lssvpEpWcW6HbFm7e_NBxNlZvHgRUshys95vjp_8wj3CzwA3ky5X0jMUGjHtBVmbYTrqz891xV-It-JASuzluVYdvm-pyJ3AIyEINsJY4lfjDG-OP2etlj0lTo/s1600/str4.gif
cuma tukarkan tulisan merah pada diatas dengan url bagi kerlipan seperti diatas
#sesuai hanya untuk template berwarna gelap.

4. Selesai dan simpan

www.kebumenmedianet.com

Calendar Cuteki

Rabu, 24 Oktober 2012

Masuk Pukul 08.00 s/d 12.00 WIB

How to put calendar it on your Blor :

• Login blogger kamu
• Masuk ke Dashboard >> Design >> Page Element
• Add a gadget dan pilih HTML/JavaScript

•  · Buka terlebih dulu  calendar widget 
  
  

•  Pilihlah ukuran  calenadar widget (kLik and Geser agar Ukuran berubah)
  
  

•  Copy Code calendar widget (click "GET CODE ")

•  Paste code Blogmu pada Page code (in HTML View)

Berikut adalah link calendar koleksi saya silakan kunjungi dan pilih cal;endar yang cocok untuk blog/ webmu

http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=1

http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=2

http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=3

http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=4

www.kebumenmedianet.com

Galeri

KALENDAR

http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=1

http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=2

http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=3

http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=4

Click on image to preview animation and get the 

code for your blog/web site. Enjoy! :) 

                      

www.kebumenmedianet.com

Hari Ke_20 Prakerind

Selasa, 23 Oktober 2012
Masuk Pukul 08.00 s/d 12.00 WIB

Cara membuat Read More di Blogspot yang Sederhana dan Mudah

Hari Ke-19 Prakerind

Senin, 22 Oktober 2012

Masuk Pukul 08.00 s/d 12.00 WIB

Di Minggu ke 4 Ini saya masuk pukul 08.00 s/d 12.00. seperti biasanya sesampai di tempat prakerin saya langsung bersih-bersih dan selanjutnya mengisi blog dan mendesain blog.

 Mengganti favicon blogspot dengan gambar sendiri

1. Login blogspot >> Dashboard

2. Masuk ke Design >> edit HTML

3. Copy code dibawah ini

<link href='URL your image' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

dan pastekan dibawah kode  

<title><data:blog.pageTitle/></title> 

Sehingga bentuknya kan seperti ini

4. Ganti tulisan merah URL your image dengan kode URL icon kamu.

Kalau kamu ngambil iconnya dari internet, kamu tinggal klik kanan pada iconmu terus pilih "Copy Image URL" . Tapi kalau kamu buat sendiri, kamu harus upload dulu icon kamu.

5. Save Template.

Sekarang liat blog kamu, apakah sudah berhasil. Harusnya sih berhasil ^^

BAGIAN KEDUA

Sekarang kita setting favicon pada Page Halaman, kalau tadikan pada bagian Edit Halaman Sekarang kamu pindah ke bagian Page Halaman. Tujuannya agar saat kamu di follow blog lain, tampilan icon blog kamu tidak kembali lagi ke icon blogspot.

Ikuti langkah berikut yaa :

1. Masuk ke Design >> Page Halaman

2. Klik edit pada kotak favicon

3. Pilih choose file dan cari icon yang akan kamu upload.

Nah kalau ini, kamu harus download icon kamu dulu (kalau ngambil dari internet).

Kalau upload gagal dan ada tulisan "Not Square Image" atau "This file is too large. You can upload a file up to 100kb in size" ini berarti icon kamu harus diedit.

Baca ketentuannya dibagian atas :

Please use a square image that's less than 100 KB.

Ini artinya bahwa icon yang kamu upload harus berbentuk PERSEGI (Square) bukan yang lain dan ukurannya harus kurang dari 100 KB.

So, edit icon kamu. Gunakan photoshop saja. Buat agar panjang dan lebarnya saja.

Kalau masih bingung mengubah ukurannya, begini caranya :

• Buka icon kamu di Adobe photoshop
• Pilih menu Image >> Image size
• Hilangkan tanda centang di kotak  Constrain Proportions
• Ganti Width dan Height pada bagian Pixel Dimensions dengan ukuran yang sama.
• Klik OK 
• Save icon kamu

4. Kalau icon kamu muncul dan tidak ada tulisan seperti diatas berarti berhasil. 

Sekarang icon blog kamu sudah 100% berganti dengan icon kamu :)

www.kebumenmedianet.com