Cristiano Ronaldo Dapat Sanjungan Dari Legenda Madrid, Figo

Luis Figo memberikan suasana lain di Camp latihan Real Madrid kemarin, ia terlihat membaur dengan akrab dengan para pemain dan juga staff Madrid disana. Suasana rilex dan nyaman juga tercermin jelas ketika sang legenda memberikan wejangan dan juga ceramah kepada para pemain bintang El Real.

Raul Akan Bermain Di Liga Qatar

Klub asal Qatar, Al Saad telah mengkonfirmasi bahwa mereka akan mendatangkan mantan penyerang timnas Spanyol, Raul pada awal musim depan.

Juventus juara tanpa cela

Juventus menjuarai Serie A musim 2011/2012 tanpa pernah mengalami kekalahan sekali pun. Dari 38 partai, Bianconeri menang 23 kali dan imbang di 15 laga.

SiapaKah Yang Mendapat Sepatu Emas Di Liga Eropa

CR 7 Dan Lionel Messi. Dua orang itu adalah mesin goal dua club besar spanyol. siapakah yang akan mendapatkan Sepatu emas Tahun ini.

Gaya Rambut Justin

Baru-baru ini beredar rumor yang menyebutkan bahwa Rihanna akan mengajak Chris Brown kolaborasi untuk menyanyikan single baru milik Rihanna. Rencananya, Rhanna akan merilis lagu ini pada tanggal 20 Februari 2011 bertepatan dengan hari ulang tahunnya.

Jumat, Juni 17, 2011

Pasang Note pad di blog



Notepad adalah sebuah program yang digunakan untuk membuat file text, biasanya sering kita jumpai pada aplikasi komputer,
Dalam kesempatan kali ini saya akan berbagi ilmu tentang cara menampilkan notepad di blog, sebagai contoh.
Silahkan klik tombol dibawah ini :









Dalam notepad tersebut anda dapat menyimpan potongan teks yang anda ingin simpan..
Anda juga dapat Memindahkan/Drag notepad tersebut sesuai dengan lokasi keinginan anda.

Jika berminat anda dapat menambahkan ini di gadget blog anda..


Copy Paste script kode dibawah ini :

<style>
.notepad{
border:1px solid gray;
background:#CC9966;
box-shadow: 0 0 12px #818181;
-webkit-box-shadow: 0 0 12px #818181;
-moz-box-shadow: 0 0 12px #818181;
width:280px;
padding:7px 10px;
position:absolute;
cursor:pointer;
}

.notepad h3{
margin:5px 0;
}

.notepad .close{
float:right;
font-weight:bold;
text-align:center;
display:block;

}

.notepad form{
margin:0;
padding:0;
}

.notepad form fieldset{
margin-top:1em;
}

.notepad form legend{
font-weight:bold;
}

.notepad form input[type=text]{
width:98%;
}

.notepad form textarea{
width:98%;
height:150px;
}

.notepad form a.control{
text-decoration: none;
padding: 2px 20px;
text-align:center;
margin:5px 0;
display:block;
margin-top:5px;
font:bold 13px Verdana;
border: 1px solid #778;
color: white;
border:1px solid gray;
background: green;
border-radius: 8px;
box-shadow: 3px 3px 4px rgba(0,0,0,.5);
-moz-border-radius: 8px;
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690);
-webkit-border-radius: 8px;
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690));
}

.notepad form a.delete{
background: darkred;
background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d);
background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #e55e3f), color-stop(45%, #d02700), color-stop(85%, #e55e3f), to(#f5795d));
}

.notepad:before{ /*top left tape effect*/
content: '';
position:absolute;
width: 120px;
height: 25px;
border-left: 1px dashed rgba(0, 0, 0, 0.1);
border-right: 1px dashed rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.1);
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
-webkit-transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
-moz-transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
-o-transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
-ms-transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">
</script>

<script src="http://wwwkikiyococc.googlecode.com/files/html5notepad.js">
/* Original script from www.dynamicdrive.com */

