Langsung ke konten utama

Featured post

Deretan Kode Script Yang Harus Wajib dipasang di Blogspot

Kumpulan Script Widget untuk Blogger Paling Terlengkap


Kumpulan Script widget untuk blogger Paling terlengkap
Hari ini, saya akan memposting tentang kumpulan script/beberapa script widget untuk blogger......
dah gak sabarkan............... ni dia...........



Pasang icon disamping judul


1. Masuk ke Blog anda

2. Klik Tata Letak
3. Klik Edit HTML
4. Klik kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode
6. Persis setelah kode tersebut, copy pastekan script berikut ini


7. Jangan lupa mengganti tulisan warna hijau dengan alamat URL icon

8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai keinginan
9. Jika sudah, klik Simpan Template

   Membuat text melayang pada blog #1

Setiap orang yang mempunyai sebuah blog pasti berlomba-lomba untuk memperindah blognya dengan gedget yang keren agar pembaca menarik, pada triks kali ini ferdy akan coba membuat text yang melayang-layang mengikuti arah gerak mouse kita

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol

2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini.
Code:
[tt]
[/tt]
6. Save template

NB : Text yg berwarna hijau silahkan ganti sesukamu,kalo yg warna ungu itu untuk kode warna nya

          Cara buat login admin

1. Masuk ke http://blogger.com hingga memasuki Panel Kontrol

2. Klik Tata Letak (layout)
3. Kemudian Tambahkan Gadget
4. Kemudian Tambahkan HTML/Javascript
5. Kemudian pastekan script dibawah ini
Code:
[tt]


[/tt]
6. Save template kalian
Buat Recent Post
Recent Post, sudah sering kita jumpai. Fungsi dari recent post adalah untuk menampilkan review dari beberapa postingan kita.
Jadi, beberapa isi postingan kita bisa dilihat sebagian. Dari pada hanya menampilkan judulnya saja, dengan Recent Post, paling tidak pengunjung bisa mengetahui sedikit tentang isi postingan yang telah kita buat.


Caranya,tinggal copy code berikut :

Code:


[/tt]



 



 



anti klik kanan


