CARA MEMBUAT EFEK CURSOR BERTABUR BINTANG DIBLOG

  Untuk memasangnya, silahkan pasang script berikut di blog Anda.

<script type="text/javascript" src="https://googledrive.com/host/0ByoCwyjwB1aDRXpQYlFvVGhiMHc"></script>

Anda dapat mengganti warna bintang yang tampil dengan warna lain. Untuk menggantinya, ganti url yang berwarna merah dengan beberapa url dibawah ini : https://googledrive.com/host/0ByoCwyjwB1aDRXpQYlFvVGhiMHc (warna merah)

https://googledrive.com/host/0ByoCwyjwB1aDR0wzeXBzSS00a0k (warna kuning) 

https://googledrive.com/host/0ByoCwyjwB1aDQW9YUU9oZkVibms (warna hijau) 

https://googledrive.com/host/0ByoCwyjwB1aDaTVtdkNwMTFHV2c (warna biru) 

https://googledrive.com/host/0ByoCwyjwB1aDZ1QySGFfdzJiRjQ (warna putih) 

https://googledrive.com/host/0ByoCwyjwB1aDZnV1VVcxOVBUOGc (warna hitam)

 Sedangkan cara memasang efek cursor bertabur bintang di blog Anda : Buka blog Anda, pilih Tata Letak. Pilih Tambahkan Gadget -> HTML/Javascript. Pastekan kode tersebut, dan kosongkan isian Judul. Terakhir, klik Simpan. Selamat mencoba memasang efek cursor bertabur bintang di blog Anda! Salam Blogger!.Terima kasih!

MEMBUAT ANIMASI CURSOR DIIKUTI TEKS DI BLOG