/* Modifikasi By www.kikiyo.co.cc */
</script>
<script>
jQuery(function($){
notepad.loadpad('mynotepad1')
</script>

<a href="javascript:notepad.loadpad('mynotepad2')"><input type="button" value="Notepad" />
</a>

Teks Gaya seperti lampu Neon





Teks gaya neon adalah teks yang berwarna warni seperti lampu neon...

Jangan sampai ketinggalan dengan yang satu ini agar tampilan blog anda menjadi lebih indah...

Teks ini cocok di gunakan untuk anda karena kita dapat merubah jenis warna yang anda suka...

Oke... jika masih penasaran  Klik Disini  Untuk melihat contohnya.




Copy Paste script kode nya di bawah ini :



<h1>

<script language="JavaScript1.2">

//Visit http://www.kikiyo.co.cc for this script

//ganti Teks anda di bawah ini :

var message="Welcome To Www.kikiyo.co.cc"

//Ganti warna Teks di bawah ini sesuai keinginan anda

var neonbasecolor="blue"

var neontextcolor="Yellow"

var neontextcolor2="#33CC99"

var flashspeed=100

var flashingletters=3

var flashingletters2=1

var flashpause=0


///http://www.kikiyo.co.cc/////


var n=0

if (document.all||document.getElementById){

document.write('<font color="'+neonbasecolor+'">')

for (m=0;m<message.length;m++)

document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')

document.write('</font>')

}

else

document.write(message)


function crossref(number){

var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)

return crossobj

}


function neon(){


//http://www.kikiyo.co.cc

if (n==0){

for (m=0;m<message.length;m++)

crossref(m).style.color=neonbasecolor

}


//http://www.kikiyo.co.cc

crossref(n).style.color=neontextcolor


if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2

if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


if (n<message.length-1)

n++

else{

n=0

clearInterval(flashing)

setTimeout("beginneon()",flashpause)

return

}

}

//http://www.kikiyo.co.cc

function beginneon(){

if (document.all||document.getElementById)

flashing=setInterval("neon()",flashspeed)

}

beginneon()


</script>

</h1>

Pasang Kupu-kupu dan Kelelawar terbang di blog




Jika kita melihat tampilan blog yang di dalam nya terdapat  Kupu-kupu dan kelelawar sepertinya terlihat natural kita serasa di taman bunga saja,, blog seperti rumah kita sendiri yang harus di hias dan di buat semenarik mungkin agar jika tamu datang mereka akan merasa betah dan senang untuk berkunjung lagi..
Sebagai contoh lihatlah kupu-kupu terbang di blog ini
Oke... langsung aja ke pokok permasalahan...
disini terdapat 2 script kode yaitu script kode Kupu-kupu Terbang dan script kode Kelelawar terbang,,
Pilih salah satu script kode dibawah ini



Script kode Untuk Kelelawar Terbang :


<script src="http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kelelawar.js" type="text/javascript"></script>


Script kode Untuk Kupu - Kupu Terbang :


<script src="http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kupu2.js" type="text/javascript"></script>



Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan

Jika anda ingin menampilkan kode javascript sendiri agar terlihat seperti profesional dengan tampilan kode javascript milik anda,
Silahkan anda copy paste kode di bawah ini pastekan di notepad  lalu save dengan nama misalnya Kelelawar.js  lalu anda simpan di hosting penyimpanan seperti code.google.com


var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='http://lh5.ggpht.com/_VyCMMkwhjoA/S6huV69lCNI/AAAAAAAAAGI/T4OB78CyT_E/s128/butterfly2.gif';
floatimages[1]='http://lh5.ggpht.com/_VyCMMkwhjoA/S6huV69lCNI/AAAAAAAAAGI/T4OB78CyT_E/s128/butterfly2.gif';

//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);

function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}

function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}

Membuat Buku Tamu Buka Tutup Di Samping Kanan Blog


Seperti yang tertera dijudul, kali ini saya akan menjelaskan bagaimana cara membuat buku tamu yang berada disamping blog yang dapat dibuka tutup, seperti apa sich buku tamu itu, lebih jelasnya lihatlah disamping kanan blog saya coba anda klik maka akan keluar buku tamu nya? Sudah jelas sekarang..
Sebagai tambahan, ini tidak hanya untuk buku tamu saja, anda juga dapat menggantinya dengan yang lain seperti gambar,Profile anda atau lainnya yang anda ingin tampilkan,,
Ya udah, kayaknya udah jelas nieh…
Oke langsung aja ke proses pembuatannya..!!!


Langkah 1
Copy Paste Script Kode Dibawah Ini :



<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

