1. Template => present
2.
Pointer bulu => <style
type="text/css">body
{cursor:url("https://lh6.googleusercontent.com/-XpzYC_kozFk/UTXU-Lf9E5I/AAAAAAAAAhQ/p9RVOrQjvX0/s32/dianjuliadisaputra+cursor+bulu.gif"),default}</style>
3.
Tulisan mengikuti kursor => <style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans
ms', verdana, arial;
color: #ff840a;
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'>
//<![CDATA[
;(function(){
// Pesanmu di sini, bahasa
sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
var msg = "ClassXMIA";
// Set font's style size for
calculating dimensions
// Set to number of desired pixels
font size (decimal and negative numbers not allowed)
var size = 25;
// 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.2;
// 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;
// BERHENTI NGEDITNYA..! Parantos
cicing di dieu! Ulah diteraskeun..! //
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>
4. kamera => <script
language="JavaScript"
src="http://blog-rangga.googlecode.com/files/kameracctv.js"
type="text/javascript"> </script> <script
language="JavaScript" type="text/javascript">
cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQzVxCrHaOF3LZaXxbFHRWnHlYCmABhZRCBzlN5wILbp9bf7nte0sPxU2VuCbx58FZynV0709QAEpJcTYr5FaD4hJbdtTGWJlh2qKMeR6oBAW7bCaMY2NlpUscE8QjhBqcWQ-vDL-1bHk/s1600/cctv.gif")</script><span
style="font-size: 50%">Widget<a href="http://blog-rangga.blogspot.com/2013/01/cara-memasang-kamera-cctv-di-blog.html"
target="_blank" rel="follow">Blog
Rangga</a></span> -
5.
widget “hi friend”
<div style="position: fixed;
bottom: 0px; right: 10px;width:130px;height:160px;"><a
href="http://gedesitdownblog.blogspot.com/"
target="_blank"><img border="0"
src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">My
Widget</a></center></small></div>
6.
widget welcome muslimah => <d
iv style="position: fixed; bottom:
0px; left: 2px;"><br /><embed
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="146" height="345"
src="http://www.widgipedia.com/widgets/widgetindex/welcome-widget-10807-8192_134217728.widget?__install_id=13218"
wmode="transparent" type="application/x-shockwave-flash"
quality="high"></embed></div>
<div style="position: fixed; bottom:
0px; left: 2px;"><br /><embed
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="146" height="345"
src="http://www.widgipedia.com/widgets/widgetindex/welcome-widget-10807-8192_134217728.widget?__install_id=13218"
wmode="transparent" type="application/x-shockwave-flash"
quality="high"></embed></div>
6.
like di fb dan twitter
<style type='text/css'>
/* Message Box */
#box-message
{
position:fixed
!important;
position:absolute;
top:-1000px;
left:50%;
margin:0px
0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal
Dosis, Georgia, Serif;
color:#111;
border:2px
solid #333;
-webkit-box-shadow:0px
1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px
1px 2px rgba(0,0,0,0.4);
box-shadow:0px
1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message
a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold
16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px
solid #333;
-webkit-box-shadow:0px
1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px
1px 2px rgba(0,0,0,0.4);
box-shadow:0px
1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background:
#EEF9FD;
padding:
10px;
text-align:center;
border: 1px
solid #C7DBE2;
border-top:
0;
}
</style>
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script
type='text/javascript'>
$(window).bind("load",
function() {
// Animate
Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"},
1000);
// Remove
Mailbox When Close Button On Click
$('a.close').click(function()
{
$(this).parent().fadeOut();
return
false;
});
});
</script>
<div
id='box-message'>
<!-- HTML
Start -->
<center>
<a
class="murub">Jangan Lupa di Like Juga Ya Fanspage Kami
Sobat</a></center>
<center>
<script
src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box
href=" https://www.facebook.com/classXMIAofMAN2?fref=ts
" width="250" show_faces="true" border_color=""
stream="false" header="true">
</fb:like-box></center>
<!-- HTML
End -->
<br/>
<div
class="twitter">
<!--
Twitter --> <a class="twitter-follow-button"
data-lang="id" data-show-count="true" href="https://twitter.com/ClassXmia">Ikuti
@ClassXmia</a>
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<a
class='close' href='#'>×</a>
</div>
7. selamat datang di blog sebelum dibuka
1) Login Ke Blogger
2) Masuk Ke Rancangan > Edit Html
3) Back-Up Lah Terlebih Dahulu Template Anda Untuk Menghindari
Kemungkinan Terburuk
4) Centang Expan Template Widget
5) Cari Code </head> (Gunakan Ctrl+F Atau F3 Untuk Memudahkan
Pencarian)
6) Kalo Sudah Ketemu, Paste Code Di Bawah Ini Di Atas Code
</head>
<script type="text/javascript">var yourName =
prompt("Welcome to my blog enjoy it , tulis nama kamu ya J ", "");</script>
7) Ubah Tulisan Tulis Nama Kamu? Dengan Kata-Kata Yang Meminta Untuk
Mengisi Nama Pengunjung. Seperti Masukkan Nama Anda, Atau Enter Your Name
8) Ubah Kata Selamat Datang Dengan Kata Sambutan Pengiringnya
Seperti Welcome, Atau Halo!!!
9) Save Template
8. music
<!-- SCM Music Player
http://scmplayer.net -->
<script type="text/javascript"
src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/aquaBlue/skin.css','volume':72,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'i
wish - one
direction','url':'https://www.youtube.com/watch?v=oszJ-9Ffjjw'},{'title':'a
thousand years - christina
perri','url':'https://www.youtube.com/watch?v=q9ayN39xmsI'},{'title':'jar of
hearts - christina
perri','url':'https://www.youtube.com/watch?v=3H21fj0hQRM'},{'title':'love on
top - beyonce','url':'https://www.youtube.com/watch?v=gPaD513xWOY'},{'title':'mirror
- justin
timberlake','url':'https://www.youtube.com/watch?v=TH2tp72T13o'},{'title':'all
of me - john
legend','url':'https://www.youtube.com/watch?v=Mk7-GRWq7wA'},{'title':'i will
always love you - whitney houston','url':'https://www.youtube.com/watch?v=37WfQcS5-H4'},{'title':'that
should be me - justin
bieber','url':'https://www.youtube.com/watch?v=1drAZayIJ1k'},{'title':'down to
earth - justin
bieber','url':'https://www.youtube.com/watch?v=WinJinEXCWc'},{'title':'set fire
- adelle','url':'https://www.youtube.com/watch?v=FlsBObg-1BQ'},{'title':'some
one like you-
adelle','url':'https://www.youtube.com/watch?v=7AW9C3-qWug'},{'title':'don%27t
you remember -
adelle','url':'https://www.youtube.com/watch?v=VYM0oL6RPvg'}]}" ></script>
<!-- SCM Music Player script end -->
9.
translate
<div id="google_translate_element">
</div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
10. asal Negara pengunjung
1. Sobat kunjungi situs http://flagcounter.com
Sobat akan melihat tampilan seperti berikut.
2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag
counter tersebut sesuka hati.
Berikut beberapa menu editnya..
Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera
negara asal pengunjung
Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti
gambar berikut.
Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
Column of Flags : Jumlah kolom untuk counter
Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai
keinginan.
Background Color : Warna latar belakang
Text Color : warna teks
Border color : Warna garis tepi
Show Country Codes : Menampilkan kode setiap negara, misalnya amerika
dengan kode US.
Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran
halaman di satu blog
Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung
3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER.
Kemudian sobat akan melihat tampilan seperti berikut.
10.
Klik Skip, ambil kodenya, kemudian pasang ke
HTML/Javascript blog sobat.
<a
href="http://info.flagcounter.com/e6Jq"><img
src="http://s11.flagcounter.com/count/e6Jq/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_1/pageviews_0/flags_0/"
alt="Flag Counter" border="0"></a>
.jam => <script
src="http://www.clocklink.com/embed.js"></script><script
type="text/javascript" language="JavaScript">obj=new
Object;obj.clockfile="0031-black.swf";obj.TimeZone="USZ5";obj.width=130;obj.height=130;obj.wmode="transparent";showClock(obj);</script>
. kalender => <!-- Begin of mycalendar.org script -->
<div align="center" style="margin:15px 0px 0px 0px">
<div align="center" style="width:140px;border:1px solid #ccc;
background: #E5CB8E; color: #050202;font-weight:bold;font-size:12px;">
<a style="text-decoration: none; color: #050202;"
href="http://mycalendar.org/"> Calendar</a></div>
<script type="text/javascript" src="http://mycalendar.org/calendar.php?cp3_Hex=080014&cp2_Hex=E5CB8E&cp1_Hex=050202&ham=0&img=&hbg=0&hfg=1&sid=0&fwdt=200&text1=Fast
Of Ester is today!&&widget_number=4"></script>
</div> <!-- End of mycalendar.org script -->
Cara Membuat Chat Box Di Blog :
1. Buka Website ini ► www.cbox.ws
2. Klik tombol Sign Up di kanan atas
Website tersebut.
3. Kemudian akan muncul tampilan seperti
ini. ( Lihat Gambar )
4. Lalu isi pada kotak - kotak tersebut dan
centang, sehingga menjadi ini. ( Lihat Gambar )
Keterangan:
Cbox Name diingat ya, karena itu akan
dijadikan ID Login kalian.
Emailnya disensor ya.
5. Kemudian Klik " Create My Cbox!
"
6. Akan muncul tampilan seperti ini jika
anda berhasil. ( Lihat Gambar )
7. Setelah itu Cek Email anda dan Login.
8. Kemudian pada halaman utama Cbox
tersebut. Klik " Publish! " yang berada di Kanan Atas.
9. Pada halaman baru tersebut, Lihat Bagian
ini. ( Lihat Gambar )
10. Kemudian Copy dan Paste Kode tersebut
di Blog anda. Jika bingung baca artikel ini Cara Edit Blog.
11. Selesai.
Cara Membuat Nama Blog Bergerak
Caranya, ganti nama blog pada script di
atas dengan nama blog kamu.
Untuk cara pemasangan script di blog,
seperti biasanya silahkan login dulu ke blogger. Setelah itu pilih tata letak
halaman, lalu pilih edit template. Kemudian cari kode</head>
Dan letakkan kode berikut :<SCRIPT language='JavaScript'>
var txt="..::Class X MIA of MAN 2
Batam::... ";
var kecepatan=170;var
segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</SCRIPT>
dan letakkan script tadi di atas kode
</head> tersebut. Jika sudah,
coba di pratinjau dulu.... jika hasil cocok
dengan keinginnan kamu
silahkan simpan template....
Kode berwarna MERAH ganti dengan nama blog
mu...
SEMOGA BERMANFAAT
Cara Menghilangkan Icon Quick Edit pada Blogspot
anda
ara Menyembunyikan Icon Quic Edit Di Blog
Sign In di blogger.com
Pada menu drop down, pilih Template
Klik Edit template dan Klik Proceed
Cari kode ]]></b:skin>
Kalau sudah ketemu kode tersebut, letakkan
kode berikut di atasnya :
.quickedit{
display:none;
}
Simpan template sobat
Cara Menghapus Quick Edit Secara Permanent
Sign In di blogger.com
Pada menu drop down, pilih Template
Backup template sobat
Klik Edit template dan Klik Proceed
Cari kode <b:include data='post'
name='postQuickEdit'/> dan kode <b:include name='quickedit'/>
Kalau sudah ketemu kode tersebut, langsung
saja di hapus. jumlah kode <b:include name='quickedit'/> adalah sejumlah
widget sobat. Jadi semua kode yang seperti itu harus di hapus.
Salju berjatuhan
<script
src='http://yourjavascript.com/1171704334/efek-salju-faisal.js'
type='text/javascript'/></script>
Daun berguguran
<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>
=> HTML JAVASCRIPT
bintang bertaburan di mouse
<script
src="http://script-seo.googlecode.com/files/bintang-green.js"
type="text/javascript"></script>
