Setelah Sebelumnya Klinik-it membahas soal SEO .kali ini klinik-it kembali akan membahas tentang tips-tips menarik mengenai Blog.Dalam postingan kali ini klinik-it akan membahas tentang
Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser.Sebagai contoh
lihat disini
Buat kamu yang ingin
membuat Judul Blog Bergerak silakan ikuti tutorial
Cara Membuat Judul Blog Bergerak Berikut ini.
1.LOGIN ke blogger.
2.Kemudian klik
Tata Letak Kemudian Klik Lagi
Edit HTML.
3.Selanjutnya cari kode berikut ini.
<title><data:blog.pageTitle/></title>
4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>
<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=
100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
5.Kamu bisa mengganti angka
100 yang berwarna
biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.
5.Kalo udah selesai silakan klik
SAVE TEMPLATE
Cara Membuat Efek Meteor Jatuh Pada Blogspot
Cara Membuat Efek Meteor Jatuh Pada Blogspot -
Meteor Jatuh Pada Blog memang kedengarannya agak mustahil terjadi, tapi inilah kenyataannya. Bagaimana tidak ?
Efek Meteor Jatuh ini mengingatkan kita kembali kepada Jaman Dinosaurus yang dahulu kala terkena
Jatuhan Meteor. Penasaran bukan ? lihat demonya :
Demo Efek Meteor Jatuh
Jika sudah dilihat langsung menuju ke Page Element
Klik Add Widget + Html/Javascript + Copas kode berikut :
<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>
Kemudian Save dech.
Semoga
Cara Membuat Efek Meteor Jatuh Pada Blogspot berguna dan bermanfaat.
Cara membuat teks mengikuti kursor mouse
Cara membuat teks mengikuti kursor mouse --Satu lagi
aksesoris koleksi saya yang bisa sobat gunakan untuk menambah pernak-pernik
blog sobat. Yaitu teks mengikuti
kursor mouse, caranya sederhana, untuk sobat yang tertarik ingin mencoba saya persilahkan.
Cara membuat teks mengikuti kursor mouse
1. Login ke dasbor blog
2. Rancangan --> Add Gadget
3. Pilih HTML/JavaScript
4. Letakkan kode berikut ke dalam kotak tersebut lalu save.
<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: #000000;
/* 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 = " Ketik tulisan yang sobat 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>
Note:
- Kode yang berwarna merah diatas adalah warna teks, silahkan sobat ganti dengan warna yang sobat inginkan, lihat kode warna disini.
- Kode yang berwarna hijau adalah teks tulisan yang bisa sobat edit..
Demikian
cara membuat teks mengikuti kursor mouse, selamat mencoba..
Hujan Salju Di blog .Huawww... pasti indah .nahh dalam postingan kali ini klinik-it akan memberikan tipsnya,yaitu tips tentang
Cara Membuat Hujan Salju Di Blog . ini dia pernak-pernik yang ga boleh ketinggalan dan wajib ada di blog sobat. apa maksudnya
hujan salju yang ada di blog
? hujan salju yang ada di blog adalah kumpulan bintik-bintik putih yang
jatuh di dalam blog , hujan salju ini cocok dipasang di blog yang
menggunakan template berwarna gelap ,supaya saljunya terlihat bagus dan
terlihat lebih berkilau .
Nahh buat sobat yang penasaran dengan hujan salju yang dari tadi klinik-it jelaskan, sobat bisa
klik disini
untuk melihat contohnya ,setelah sobat masuk kedalam blog tersebut
silakan sobat perhatikan ada bintik-bintik putih mirip salju ,nahh...
itu dia yang disebut hujan salju yang ada di blog. jika sobat tertarik
ingin membuat hujan salju seperti itu silakan ikuti langkah-langkah
Cara Membuat Hujan Salju Di Blog di bawah ini .
Cara Membuat Hujan Salju Di Blog1.Login Ke Blogger .
2.Klik
Tata Letak.
3.Klik
Edit HTML.
4.Selanjutnya Silakan Sobat Cari Kode
</head> .biar lebih mudah mencarinya tekan aja tombol
CTRL+F.
5.Kalo udah ketemu kodenya Copy dan Paste kode berikut tepat dibawah kode
</head> .<script src='http://denisahlan.netau.net/hujansalju.js' type='text/javascript'/>
6.Klik
Simpan Template .
7.Terakhir tinggal sobat lihat dech hasilnya..