[MASUKAN SCRIPT KODE BUKU TAMU ANDA DISINI]

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://www.kikiyo.co.cc/2010/05/membuat-buku-tamu-buka-tutup-di-samping.html">
sini
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


Lalu cari tulisan [Masukan Script Kode Buku Tamu Anda Disini] di script kode tadi.
Hapus tulisan itu Lalu Ganti dengan Script kode Buku Tamu anda
Langkah 2
1. Login di blogger dengan ID anda
2. Klik menu tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadged
5. Klik HTML/JavaScript
6. Lalu Copy paste kodenya
7. Setelah itu klik Simpan
8. Dan Lihat Hasilnya

Semoga Sukses….!!!

Menu Up And Down





Menu ini naik turun ini sangat unik sekali karena setiap kita mengarahkan cursor mouse maka menu ini akan bergerak naik turun sesuai dengan gambar yang akan anda pilih,
Menu ini sangat unik dan cocok untuk semua tampilan di blog anda...
Anda juga dapat menentukan menu link ini...
Ayo... Jangan Sampai ketinggalan untuk mencoba menu ini....

Klik Disini....  Untuk Melihat Contoh nya





Copy Paste script kodenya di bawah ini :




<script src="http://kiki-efendi.googlecode.com/files/jquery-1.3.1.min.js" type="text/javascript">
</script>
<script src="http://kiki-efendi.googlecode.com/files/jquery.easing.1.3.js" type="text/javascript">
</script>
<script>

$(document).ready(function () {


var top_val = $('#menu li a').css('top');


$('#menu li.selected').children('a').stop().animate({top:0}, {easing: 'easeOutQuad', duration:500});

$('#menu li').hover(
function () {


$(this).children('a').stop().animate({top:0}, {easing: 'easeOutQuad', duration:500});
},
function () {


$(this).children('a').stop().animate({top:top_val}, {easing: 'easeOutQuad', duration:500});

//By www.kikiyo.co.cc
$('#menu li.selected').children('a').stop().animate({top:0}, {easing: 'easeOutQuad', duration:500});
}
);

});


</script>

<style>


#menu {
list-style:none;
padding:0;
margin:0 auto;;
height:70px;
width:600px;
}

#menu li {
float:left;
width:109px;
height:inherit;
position:relative;
overflow:hidden;
}

#menu li a {
position:absolute;
top:20px;
text-indent:-999em;
background:url(http://lh3.ggpht.com/_VyCMMkwhjoA/TF7b3tW6WFI/AAAAAAAAAmY/nGZNuniAreg/menu.png) no-repeat 0 0;
display:block;
width:109px;
height:inherit;

/* fast png fix for ie6 */
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}


</style>

<ul id="menu">
<li><a href="http://www.kikiyo.co.cc/2010/07/generator-jam-dinding.html">Item 1</a></li>
<li><a href="http://www.kikiyo.co.cc/2010/07/generator-kertas-cinta.html">Item 2</a></li>
<li class="selected"><a href="http://www.kikiyo.co.cc/2010/07/generator-teks-animasi.html">Item 3</a></li>
<li><a href="http://www.kikiyo.co.cc/2010/07/generator-teks-lcd.html">Item 4</a></li>
<li><a href="http://www.kikiyo.co.cc/2010/08/generator-funny-animals.html">Item 5</a></li>
</ul>


Ket :
- Tulisan Berwarna Kuning Dapat Anda Ganti Dengan Alamat Link URL anda
- Tulisan Berwarna Merah Dapat Anda Ganti dengan Alamat URL Ganbar yang anda Suka

Membuat alamat Judul blog berjalan


Cara Membuat alamat Judul blog berjalan

Pasti nya teman-teman ingin melihat Blognya terlihat indah, harus teman-teman ketahui blog adalah seperti rumah kita sendiri jadi harus kita buat seindah dan menarik,, ya udah lah gak usah panjang lebar lagi,, Sebagai contoh lihat lah di blog saya? Apa anda tertarik,,!!!
Jika teman-teman ingin mencoba, seperti biasanya tinggal masuk ke halaman Dashbord - Tata letak - Edit HTML
Cari kode di bawah ini



Hapus kode tersebut, lalu ganti dengan kode di bawah ini….



Semoga Berhasil ya, jangan lupa beri komentar

Membuat Gallery Slideshow Dengan Javascript



