TEKS BERJALAN

*** SELAMAT DATANG DI TP.PKK. KELURAHAN METESEH KECAMATAN TEMBALANG KOTA SEMARANG *** WEBSITE ATAU BLOG INI DIBUAT UNTUK MEMPERMUDAH INFORMASI DAN KOMUNIKASI ANTAR PENGURUS, ANGGOTA DAN MASYARAKAT PADA UMUMNYA *** SEKRETARIAT : JL.PROF. SUHARSO NO. 001 KOTA SEMARANG 50271 TELP. (024) 76917099 *** E-MAIL : pkkmeteseh@gmail.com *** INTERNET ADALAH KEBUTUHAN YANG HARUS DIPENUHI DI ERA MODERN INI UNTUK MENINGKATKAN SUMBER DAYA MANUSIA DAN UNTUK MENGETAHUI APA YANG SEDANG TERJADI DI SELURUH DUNIA *** OPERATOR WEBSITE DAN COMPUTER IBU YUSUF *** TERIMA KASIH KUNJUNGAN ANDA ***
Tampilkan postingan dengan label Lain-Lain. Tampilkan semua postingan
Tampilkan postingan dengan label Lain-Lain. Tampilkan semua postingan

Minggu, 05 Mei 2013

MEMBUAT CURSOR TULISAN & BERTABUR BINTANG



CURSOR TULISAN : PKK KEL.METESEH

<style type="text/css">
#outerCircleText {
font-weight: bold;
color: #ff0000;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "PKK KEL.METESEH";
var size = 10;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.1;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY;
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX;
},
makecircle = function(){
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},
drag = function(){
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},
init = function(){
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},
ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};
})();
</script>


CURSOR BERTABUR BINTANG :

<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #0010ee;
/* End Optional */
/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">
/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */
;(function(){
// Your message here (QUOTED STRING)
var msg = "KEL.PLEBURAN";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20;
//set color =#bf1473;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},
drag = function(){ // makes the resistance
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},
ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};
})();
</script>
<script src="http://otowebsite.googlecode.com/files/www.otowebsite.blogspot.com_bintang.biru.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#cc0000", "#cc0000", "#cc0000", "#cc0000", "#cc0000"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen</script>

CARA MEMBUAT BUKA FOTO DI FOLDER

WARNA FOLDER BIRU LAUT.
<a
 href=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCFByiYYN44nGz-Z4nSoG4FU7NWLz3JSQrfG8BNL4VVuoFgU3YkRbr5aKI9gu0u-GtCD7oWeUAuo6TPyYf0VCu4XyFO1AWRmIaSb78DwfBqxyW-nfkzmZA9uwAUfOh8fkCbBahBxe60q0/s1600/IMG_0005.jpg"
 title="BUKA FOTO"><img
 style="border: 0px solid ; width: 91px; height: 91px;"
 src="http://saudiendometriosis.com/wp-content/uploads/2012/11/Blue-Download-icon.png"
 </a>

KETERANGAN :
1. Merah URL Foto
2. Biru Gambar Folder
3. Widht & Height ukuran Folder
4. Hijau Title Mouse

CONTOH KLIK FOLDER DIBAWAH INI 

CARA MEMBUAT LINK DENGAN LOGO / GAMBAR


<a href="http://semarangkota.go.id/kel-pleburan/index.php/home "><img style="border: 0px solid; width: 194px; height: 55px;" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtzN-6p3Gx8JqE_B41pctIWSCHxd4fXzXxlYHNpFgGOsf9HltSvUz0dgbpzzcFwDqxyuS46QrpVWkGgja9_jRg1yNqrYkv9_qlEoWSszqowJfPAs91jfu3IbEhhcQh38YwCHolqYpH5uE/s270/PKK+TAMU.jpg" /> </a> </p>

KETERANGAN :
1. Merah URL Tujuan
2. Biru URL Gambar yang akan diklik
3. Widht & Height ukuran gambar

CONTOH SILAHKAN KLIK GAMBAR DIBAWAH INI
 
 

CARA MEMBUAT BURUNG TERBANG

