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]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-4Q_uBf1_MRcPH9TKQygEGiBp8gFlCd7EdGozjGa-TFqEYOzfFE2yP1uwJr52VpF5jnJva4UA4E2I9Utf63m_mE9acEfYvSCIVwTvVYrgqjl3Vg8l1ycDMGSXfOtFJUo8nn6KZpIgNn7/s128/butterfly2.gif';
floatimages[1]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-4Q_uBf1_MRcPH9TKQygEGiBp8gFlCd7EdGozjGa-TFqEYOzfFE2yP1uwJr52VpF5jnJva4UA4E2I9Utf63m_mE9acEfYvSCIVwTvVYrgqjl3Vg8l1ycDMGSXfOtFJUo8nn6KZpIgNn7/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6nvFbgcGpPqldCvTJ0rYrByR_JN5EcZ-2SUUZ4BXZUfj2NK_h5aM8y1Gl6804jBb6Sv3dAtb_unPFY9orRfhyphenhyphenxcZ5jjnyTmYKtptJ0N7Kli3j5PxPAldSSzPimnOaNAgyl3_kUNBFvWqE/) 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBfaeeDAgLiN-I3ZOu4NzUZ42vQeuc9lzKfUGW_YHclSpD7xConPi1LxUUGjO2rrDvNaeWWM3-_Ra_XeKuIBCtBEZdkzET4BQS14DcGdP39mEKFweSIynQNDwSGaCSsNHbcOkUaXB7jBk/s1600/1.jpg" title="Gambar Slideshow 1" alt="Penjelasan Artikel Pada Gambar 1" /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFYXUw4z3LFrJ-LvQFTaeyVdfwFKIIKdxkX5AHv3WEBaO_QZSmAgR3hyPAb_GVqctADwrh97JqVhd54drlGSUJOZeG_eSvF_UzMtS_2i3l8nJck8FHCBZ1rFtK3x-WJDEl1InDSzZAL0/s1600/2.jpg" title="Gambar Slideshow 2" alt="Penjelasan Artikel Pada Gambar 2" /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgmuB4iOczrqKdXRhZU8y44-mTGne7gNFP8tKJW7LjmrjWWRFxmPK9jf5pbprE4iTkgoKBiEpUNkMTxT5eVak5VoEAFJ7ItN9yw1KEJys9821x_0YJhnv2d7XoJfuWzwa1TqXR5NaIUks/s1600/3.jpg" title="Gambar Slideshow 3" alt="Penjelasan Artikel Pada Gambar 3" /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBk5jU1uelZz9NLP76XRD910NebfPd15CJr9W2BLI-fh6n8mfgQt_fa8HbjGu0J4G7We6x6LVmXx0wiRXnSjOih7BTSlePD-gTa1wnPrQiMwciCRZosXMETcUQDKTWCdQhwAKiyUlZ1_k/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.