Sudah lama jg saya tidak pernah membuka blog ini lagi, mungkin karena saya terlalu sibuk dengan pembuatan web dinamis, ah... kayaknya terlalu membahas masalah pribadi,, heee,,, kali ini saya akan menjelaskan tentang cara pembuatan Gallery Slideshow Dengan Javascript,

Oke.. untuk melihat contohnya silahkan klik disini 
Langsung saja ke proses pembuatan




Langkah Pembuatan :

1. Masuk Ke akun Blogger Anda
2. Klik Rancangan Pilih Edit Html
3. Cari Kode </head>
4. Lalu Copy Paste Kode Dibawah Ini Dan Letakan  Tepat diatas kode  </head>


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

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function() {


slideShow(3000);

});

function slideShow(speed) {



$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Script by www.kikiyo.co.cc
$('ul.slideshow li').css({opacity: 0.0});


$('ul.slideshow li:first').css({opacity: 1.0});


$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));

//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});


var timer = setInterval('gallery()',speed);


$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);

}

function gallery() {



var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));


var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));


var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');


next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);


$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});

current.animate({opacity: 0.0}, 1000).removeClass('show');

}

//]]>
</script>

<style type='text/css'>
ul.slideshow {
list-style:none;
width:800px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:800px;
height:240px;
border:none;
}
#slideshow-caption {
width:800px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>


ket : Angka yang berwarna biru adalah ukuran permanen gambar, anda dapat menggantinya sesuai dengan ukuran tata letak web anda.

5. Klik Save
6. Selanjutnya klik Rancangan klik Tambah Gadget
7. Pilih HTML/Javascript lalu masukan script kode dibawah ini


<center>
<ul class="slideshow">

<li><a href="#"><img src="http://3.bp.blogspot.com/_4HKUHirY_2U/TEVd7gbRVeI/AAAAAAAABGc/J-aSBfN0rhw/s1600/1.jpg" title="Gambar Slideshow 1" alt="Penjelasan Artikel Pada Gambar 1" /></a></li>

<li><a href="#"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TEVd7zgT63I/AAAAAAAABGk/9vJ6VYTYGWM/s1600/2.jpg" title="Gambar Slideshow 2" alt="Penjelasan Artikel Pada Gambar 2" /></a></li>

<li><a href="#"><img src="http://4.bp.blogspot.com/_4HKUHirY_2U/TEVd8JKsDaI/AAAAAAAABGs/vzECCT1mDws/s1600/3.jpg" title="Gambar Slideshow 3" alt="Penjelasan Artikel Pada Gambar 3" /></a></li>

<li><a href="#"><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/TEVd8VPgRRI/AAAAAAAABG0/O4yhLEWG5UU/s1600/4.jpg" title="Gambar Slideshow 4" alt="Penjelasan Artikel Pada Gambar 4" /></a></li>

</ul>
<center/></center></center>


Huruf yang berwarna merah dapat anda ganti dengan alamat URL gambar anda
Huruf yang berwarna biru dapat anda ganti sesuai keterangan gambar

8. Klik Save
9. Dan Lihat hasilnya

Menu Teks Slide II



Artikel Sebelumnya saya telah menerangkan tentang pembuatan Menu teks slide,
Menu ini cocok untuk menampilkan iklan - iklan atau promosi tentang artikel di blog anda..
 
Jika anda mempunyai sebuah artikel atau iklan yang akan anda tampilkan dalam satu kotak, anda tidak perlu repot untuk membuatnya karena menu klip teks II secara otomatis akan merubah tampilan teks secara bergantian.

KLIK DISINI  untuk melihat contoh Menu Teks Slide II.......
Apakah anda tertarik untuk memasang nya diblog anda? Oke.. Langsung saja ikuti tutorial dibawah ini.



Copy Paste Script Kodenya Dibawah Ini :


<script type="text/javascript">

/***********************************************
* Www.kikiyo.co.cc
***********************************************/

var delay = 2000;
var maxsteps=30;
var stepdelay=40;
var startcolor= new Array(255,255,255);
var endcolor=new Array(0,0,0);