Cara Membuat Animasi Cursor Diikuti Teks Di Blog merupakan lanjutan dari artikel sebelumnya yaitu Cara Membuat Tulisan Berjalan Di Blog,hampir sama tampilannya namun untuk yang satu ini sedikit berbeda yang mana teks akan selalu mengikuti arah cursor kemanapun cursor mengarah,cukup unik juga saya lihat tampilan ini jadi jangan sampai sobat tidak mencobanya animasi yang satu ini. Meski telah banyak yang membahas tentang Cara Membuat Animasi Cursor Diikuti Teks Di Blog namun tidak ada salahnya saya sekedar mengingatkan kembali tentang animasi yang satu ini demi menyempurnakan artikel demi artikel yang saya buat. Buat kalian yang penasaran nih dan ingin segera mencobanya silahkan perhatikan caranya di bawah ini. 1.Seperti biasa kalian harus login terlebih dahulu. 2. Pilih menu Tata Letak kemudian Add gadget kemudian pilih HTML/Javascript. 3. Copy script di bawah dan pastekan pada HTML/Javascript bagian konten.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'Cambria', verdana, arial;
color: #4acb35;
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(){
// Your message here (QUOTED STRING)
var msg = "Silahkan Ganti Tulisan Ini";
/* 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 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 = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// 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.2;
////////////////////// 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>

Keterangan : Tulisan berwarna hijau adalah jenis hurup silahkan kalian ganti sesuai keinginan Tulisan berwarna merah adalah teks yang akan mengikuti arah cursor silahkan kalian ganti.

4. Setelah semuanya beres kemudian save dan lihat hasilnya.

 Itulah tutorial yang bisa saya berikan tentang Cara Membuat Animasi Cursor Diikuti Teks Di Blog semoga dapat bermanpaat buat semuanya dan saya ucapkan terima kasih atas partisipasinya.

MANFAAT KETERAMPILAN WEB BLOG UNTUK PELAJAR

    Belakangan ini , banyak remaja yang sudah terbiasa hidup dengan manfaat internet. Sayangnya , pemanfaatan internet secara maksimal hanya dilakukan oleh sebagian remaja saja. Saya sendiri termasuk remaja yang BERUSAHA memenfaatkan internet secara maksimal.

    Pada awal munculnya Blog, aplikasi ini sering digunakan orang untuk menulis catatan kegiatan .Kala itu , blog berperan sperti catatan harian (diary) yang hanya berisi ungkapan persaan seseorang. Namun perkembangan selanjutnya, Blog dimanfaatkan untuk membangun imagebranding, memperkuat diri sebagai tought leader melalui ide - ide dan inovasi baru, sarana komunikasi dan hubungan masyarakat, sarana pendidikan secara online ,dan masih banyak manfaat yang lain.

    Interaksi anatara pemilik blog dan pengunjung membuat beberapa komunitas Blog perlu membuat sebuah kode etik dalam memebuat artikel maupun memberikan komentar untuk memberikan perlindungan artikel yang telah dibuat. Saat ini, terdapat beberapa penyedia aplikasi untuk membuat Blog yang bersifat gratis maupun berbayar.

    Manfaat blog dapat diuraikan dlam dua sisi, yang pertma bagi pemilik blog itu sendiri dan yang kedua manfaat blog bagi orang lain atau masyarakat luas pada umumnya.Dari sisi pemilik blog, manfaat yang didapat adalah mengasah keterampilan dalam menulis manambah ilmu, mambangun image branding , peluang bisnis bebas berekspresi dalam mengemukakan ide atau gagasan , daoat berinterkasi dengan pengguna. Sedangkan dari sisi pengguna atau pengunjung, dirpoleh manfaat:sumber informasi secara gratis , menemukan solusi dalam permasalahan yang dialami, menambah keterampilan dan dalam memnfaatkan teknologi informasi dan komunikasi khususnya internet.

Berikut ini merupakan manfaat blog bagi dunia pendidikan :

A. Mendorong siswa untuk selalu mendokumentasikan apa yang ada di dalam pikiran mereka, termasuk di antaranya adalah pengetahuan, pengalaman, perasaan, pendapat, dan lain-lain, dengan metode yang paling sesuai dengan kepribadian masing-masing, apakah itu lewat tulisan, gambar, suara, atau video. Hal ini, selain berguna sebagai ajang latihan mengungkapkan ide-ide yang terpendam, juga berguna untuk penghematan biaya dalam hal publikasi gagasan karena dengan media blog, sebuah gagasan tidak perlu dimuat dalam ribuan lembar kertas agar dapat terpublikasi secara luas.
Setiap buah pikiran yang berhasil mereka dokumentasikan, sebaiknya diberi apresiasi agar mereka juga semakin terpacu untuk mendokumentasikan pengetahuan yang mereka punya. Apresiasi tersebut tidak harus berupa materi, tapi bisa juga berupa tanggapan, pengakuan, pujian, dan bahkan kritikan atas apa yang mereka berhasil dokumentasikan.

B.Menggantikan kelas-kelas diskusi yang selama ini selalu terbatas pada waktu dan sebuah ruangan fisik, sehingga proses pembelajaran pun dapat diselenggarakan dengan lebih fleksibel.

C. Cara yang efektif untuk meningkatkan minat belajar para siswanya.Misalnya seorang guru memposting suatu permasalahan atau materi pelajaran yang disusun dalam suatu bahasa yang formal tetapi lebih santai. Para siswanya kemudian bisa blogwalking ke blog tersebut dan kegiatan belajar mengajar pun bisa menjadi lebih menyenangkan.
Materi pelajaran yang diposting melalui media blog bisa menjadi sebuah konten hebat yang bermanfaat bagi kemajuan dunia pendidikan.

D. Jika kita perhatikan, media blog dapat dimanfaatkan sebagai salah satu media pembelajaran yang cukup efektif. Perubahan arus informasi yang sangat dipengaruhi oleh perkembangan teknologi menyebabkan terjadinya penyesuaian terhadap sistem pembelajaran di semua tingkatan latar belakang pendidikan,maka dari itu pembelajaran Web blog sangat bermanfaat...

http://www.insyaallahsayasukses.ml/2016/01/manfaat-keterampilan-web-blog-untuk.html?m=1