Code:
<script language="Javascript1.1">
function ejs_nodroit()
{
alert('isi pesan kalu diklik kanan');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script>



Tulisan Judul Berjalan

Code:
<script language="Javascript1.2">
var message="JUDUL YANG MAU DIMASUKKAN"
var message=message+"          "
i="0"                 
var temptitle="" 
var speed="175" 

function titler(){

if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++   
if(i==message.length)
{
i="0"           
temptitle=""
}
setTimeout("titler()",speed)
}

window.onload=titler

</script>



Text Mengitari Mouse

Code:
<style type="text/css">
/* Circle Text Styles */
#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: #000;
/* 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">


;(function(){


// Your message here (QUOTED STRING)

var msg = "GANTI DENGAN TEXT YANG ANDA INGINKAN";

/* 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 = 24;

// 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>



buka notepad lalu copas ( copy / paste ) code itu lalu edit tulisan yang saya tulis
:) moga bermanfaat buat member dan yang lainnya =)) 



1. Membuat daftar isi blog secara otomatis. (contoh, klik di sini). 



Untuk script daftar isi otomatis ini, setelah di copy paste, ubah dulu di bagian berikut
"..http://irfanimovick.blogspot.com/feeds/posts/default?max-results=9999 ..."

nama blognya ganti dengan blog kamu .....
2. Membuat Related Post sesuai label (Contoh Lihat di Sidebar sebelah atas)

a. Buka Blogger > Dewsign > Edit Html (jangan lupa centang "Expand Widget Template" kemudian cari < /head>

b. simpan di atas < /head> kode berikut


kemudian save ..


c. letakan kode berikut di widget (HTML)




3. Membuat Random Post (Contoh Lihat di Sidebar >>>)

Langsung Copy Paste saja code berikut, kemudian simpan di widget (Html)



Rule :

Ganti http://irfanimovick.blogspot.com dengan url blog kamu .. :)



1. Script klik kanan ada pesan warning :




Quote:
Code:
<script language="JavaScript1.1">
function ejs_nodroit()
{
alert('Pesan warning');
return(false);
}
document.oncontextmenu = ejs_nodroit; 
</script>
yang bertulis pesan warning adalah pesan warning yang kamu tulis
2. Script efek Bintang jatuh :


Quote:
Code:
<script src='http://www.geocities.com/ridwanox/bintangjatuh.js' type='text/javascript'></script>
3. Script efek salju berguguran :


Quote:
Code:
<script src='http://www.geocities.com/ridwanox/saljubesar.js' type='text/javascript'></script>
4. Script efek hujan bunga 


Quote:
Code:
<script language="JavaScript"
src="http://www.geocities.com/ferdy_giel/Script/Flowerain.js">
</script>
5. Script efek kembang api :


Quote:
Code:
<script src='http://www.geocities.com/ridwanox/kembangapi.js' type='text/javascript'></script>
6. Script efek hati bertaburan :


Quote:
Code:
<script src='http://www.geocities.com/ridwanox/efekhati.js' type='text/javascript'></script>
7. Script text judul berjalan :


Quote:
Code:
<script language="JavaScript1.2">
var message="Tulisan judul" 
var message=message+"          " 
i="0"                   
var temptitle=""  
var speed="175"  

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i) 
i++    
if(i==message.length)
{
i="0"            
temptitle=""
}
setTimeout("titler()",speed) 
}

window.onload=titler
</script>
yang bertulis Tulisan judul adalah text judul yang kamu tulis
8. Script text mengitari mouse


Quote:
Code:
<style type="text/css">
/* Circle Text Styles */
#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: #000;
/* 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">


;(function(){

// Your message here (QUOTED STRING)
var msg = "Tulisan";

/* 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 = 24;

// 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>
yang bertulis Tulisan adalah text kamu
9. Script Animasi Page title di browser :


Quote:
Code:
<SCRIPT LANGUAGE="JavaScript">
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
var message = new Array();
message[0] = "Title halaman"
var reps = 2;
var speed = 100; 
var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doIt() {
T = message[mC];
A();
}
function A() {
s++;
if (s > 8) { s = 1;}
if (s == 1) { document.title = '.¸.·´¯`·.¸.·´¯`·.¸.·´¯`· '+T+' ¸.·´¯`·.¸.·´¯`·.¸.·´¯`·.'; }
if (s == 2) { document.title = '·.¸.·´¯`·.¸.·´¯`·.¸.·´¯` '+T+' .·´¯`·.¸.·´¯`·.¸.·´¯`·.¸'; }
if (s == 3) { document.title = '`·.¸.·´¯`·.¸.·´¯`·.¸.·´¯ '+T+' ·´¯`·.¸.·´¯`·.¸.·´¯`·.¸.'; }
if (s == 4) { document.title = '¯`·.¸.·´¯`·.¸.·´¯`·.¸.·´ '+T+' ´¯`·.¸.·´¯`·.¸.·´¯`·.¸.·'; }
if (s == 5) { document.title = '´¯`·.¸.·´¯`·.¸.·´¯`·.¸.· '+T+' ¯`·.¸.·´¯`·.¸.·´¯`·.¸.·´'; }
if (s == 6) { document.title = '·´¯`·.¸.·´¯`·.¸.·´¯`·.¸. '+T+' `·.¸.·´¯`·.¸.·´¯`·.¸.·´¯'; }
if (s == 7) { document.title = '.·´¯`·.¸.·´¯`·.¸.·´¯`·.¸ '+T+' ·.¸.·´¯`·.¸.·´¯`·.¸.·´¯`'; }
if (s == 8) { document.title = '¸.·´¯`·.¸.·´¯`·.¸.·´¯`·. '+T+' .¸.·´¯`·.¸.·´¯`·.¸.·´¯`·'; }if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doIt();
   }
}
doIt();
</script>
yang bertulis Title halaman adalah text title yang kamu tulis
10. Script Flash di Blog


Quote:
Code:
<embed src="blog URL" quality="high" bgcolor="white" width="w" height="h" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>
yang bertulis blog URL adalah alamat blog kamu
yang bertulis w dan h adalah ukuran Flash kamu
11. Script Kotak Link Exchange


Quote:
Code:
<textarea name="textarea" cols="nomor"><a href="blog URL"><img src="Image URL" width="90" height="17" border="0" /></a></textarea>
yang bertulis nomor adalah lebar kotak kamu
yang bertulis blog URL adalah alamat blog kamu
yang bertulis Image URL adalah alamat gambar kamu  

Semoga bermanfaat

Komentar

Postingan populer dari blog ini

Ciri Ciri Orang Dzolim Dan Akhibatnya

Ciri Ciri Orang Dzolim Dan Akhibatnya Kezaliman Dan orang-orang Zalim; Sifat Dan Akibatnya. “Kalian akan tahu siapa yang akan mendapat tempat terbaik di akhirat dan sesungguhnya orang-orang zalim itu tidak akan beruntung.” (QS. al-An’am: 135) Kezaliman adalah kerusakan di dalam fitrah manusia, karena Allah SWT menciptakan fitrah manusia senantiasa cenderung kepada kebaikan dan menjauhi keburukan. Tapi, karena fitrah dapat menjadi lemah dikarenakan rusaknya pendidikan yang diterima seseorang, hawa nafsu, kepentingan, dan sebab-sebab yang lain, maka manusia tidak jarang menuju ke arah yang tidak benar dan bertentangan dengan fitrah, meskipun fitrah orang ini masih dapat menampakkan diri pada waktu-waktu tertentu. Penyebab seseorang melakukan kezaliman : 1. Merasa ada kekurangan dan kelemahan di dalam diri. Karena orang yang zalim tidak memiliki sifat-sifat yang baik, dan dia mengetahui hal ini, maka dia justru mengkompensasinya dengan melakukan perbuatan zalim. Karena itulah Allah tida...

Death Clock Teknologi AI Bisa Prediksi Tanggal Kematian Kapan?

Death Clock Teknologi AI Bisa Prediksi Tanggal Kematian Kapan? Foto: gadgets360.com Baru-baru ini, publik sedang digemparkan dengan kemunculan aplikasi dan situs bernama  Death Clock.  Bagaimana tidak, aplikasi dan situs ini mengklaim dapat memprediksi tanggal kematian seseorang hanya dengan bantuan AI. Tentu, ini sangat menggemparkan publik dan membuat masyarakat penasaran. Apa itu  Death Clock ? Simak pembahasan selengkapnya di bawah ini, ya! Apa itu Death Clock? Death Clock  adalah aplikasi dan situs berbasis AI atau kecerdasan buatan yang bisa digunakan untuk memprediksi tanggal kematian seseorang. Dilansir melalui  Business Today, Death Clock  pertama kali dirilis pada Juli 2024 lalu. Hingga saat ini, aplikasi ini sudah didownload lebih dari 125 ribu kali oleh pengguna di dunia dan paling terbanyak digunakan oleh masyarakat India. Melalui keterangan resminya, aplikasi ini menggunakan teknologi AI dengan basis data 53 juta orang di 1200 studi harapan hidup di dunia untuk mempred...

Deretan Kode Script Yang Harus Wajib dipasang di Blogspot

Deretan Kode Script Yang Harus Wajib dipasang di Blogspot Blogger tidak cuma wajib menguasai ilmu SEO, SMO, atau kepenulisan, tapi akan sangat bagus jika Anda juga menguasai kode-kode dasar HTML yang nantinya sering dijumpai, misalnya saat mengatur  widget,  menampilkan gambar di  header,  memasang kode iklan, dan lain sebagainya. Untuk belajar, tak perlu ikut kursus  coding  mahal. Anda bisa mulai dari sekarang. Mulai dari yang sederhana dahulu, dengan menguasai beberapa kode HTML dasar berikut ini. Daftar Kode Javascript Wajib Pasang di Template Blogger Ini memang nggak ada kaitannya dengan topik blog saya, tapi berhubung saya nulis di blog maka tak ada salahnya saya memposting mengenai kiat-kiat menulis di blog. Para blogger tentunya sangat dimanjakan oleh tools yang disediakan provider blog dalam membuat tampilan dan memposting artikel, namun tidak ada salahnya untuk mengetahui script-script dasar html. Setidaknya tulisan Anda bis...