var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<b>Iklan murah?</b><br>Cara tercepat untuk menghasilkan uang <br>Dengan melalui iklan online. <a href='http://www.kikiyo.co.cc/' target='_blank'>Klik disini</a> untuk mengunjunginya ";
fcontent[1]="Anda dapat dengan mudah mempromosikan website, produk, dan layanan milik orang lain dengan proses cepat dan biaya murah.";
fcontent[2]="Ok, untuk informasi lebih lengkap, tentang pemasangan iklan online anda dapat mengununjungi kami <a href='http://www.kikiyo.co.cc/' target='_blank'>disini</a>";
closetag='</div>';

var fwidth='150px'; //ukuran lebar
var fheight='150px'; //ukuran tinggi

var fadelinks=1;

///No need to edit below this line/////////////////


var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;


/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
index++
}

// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com

function linkcolorchange(step){
var obj=document.getElementById("fscroller").getElementsByTagName("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color=getstepcolor(step);
}
}

/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById("fscroller").style.color=getstepcolor(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout("colorfade("+step+")",stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
setTimeout("changecontent()", delay);

}
}

/*Rafael Raposo's new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor[i]-endcolor[i]);
if(diff > 0) {
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
} else {
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+'"></div>');

if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent

</script>

Buat Situs Pertemanan sendiri


Sekarang ini banyak situs jejaring sosial / situs pertemanan yang bermunculan,, dan semuanya hanya dapat kita gunakan sebagai members saja, sekarang saatnya kita mulai berfikir bagaimana cara nya kita menjadi admin/operator dalam situs pertemanan yang kita buat...
Sebagai contoh lihatlah situs pertemanan Xi2face yang saya buat Klik disini untuk melihatnya..
Disana Banyak fitur-fitur menarik yang dan masih banyak lagi dapat kita gunakan seperti game, chatting, update status, tombol suka, feed berita, dan masih banyak lagi....
Saatnya kita berkreasi..............!!!!
contoh gambar


 
 







Tertarik untuk mencobanya klik link ini untuk mendownload file nya...
Atau jika anda bingung membuatnya langsung hubungi saya...

Tips Dan Trik Memperbaiki Komputer


Cara Memperbaiki Motherboard
Motherboard atau Mainboard adalah board/ papan utama tempat komponen-komponen utama seperti microprocessor dan memory (RAM, ROM, BIOS) beserta chip kontroler lainnya. Terdapat juga SLOT Ekspansi yaitu tempat untuk memasang card-card tambahan yang berfungsi untuk meningkatkan fasilitas dan kemampuan yang dibutuhkan. Microprossor terpasang pada soket / slot yang sesuai dengan bentuk dan ukuran microprocessor tersebut, seperti soket 370, 470, soket LGA 775, soket A 462 (AMD), soket slot I (Pentium 2 dan 3). Di dalam motherboard, microprocessor berkomunikasi dengan komponen yang lain melalui suatu bus atau jalur data. Bus ini telah berkembang dari bus 66, 100, 133, 200, 266, 333, 400, 500, 800 MHz. Perkembangan ini untuk mengimbangi kerja microprocessor yang semakin cepat. Slot ekspansipun mengalami perkembangan. Tabel diagram motherboard biasanya telah disertakan pada saat anda membeli CPU/ Mainboard.

Mati Total

Periksa power supply: Dalam keadaan kabel power di lepas dari power supply, lepaskan socket kabel Atx1 yang terpasang pada Mainboard. Setelah terlepas, pasangkan kembali kabel power, sambungkan/shortkan kabel berwarna hijau dengan kabel berwarna hitam, periksa apakah kipas di power supply berputar? Kalau berputar berarti power supply bagus. Lepas kembali kabel sambungan tadi dan pasang kembali kabel Atx1 ke motherboard.
Periksa Jumper Clear CMOS, apakah di posisi Clear atau Free, biasanya kalau motherboard baru, posisi jumper CMOS ada pada posisi Clear.
Periksa IC Chipset dalam keadaan tersambung dan di Switch On, apakah panasnya berlebih atau tidak, over heat berarti Chipset tersebut sudah rusak. Untuk part IC CMOS sampai saat ini tidak dijual bebas.
Periksa juga apakah switch on nya berfungsi.
Bongkar Motherboard tersebut secara hati-hati, coba anda bersihkan pakai tiner, kalau bisa gunakan tiner botol jangan yang di kaleng. Setelah bersih anda keringkan.
Ganti IC regulator yang terletak disekitar soket Power Atx di motherboard.
Ganti Elko yang kapasitasnya 1000 s/d 3300 uf / 10 Volt yang terletak disekitar soket power Atx di motherboard. Hati-hati untuk bongkar pasang komponen pastikan kabel power jangan tersambung ke listrik.

Nyala Tapi Tidak Tampil

Coba anda perhatikan dan dengarkan apakah ada bunyi atau suara bip. Kalau ada, kerusakan biasanya ada di processor, memory dan VGA.
Periksa Processor, coba anda pegang pendinginnya apakah panasnya berlebih atau dingin? Kalau panas berlebih berarti kipas processor tidak bekerja dengan baik maka anda ganti, tapi kalau dingin berarti processor tidak bekerja alias rusak.
Periksa memory, biasanya kalau memory rusak terdengar suara bip pada speaker sebanyak 3 kali. Dalam keadaan mati, cabut memory bersihkan pinnya menggunakan penghapus pensil sampai bersih, kemudian pasang kembali. Kalau masih rusak berarti ada salah satu IC nya yang rusak.
Periksa VGA Card, cabut VGA Card, dalam keadaan mati / off coba anda tekan, ada kemungkinan kurang masuk atau coba anda bersihkan kaki / pin nya. Jika VGA card menggunakan kipas, bersihkan kipas tersebut.
Kalau masih tidak tampil coba anda periksa jangan-jangan monitornya yang tidak nyala, untuk memastikannya yang rusak monitor atau CPU, coba anda tekan tuts Numlock pada keyboard, apakah lampu Numlock-nya nyala atau tidak. Kalau nyala berarti kerusakan pada CPU.
Yang menjadi standar saya kalau memperbaiki Komputer, saya selalu membersihkannya dari debu, apakah itu motherboard, memory, cdrom, floppy disk, dll, karena hal tersebut sangat berpengaruh apa lagi kalau komputernya dalam keadaan kotor / lama tidak dibersihkan. Tapi anda harus hati-hati dalam pengerjaannya dan jangan terburu-buru.

Hang Dan Sering Mati / Merestart (Reset) Sendiri

Periksa Power Supply, coba pakai power supply yang lain apakah masih me-restart sendiri atau hang. Kalau setelah diganti power supply ternyata normal/ bagus, berarti power supply ada masalah. Ganti saja karena kalaupun bisa diperbaiki saya sendiri kurang yakin apakah masih bisa berfungsi dengan baik, karena power supply merupakan komponen yang sangat vital. Apalagi untuk saat ini harga power supply sanggat murah, saya sarankan ganti saja.
Periksa apakah ada virusnya, program anti virus harus selalu terpasang dan aktifkan auto protect nya. Saya biasa memakai Norton Anti virus. Anda harus sering meng-update antivirus anda karena bila ada virus varian baru, anti virus anda akan mendetect sekaligus menghilangkan virusnya.
Pada saat hang dan ada pesan blue screen seperti “eror vxd at address…”, biasanya ada masalah di memory. Bersihkan memory tersebut seperti langkah diatas. Coba anda install ulang Windows.
Kalau masih hang / me-restart sendiri coba anda periksa di motherboard, anda perhatikan perubahan fisik komponen terutama elko/kapasitor, yang bentuknya bulat hitam ada tulisan kapasitasnya antara 1000 uf/10Volt s/d 3300 uf/10 volt, biasanya terlihat, kalau yang rusak terlihat kembung / bengkak dan mengeluarkan cairan atau karat.
CMOS Checksum Failure (Baterai Low)
Gejala kerusakan & Solusinya :
Muncul pesan CMOS failure (Kerusakan pada baterai CMOS, ganti baterai tersebut)
Seting tanggal, time dan konfigurasi lain di BIOS berubah (Setelah baterai diganti, lakukan setting ulang pada BIOS).

Smk n2 telukkuantan di pete


Peta Riau, SMK N 2 Teluk Kuantan berada di Teluk Kuantan, Kabupaten Kuantan Singingi, Propinsi Riau. Teluk Kuantan di garis hitam.

Siswa TKJ SMK N 2 Teluk Kuantan Kab. Kuantan Singingi / Kuansing Praktek Merakit Komputer


Siswa TKJ SMK N 2 Teluk Kuantan Kab. Kuantan Singingi / Kuansing Praktek Merakit Komputer dengan penuh semanggat belajar membongkar dan merakit komputer.



Siswa TKJ SMK N 2 Teluk Kuantan Kab. Kuantan Singingi / Kuansing Praktek Merakit Komputer dengan penuh semanggat terus akan belajar dan berlatih.


Lomba Fahion Show SMK N 2 Teluk Kuantan





SMK N 2 Teluk Kuantan Kabupaten Kuantan Singingi memang selalu berusahan menyalurkan bakat siswa-siswinya.

Meriahnya Perpisahan Siswa Kelas XII 2011












Pada hari sabtu tanggal 7 Mei 2011 telah dilaksanakan perpisahan untuk kelas XII SMK N 2 Teluk Kuantan Kabupaten Kuantan Singingi/Kuansing.

Acara berlangsung sangat meriah dengan berbagai hiburan yang tertata rapi.

Hotspot Gratis Kuantan Singingi



Hotspot Gratis Kuantan Singingi>>Kabar gembira buat seluruh Blogger Nusantara, Hotspot gratis tanpa batas…!!!!!! Khususnya Blogger Kuansing. Tidak hanya jaringan intranet, Pemda Kuansing juga menyediakan jaringan hotspot gratis, ini suatu bentuk keseriusan Pemda untuk menuju kabupaten Digital di Pulau Sumatera. Kalau di kota-kota besar seperti Pekanbaru hanya ada di Mal, CafĂ©, Hotel, dan Masjid Agung Annur, di Kuansing juga memiliki hotspot gratis tanpa batas yang terdapat di tempat umum yaitu di Taman Jalur, Lapangan Limuno dan disekitaran Komplek Perkantoran Pemda Kuansing, siapapun dapat mengaksesnya, tanpa password.

Jika di Pekanbaru layanan hotspot gratis hanya mampu melayani 128-384 KB/s bandwidth untuk sekian banyak pengguna, di Kuansing menyediakan 1MB/s bandwidth. Penggunaan hotspot ini bebas, (bebas dengan syarat : ANDA SOPAN KAMI PUN SEGAN) maksudnya adalah situs porn di block oleh Admin, (ganyang porna aksi).
Bagi kawan-kawan di Kuansing yang ingin menikmati layanan ini, cukup bermodalkan laptop, kalau tidak punya, minjam juga boleh tuh… . Cuma masih ada kekurangannnya, pemda belum menyediakan colokan di Taman Jalur. Sekedar informasi (promosi kalllli…) kalau pengen OL di Lapangan Limuno, Sate Madura Pak Haji yang bersisian dengan Lapangan Limuno menyediakan colokan gratis buat anda, asal…. Beli satenya dink…. Seep…

Randai Kuantan



Gesekan Piual—Biola, hentakan pukulan Gondang dan tiupan lapri (Serunai), diiringi langkah tari merupsakan ciri khas tersendiri dari Randai Kuantan. Salah satu bentuk kesenian rakyat tradisional Kabupaten Kuantan Singingi. Randai Kuantan merupakan kesenian rakyat yang komunikatif, lahir dan berkembang di tengah-tengah masyarakat Kuantan. Randai Kuantan membawakan suatu cedrita yang sudah disusun sedemikian rupa dengan dialog dan pantun logat Melayu Kuantan, disertai lagu-lagu Melayu Kuantan sebagai paningkah babak-babak cerita.

Memang suatu pertunjukan kesenia rakyat yang membuat kita pun ingin ikut bergoyang melihatnya, bahkan mengelitik hati. Tak urung gelak tawa pun akan keluar dengan seketika. Cerita yang dibawakan biasanya sudah melekat di hati orang Rantau Kuantan, sehingga randai sudah begitu akrab di tengah-tengah masyarakat.

Tak di ketahui secara pasti, kapan randai mulai ada di daerah ini. Tetapi apabila menilik dari sejarah, maka randai ini telah ada semenjak zaman penjajahan Belanda dulu. Randai di pergerlarkan dalam acara pesta perkawinan, sunatan, doa padang, kenduri kampung dan acara lainnya yagn di anggap perlu untuk menampilkan Randai.

Biasnya dilaksanakan pada malam hari, memakan waktu 2 hingga 4 jam. Disinilah orang sekampung mendapat hiburan dan bisa bertemu dengan kawan-kawan dari lain desa.
Berhasilnya sebuah pertunjukan tidak terlepas dari peran serta pemain, pemusik dan penontonnya. Untuk sebuayh ceriata yang akan dibawakan biasanya memakan waktu latihan sekitar satu bulan atau lebih. Memang waktu latihannya tidak setiap hari, rutinnya hanya pada malam Ahad.

Tetapi apabila akan mengadakan pertunjukan maka waktu latihannya akan ditambah sesuai dengan kesepakatan bersama. Dengan jumlah anggota 15 sampai 30 orang untuk satu tim randai, terdiri dari penari, pemusik, dan tokoh dalam cerita. Jumlah tokoh tergantung cerita yang dibawakan. Biasanya jumlah pemusik tetap. Satu Piual, 2-3 gendang, satu peniup lapri.
Keunikan randai memang mempunyai daya tarik tersendiri dibandingkan denga kesenia rakyat lainnya yang hidup di Rantau Kuantan. Antara lain adalah, adanya tokoh wanita di perankan oleh laki-laki yang berpakaian wanita, dan sindiran-sindiran terhadap pejabat dalam bentuk pantun.
Tokoh wanita yang diperankan laki-laki ini dimaksudkan untuk menjaga adat dan norma-norma Agama. Karena latihan pada malam hari dan pertunjukan juga pada malam hari, sehingga kalau ada anak dara yang tampil ini merupakan suatu yang tabu bagi masyarakat. Selain itu juga untuk menjaga supaya hal-hal yang tidak diinginkan tidak terjadi.

Sewaktu pementasan para Anak Randai membentuk lingkaran dan menari sambil mengelilingi lingkaran, sehingga pemain tidask berkesan berserakan dan terlihat rapi. Menyaksikan Randai Kuantan kita akan terbuai dan merasakan suasana kehidupan desa. Bermain, kebun karet, bergurau, bersorak sorai serta berbincang, tentu dengan lidah pelat Melayu Kuantan. Sehingga perantau yang pulang kampung ke Rantau Kuantan tak pernah melawatkan pertunjukan ini.
Untuk menyaksikan pertunjukan Randai Kuantan bukanlah hal yang sulit, karena Randai Kuantan sampai saat ini tetap banyak didapatkan di Rantau Kuantan, bahkan pada saat ini hampir setiap desa mempunyai kelompok randai.

Sebuah kelompok Randai juga mempunyai sutradara yang mengatur jalan cerita sebuah pertunjukan randai. Sutradara atau peramu cerita harus mempunyai wawasan yang luas terutama dalam hal pengembangan dialog dan pantun. Tidak hanya itu, dia sedikit banyak juga harus mengerti tentang peralatan alat musik yang digunakan. Disinilah sutrada dituntut untuk menampilkan yang terbaik. Sehingga penonton tidak merasa bosan dengan alur ceritanya.
Peran pemerintah untuk melastarikan kesenian tradisonal Kuantan ini memang ada. Terbukti dengan diperlombakannya kesenian ini pada setiap Festival Pacu Jalur di Teluk Kuantan. Disinilah mereka bisa menguji kemampuan kelompoknya untuk menjadi yang terbaik. selain itu pada Festival Budaya melayu (FBM) 1997 di Pekanbaru, randai juga diikutsertakan mewakili kontingen Inderagiri Hulu—sebelum mekar menjadi Kuantan Singngi.

Masyarakat Rantau kuantan sering kali mengadakan hajatan dengan mengundang sebuah kelompok Randai. dengan demikian mereka tidak merasa jenuh dengan latihan saja, mereka juga akan mandapat masukan berupa uang lelah sebagai ucapan terima kasih. pPran masyarakat setempatlah yang sebenarnya paling dominan. sehingga Randai Kuantan tetap melekat dihati masyarakat.

Tinggi la Bukik si Batu Rijal
Tompek Batanam Si Sudu-sudu
Abang Kan Poi Adiak Kan Tinggal
Bajawek Solam Kito dahulu

Itulah sala satu pantun dalam Randai Kuantan yang bercerita tentang Ali Baba dan Fatimah Kayo. Cerita ini mengisahkan perjalanan hidup sepasang suami istri yang hidup di Kampung Kopah Teluk Kuantan.

Saat ini Randai Kuantan masih tetap eksis, malah telah samapai ke manca negara, dan punggawai oleh Fakhri Semekot dan kawan-kawan.