Burung warna Kuning :
<script type="text/javascript" src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQffqfbqtkWdx6jKmb2Q3bFT_d0WjG8eeosleqH28EWPIXAJ1rNTdI2TNfVm_fx0vQfift1ySqyrfFDluDc5DN2HzGts0fMtnTjXIGwmgYtQptRFrAUlNoO5oq2K1TNyr3TM8Fkox5cEk/s1600/yellow+bird.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Endarto_64";
var tweetThisText = "Twitter - UserID";
tripleflapInit();
</script>
Burung warna Merah
<script type="text/javascript" src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLY8lu6ZMJeEWTyRwxW7uGWUeJ7yW8t2yYlguaiyQm1oDGdn5kkuA49dLr8kmMeb9YqCkS_lohHhPQNRoya_ekO5U1jHMySb5ng6pc4SuTLdFMFypekW1aJlex_eklE1lVEOiy8vLHBOk/s1600/red+bird.png ";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Endarto_64";
var tweetThisText = "Twitter - UserID";
tripleflapInit();
</script>

KETERANGAN :
1. Endarto_64 ganti Account Twitter anda.
2. Copy pastekan di Widged.

CARA MEMBUAT BUKU TAMU

Cara membuat Buku Tamu :
1. Buka website penyedia layanan Buku Tamu yaitu “http://www.cbox.ws

2. Klik Get your own free Cbox now!

3. Isi Form pendaftaran dengan lengkap mulai dari Cbox Name, Email address, Password, alamat
 website, dan bahasa                                                                                                                         
 4. Masih di form pendaftaran, kita bisa menentukan model dari Buka Tamu dengan memilih Style 

5. Jika sudah selesai diisi semua dengan lengkap klik tombol Create My Cbox dan kalian sudah berhasil dalam membuat Buku Tamu.

Bila kalian sudah selesai dengan cara di atas, sekarang waktunya untuk menyetting tampilan cbox yang akan kita pasang pada blog 

6. Login ke member area cbox


7. Klik Look & Feel > Layout Options untuk Mengatur lebar ( Width ) dan Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar blog kalian. dan kalian juga bisa mengatur apakah pesan terbaru akan ditampilkan paling atas atau di bawah dengan memilih In Order


8. Klik Look & Feel > Colours & Fonts. kalian dapat menentukan warna, bentuk huruf dan lain-lain. Silahkan setting sesuai dengan selera.  lalu klik Save


9. Jika sudah selesai semua setting anda, kemudian klik tombol Apply
Jika kalian sudah selesai mengikuti cara mudah membuat buku tamu di blog pada langkah no. 9, sekarang lanjutkan tahap akhir, yaitu meletakkan buku tamu tersebut pada blog kita
10. Masih di member area Cbox klik Publish! 

11. Lalu klik tombol Copy to clipboard. 


12. Login ke blogger.com >> Klik Tata Letak / layout >> Tambah Gadget. 

13. Di window yang muncul klik HTML/Java Script. 

14. Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia.


15. Klik simpan dan selesai sudah. Buku tamu kalian sudah terpasang rapi

Untuk menghemat ruang dan halaman blog, biasanya blogger menyembunyikan buku tamu tersebut di samping sidebar dan ada juga yang meletakkannya pada sebuah postingan artikel.
Selesai


MEMBUAT BUKU TAMU TERSEMBUNYI :


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:300px;
width:70px;
float:left;
cursor:pointer;
background:url(' http://semarangkota.go.id/kel-pleburan/uploads/pdf/2013_07_09_05_56_40.jpg  ') 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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="245" height="305" src="http://www4.cbox.ws/box/?boxid=4169037&amp;boxtag=x9ec21&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4169037" style="border:#140200 1px solid;" id="cboxmain4-4169037"></iframe></div>
<div><iframe frameborder="0" width="245" height="75" src="http://www4.cbox.ws/box/?boxid=4169037&amp;boxtag=x9ec21&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4169037" style="border:#140200 1px solid;border-top:0px" id="cboxform4-4169037"></iframe></div>
</div>
<!-- END CBOX -->
<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://dawismanggar2.blogspot.com/" target="_blank">PKK RT.03 RW.XIV</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[TUTUP]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

KETERANGAN :
1. Cetak Tebal : Kode HTML / Clipboard dari CBOX.