Tutorial Blog Unik: March 2014

Cara Membuat Tulisan Berputar Mengelilingi Cursor

<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Tulisan Berputar Mengelilingi Cursor </b>- Tutorial lagi.. Tutorial hari ini, saya akan membahas dan menjelaskan tentang <a href="http://www.fahmifanirius.gq/2014/03/cara-menambahkan-tulisan-bergerak-mengelilingi-kursor.html" title="Cara Membuat Teks Berputar Mengelilingi Cursor"><b>Cara Membuat Teks Berputar Mengelilingi Cursor</b></a>. Saya percaya bahwa sobat sangat tahu maksud tutorial yang akan saya bahas ini. Mungkin, sobat sudah sangat sering kemungkinan juga sobat bosan berkunjung ke blog atau web orang dan melihat unik nya <b>tulisan atau teks yang berputar mengelilingi cursor blog</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Tulisan Berputar Mengelilingi Cursor" div="" src="http://4.bp.blogspot.com/-o5vbn6Vd0uk/UPj0sjki6ZI/AAAAAAAAEgQ/QccKp2V_MTE/s1600/Tulisan+Mengikuti+Cursor+di+Blog.jpg" title="Cara Membuat Tulisan Berputar Mengelilingi Cursor" /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Jika sobat <b>membuat tulisan berjalan mengikuti cursor di blog</b>, pastinya pengunjung sobat akan membaca tulisan yang berputar tersebut dan tentunya akan memusingkan pengunjung sobat. :D Ini akan seru jika sobat mengikuti tutorial ini. :v</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Tujuan utama dari <b>cara membuat tulisan mengikuti cursor blog</b> tentunya untuk memperindah cursor blog sobat. Tidak hanya <b>mengganti cursor yang unik</b> saja, seperti tutorial yang pernah kita bahasa sebelumnya. Tetapi juga <b>membuat teks berputar mengikuti kursor di blog</b>. Selain itu, sudah di jelaskan seperti diatas. Tujuan agar pengunjung sobat pusing membaca teks yang berputar mengelilingi kursor. (<span style="color: red;">Baca juga</span>: <a href="http://www.fahmifanirius.gq/2014/03/cara-mudah-mengganti-kursor-dengan.html" title="Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog"><b>Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog</b></a>)</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Nah, barangkali sobat akan tertarik dengan tutorial ini dan memasang nya di blog sobat.</span></div><div id="wrap"><a class="bie-slide" href="http://demo.fahmifanirius.gq/2015/02/demo-cara-membuat-tulisan-berputar-mengelilingi-cursor.html" rel="dofollow" target="_blank" title="Demo Cara Membuat Tulisan Berputar Mengelilingi Cursor"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span id="fullpost">1. </span><span id="fullpost">Login</span><span id="fullpost"> ke blogger</span></span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span id="fullpost"> 2. Pilih </span><span id="fullpost">tata letak </span><span id="fullpost">kemudian </span><span id="fullpost">Tambah Gadget</span></span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span id="fullpost"> 3. Pilih </span><span id="fullpost">HTML/JavaScript</span></span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span id="fullpost">4. Masukan kode berikut in pada kolom HTML/JavaScript:</span></span></div></div><div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;"><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color:   <span style="color: cyan;">#809FFE</span>;
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(){
var msg = "<span style="color: cyan;">Selamat Datang di Fahmi Fanirius Blog!</span>";
var size = 14;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.2;
var speed = 0.3;
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></span></code></pre></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Simpan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: Ganti tulisan </span><b style="color: blue; font-family: Arial, Helvetica, sans-serif;">Selamat datang di Fahmi Fanirius Blog! </b><span style="font-family: Arial, Helvetica, sans-serif;">dengan <b>tulisan berputar</b> yang sobat mau.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Kalau sobat ingin mengganti warna nya, ganti kode </span><b style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;">#809FFE</span></b><span style="font-family: Arial, Helvetica, sans-serif;"> dengan kode warna yang sobat inginkan. Untuk melihat kode nya. Klik disini <b><a href="http://www.fahmifanirius.gq/p/blog-page_8.html">KODE WARNA</a></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: right;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><strike><span style="font-family: Arial, Helvetica, sans-serif;">Tutorial Blogger</span></strike></a></b></div><div style="text-align: left;"><br />
</div><div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Tulisan Berputar Mengelilingi Cursor</span></div></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat tulisan yang mengikuti kursor yang dapat memusingkan pengunjung Anda.</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">91%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2890 votes</span></div></td></tr>
</tbody></table></div></div></div>

Efek JavaScript Tutorial Blogger Cara Membuat Tulisan Berputar Mengelilingi Cursor

Cara Membuat Tulisan Berputar Mengelilingi Cursor - Tutorial lagi.. Tutorial hari ini, saya akan membahas dan menjelaskan tentang Cara Membuat Teks Berputar Mengelilingi Cursor. Saya percaya bahwa sobat sangat tahu maksud tutorial yang akan saya baha…

Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog

8:24 PM Unknown 1

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: small;">Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog</span></b><span style="font-size: small;"> - Kali ini, saya akan bahas tutorial yang banyak sekali dipakai oleh para Blogger. Yaitu </span><a href="http://www.fahmifanirius.gq/2014/03/cara-mengganti-kursor-dengan-kursor-unik.html" target="_blank" title="Cara Mengganti Tampilan Kursor Dengan Gambar Animasi Di Blog"><span style="font-size: small;"><b>Cara Mengganti Tampilan Kursor Dengan Gambar Animasi Di Blog</b></span></a><span style="font-size: small;">.  Dan bisa dipastikan, sobat pernah berkunjung dan mampir ke blog orang lain dan melihat kursor/pointer atau tanda panah di blog tersebut bisa berubah dengan kursor yang unik. Saya yakin sobat banyak yang mampir ke blog orang lain dan melihat </span><b><span style="font-size: small;">kursor nya diganti dengan kursor gambar animasi atau unik di blog</span></b><span style="font-size: small;">. Bener kan?</span></span></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBZ3FauwxwB57mvS72exUOu8aBmLV3zRNLGvmL-WiP1UhT3WBupNibTXFUt3AKBTWgxTaDshyphenhyphenHojYoWxIEptemx0dNP-zx-CkuKDkaX7rF85rFrHzLdFCq6L3frYJWOXWhgtAxbcHlPeFO/s1600/kursor.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<img alt="Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBZ3FauwxwB57mvS72exUOu8aBmLV3zRNLGvmL-WiP1UhT3WBupNibTXFUt3AKBTWgxTaDshyphenhyphenHojYoWxIEptemx0dNP-zx-CkuKDkaX7rF85rFrHzLdFCq6L3frYJWOXWhgtAxbcHlPeFO/s1600/kursor.jpg" title="Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog" /></span></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> <span style="font-size: small;">Mungkin, sobat juga ingin </span><b><span style="font-size: small;">membuat kursor blog menjadi unik dengan gambar animasi</span></b><span style="font-size: small;"> di blog sobat sendiri. Ini mungkin salah satu cara memperindah tampilan blog sobat dengan </span><b><span style="font-size: small;">merubah atau mengganti tampilan kursor di blog</span></b><span style="font-size: small;"> sobat. Mungkin bisa saja dengan </span><b><span style="font-size: small;">tampilan kursor yang unik diblog</span></b><span style="font-size: small;">, atau dengan gambar animasi yang bisa gerak-gerak di blog, atau mungkin bisa dengan gambar/foto sobat sendiri.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> <span style="font-size: small;">Buat sobat yang pernah mampir di blog orang lain yang </span><b><span style="font-size: small;">tampilan kursor blog dengan gambar animasi</span></b><span style="font-size: small;"> atau gambar biasa dan sebagainya, tutorial ini mungkin bisa diikuti dan menjadi salah satu referensi buat mengganti tampilan kursor dengan gambar animasi di blog sobat.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> <span style="font-size: small;">Langsung saja ya.. Tutorial ini sangat mudah di ikuti dan tentunya simple.</span></span></div><div id="wrap"><a class="bie-slide" href="http://demo.fahmifanirius.gq/2015/02/demo-cara-mudah-mengganti-kursor-dengan-gambar-animasi-di-blog.html" rel="dofollow" target="_blank" title="Demo Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">1. Klik </span><b><a href="http://www.cursors-4u.com/" title="www.cursor-4u.com"><span style="font-size: small;">www.cursors-4u.com</span></a><span style="font-size: small;"> </span></b></span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">2. Pilih kategori gambar kursor yang Anda inginkan</span></div><span style="font-family: Arial, Helvetica, sans-serif;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFodpNavDm-1c1m87MxcQTDgs7jJf2OeqSNE4LtopW6GsF0wmtzz4_FYrDdCBG0tHtZmgRdflMF9bIdhlWQHsUPOk5_PLhLBck0AmIxnJpcxqEpRKXiXHqvILWAu5JUwuC8sbWedGfn3BA/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
<img alt="Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFodpNavDm-1c1m87MxcQTDgs7jJf2OeqSNE4LtopW6GsF0wmtzz4_FYrDdCBG0tHtZmgRdflMF9bIdhlWQHsUPOk5_PLhLBck0AmIxnJpcxqEpRKXiXHqvILWAu5JUwuC8sbWedGfn3BA/s1600/Untitled.png" title="Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog" /></a></span></div><span style="font-family: Arial, Helvetica, sans-serif;"> </span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">3. Pilih/klik gambar kursor</span></div><span style="font-family: Arial, Helvetica, sans-serif;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-uEUzt_75GDALbyA54LqdxWEq0H86WB6lXmWPYUNJahnuT-Q62PDpxyS29WV0Sf0CF_zQW0l9muhtxr5J9dnemQLhT0M12GokeuiypeIgExGCZedd3PCrROOwhL7nbR8b6I42XAnnsP0V/s1600/Untitled1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
<img alt="Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-uEUzt_75GDALbyA54LqdxWEq0H86WB6lXmWPYUNJahnuT-Q62PDpxyS29WV0Sf0CF_zQW0l9muhtxr5J9dnemQLhT0M12GokeuiypeIgExGCZedd3PCrROOwhL7nbR8b6I42XAnnsP0V/s1600/Untitled1.png" title="Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog" /></a></span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">4. Setelah diklik, dibawah akan muncul kode HTML/JavaScript dan CSS</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">5. Copy kode yang ada dikolom pertama</span></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilxKPzY6FFRGU6cKqEMjlZUfavtBvsHOXJZZ3n1gXXuP4sj2xffvzVtIiiVQWqxXXAsYbbX05td_d8XZy0Xpd6Po5JCCu218wHdXETo5BrlSxsZ2v7RIvGMWa0-xlwP1SA455gusokxP_v/s1600/Screenshot_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></a></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNUI1EQYh0l9rRxEtAD5zIEZ3qvxdmBADOniiywk25-pq0hFzZusHDwLXPIr9EfgYuMGnWCOgkubiIKITGOln_8WrscL0b5Z8WifDjedG_DtheICoKxyhIo2rUk0M0VXtdjRsi6GFpLkhF/s1600/Untitled3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<img alt="Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNUI1EQYh0l9rRxEtAD5zIEZ3qvxdmBADOniiywk25-pq0hFzZusHDwLXPIr9EfgYuMGnWCOgkubiIKITGOln_8WrscL0b5Z8WifDjedG_DtheICoKxyhIo2rUk0M0VXtdjRsi6GFpLkhF/s1600/Untitled3.png" title="Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog" /></span></a><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">6.   Sign in Blogger</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">7.   Tata letak/layout</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">8.   Add gadget</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">9.   HTML/JavaScript</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">10. Paste kode yang sudah dicopy tadi pada kolom HTML/JavaScript</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">11. Simpan perubahan</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">12. Coba lihat hasilnya</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> <span style="font-size: small;"><br />
</span></span></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"> </span></span><br />
<div style="text-align: right;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><strike><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Tutorial Blogger</span></strike><span style="font-family: Arial,Helvetica,sans-serif;"><strike><span class="Apple-style-span" style="font-size: x-small;"> </span></strike></span></a></b></div><div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review">l<br />
<div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog</span></div></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog yang dapat membuat cursor blog nda semakin unik dan menarik untuk di lihat.</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">71%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 1432 votes</span></div></td></tr>
</tbody></table></div></div></div>

JavaScript Tutorial Blogger Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog

Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog - Kali ini, saya akan bahas tutorial yang banyak sekali dipakai oleh para Blogger. Yaitu Cara Mengganti Tampilan Kursor Dengan Gambar Animasi Di Blog. Dan bisa dipastikan, sobat pernah berkun…

Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog

11:07 PM Unknown 1

<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog</b> - Nambah tutorial lagi sobat saya... Makin hari makin tambah postingan. Artikel sebelumnya, saya pernah posting tutorial yang sejenis dan sama dengan tutorial ini, <a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-efek-link-membesar-jika-disentuh-kursor.html" target="_blank" title="Cara Membuat Efek Link Membesar Saat Disentuh Kursor"><b>Cara Membuat Efek Link Membesar Saat Disentuh Kursor</b></a> tapi, sedikit perbedaan dengan tutorial yang tadi saya sebut. Perbedaannya sangat kecil. <a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-efek-link-bergerak-saat-disentuh-kursor.html" target="_blank" title="Cara Membuat Efek Link Bergoyang Saat Disentuh Cursor Blog"><b>Cara Membuat Efek Link Bergoyang Saat Disentuh Cursor Blog</b></a>, link nya bisa bergerak <b>jika disentuh cursor blog</b>. Jika tutorial sebelumnya <b>efek link membesar atau zoom saat disentuh cursor blog</b>, link nya bisa <b>membesar jika disentuh cursor blog</b> sobat.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Nah, tutorial ini banyak sekali digunkan oleh para Blogger daripada <b>tutorial link membesar saat disentuh cursor blog</b>. Mungkin, sobat sendiri yang pernah berkunjung dan mampir ke blog orang. <b>Ketika cursor blog diarahkan ke link, maka link tersebut akan bergerak</b>. Nah, itu adalah salah satu <b>efek link di blog</b>. Dan, saya akan jelaskan salah satu <b>efek link di blog</b> dari banyaknya <b>efek link di blog</b>.  Mungkin, lain kali saya akan posting tentang <b>efek link di blog</b> yang lain.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Buat sobat yang ingin link nya <b>bergerak saat disentuh cursor blog</b>, bisa di coba... Tidak rumit, tidak juga memberatkan blog sobat.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7lQ-_lZmTAMLlty1fB3iI8V91z3rfy_5U1FuUQKZQIXnhwSi-WC4dw-NjdkXKWKdQGHECCKsruzg_PieYEvHU-iwgJ_vv-_GEqoKWTU87A3ukpj4D7Pdy_f7zcLZqm2WQv_PwIulWzXdm/s1600/link.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog" border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7lQ-_lZmTAMLlty1fB3iI8V91z3rfy_5U1FuUQKZQIXnhwSi-WC4dw-NjdkXKWKdQGHECCKsruzg_PieYEvHU-iwgJ_vv-_GEqoKWTU87A3ukpj4D7Pdy_f7zcLZqm2WQv_PwIulWzXdm/s1600/link.jpeg" title="Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog" width="200" /></span></a></div><div id="wrap"><a class="bie-slide" href="http://demo.fahmifanirius.gq/2015/02/demo-cara-membuat-efek-link-bergerak-saat-disentuh-cursor-blog.html" rel="dofollow" target="_blank" title="Demo Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Seperti biasa, 1. Sign in Blogger </span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout </span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget </span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/javascript </span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Copast kode dibawah: </span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script  src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'  type='text/javascript'></script><script  type='text/javascript'> $(document).ready(function()  {  $('a').hover(function() { $(this).animate({ marginLeft:  '10px' }, <b>400</b>); }, function() { $(this).animate({ marginLeft: 0 }, <b>400</b>); }); });</script>  </span></code></pre><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan perubahan</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">7. Coba dekatkan kursor dilink yg ada</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span></div></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br />
</span></div><div style="text-align: right;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike><span class="Apple-style-span" style="font-size: x-small;">Tutorial Blogger</span></strike></span></a></b></div></div><br />
<div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog</span></div></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat efek link bergerak saat disentuh cursor blog merupakan salah satu efek link di blog yang membuat link bergerak saat disentuh cursor blog.</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">71%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 1432 votes</span></div></td></tr>
</tbody></table></div></div></div>

Efek JavaScript JQuery Tutorial Blogger Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog

Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog - Nambah tutorial lagi sobat saya... Makin hari makin tambah postingan. Artikel sebelumnya, saya pernah posting tutorial yang sejenis dan sama dengan tutorial ini, Cara Membuat Efek Link Membe…

Cara Membuat Efek Link Membesar Saat Disentuh Kursor

11:05 PM Unknown 6

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Efek Link Membesar Saat Disentuh Kursor</b> - Sobat... Baru kali ini saya buat tutorial tentang efek link. Mungkin, lain waktu, saya akan buat tutorial tentang <b>efek link di blog</b> yang lain. <span style="background-color: white; line-height: 18px;">Kali ini saya akan bahas <b>tutorial blogger pemula lagi</b>.. Dan hari ini tutorial yang membahas tentang <b>efek link pada blog</b>. Banyak sekali macam-macam efek link di blog. Tapi, tutorial efek link yang saya buat ini tentang <b>efek link membesar atau zoom saat disentuh cursor blog</b>.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGxM5rkkHqmqspbUicxSdcHLlSQAzeLA7ZzhWvueCm_adTqM_squsq0Jx_8ypCxMoJQiDv4Fhu3vS70FYdTltUehEB6kSR6FAusyuUGtsTkktihkAK1_-MA57S_fsm-oN-6De0RCVNPhY/s1600/Cara+Membuat+Link+Hidup+di+Judul+Postingan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Efek Link Membesar Saat Disentuh Kursor" border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGxM5rkkHqmqspbUicxSdcHLlSQAzeLA7ZzhWvueCm_adTqM_squsq0Jx_8ypCxMoJQiDv4Fhu3vS70FYdTltUehEB6kSR6FAusyuUGtsTkktihkAK1_-MA57S_fsm-oN-6De0RCVNPhY/s1600/Cara+Membuat+Link+Hidup+di+Judul+Postingan.jpg" title="Cara Membuat Efek Link Membesar Saat Disentuh Kursor" width="200" /></span></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; line-height: 18px;" /><span style="background-color: white; line-height: 18px;">Tentunya sobat mungkin asing dengan tutorial ini, <b><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-efek-link-membesar-jika-disentuh-kursor.html" title="Cara Membuat Efek Link Membesar Atau Zoom Saat Disentuh Cursor Blog">Cara Membuat Efek Link Membesar Atau Zoom Saat Disentuh Cursor Blog</a></b>. Mungkin sobat bisa asing karena sangat jarang bertemu maupun berkunjung ke sebuah blog atau web yang menggunakan tutorial ini. Saat sobat mengarahkan pointer atau tanda panah atau cursor blog ke sebuah link, secara otomatis link tersebut akan <b>membesar atau zoom.</b></span><br style="background-color: white; line-height: 18px;" /><br style="background-color: white; line-height: 18px;" /><span style="background-color: white; line-height: 18px;">Tujuan dari tutorial ini mungkin guna untuk <b>memperbesar sebuah link</b> agar lebih jelas dilihat oleh si pembaca jika si pembaca ingin menuju ke link yang akan di klik.</span></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Kebanyakan para Blogger tidak memakai tutorial ini. Tapi, saya pernah liat ada sebuah blog yang memakai tutorial ini. Mayoritas, para Blogger menggunakan<b> efek link</b> <b>underline</b> ketika sebuah <b>link disentuh</b>. Mungkin, lainkali saya akan buat tutorialnya.</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Tapi jangan khawatir. Meskipun jarang sekali para Blogger yang menggunakan tutorial ini, gapapa kok. Sobat bisa gunakan tutorial ini. Blog sobat harus beda. Gak boleh plagiat. Harus kreatif <span style="background-color: white; line-height: 19px;">（≧▽≦）</span></span></div></div><div id="wrap"><a class="bie-slide" href="http://demo.fahmifanirius.gq/2015/02/demo-cara-membuat-efek-link-membesar-saat-disentuh-kursor-blog.html" rel="dofollow" target="_blank" title="Demo Cara Membuat Efek Link Membesar Saat Disentuh Kursor"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><span style="font-family: Arial, Helvetica, sans-serif;">1. Sign in Blogger</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Klik template/rancangan</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Edit HMTL</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. Cari kode </span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;">a:hover</span><span style="color: blue;"></span></span></pre><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: black;">(agar lebih memudahkan untuk mencari, klik secara bersamaan pada keyboard Ctrl+F)</span></span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><span style="color: black;">5.  </span></span>Setelah ketemu, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIBAWAH kode <span style="background-color: #0b5394; color: cyan;">a:hover</span></span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"> font-size: <b><span style="color: cyan;">22</span></b>px;font-weight: bold;text-decoration: none;}</span>
</code></pre><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan perubahan. Coba lihat hasilnya. Dekatkan kursor dengan link yang ada di blog sobat</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">* Ganti angka<span style="color: blue;"> </span><span style="color: cyan;"><b>22</b></span><span style="color: blue;"> </span>(jika disentuh akan membesar) dengan angka yang sobat mau</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><span style="color: purple;"><span style="color: black;"><br />
</span></span></span> <span style="color: blue;"><span style="color: purple;"><span style="color: black;"><br />
</span></span></span></span></div><div style="text-align: left;"></div><span style="font-family: Arial, Helvetica, sans-serif;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><strike><span style="font-family: Arial, Helvetica, sans-serif;">Tutorial Blogger </span></strike></a></b></div><br />
<div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Efek Link Membesar Saat Disentuh Kursor</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat efek link membesar saat disentuh kursor membuat link di blog Anda membesar jika cursor blog menyentuh dan akan menjadi lebih jelas.</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">79%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 156 votes</span></div></td></tr>
</tbody></table></div></div></div>

CSS Efek Tutorial Blogger Cara Membuat Efek Link Membesar Saat Disentuh Kursor

Cara Membuat Efek Link Membesar Saat Disentuh Kursor - Sobat... Baru kali ini saya buat tutorial tentang efek link. Mungkin, lain waktu, saya akan buat tutorial tentang efek link di blog yang lain. Kali ini saya akan bahas tutorial blogger pemula lag…

Cara Membuat Efek Daun Berguguran Di Blog

10:16 PM Unknown 3

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;"><div style="text-align: justify;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Efek Daun Berguguran Di Blog</b> - Tutorial kali ini adalah <a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-daun-berguguran-pada-blog.html" rel="dofollow" target="_blank" title="Cara Mudah Membuat Efek Daun Berjatuhan Di Blog"><b>Cara Mudah Membuat Efek Daun Berjatuhan Di Blog</b></a>. Buat sobat yang mungkin pernah mampir atau berkunjung ke blog ataupun web orang dan melihat blog tersebut terdapat <b>e</b><b>fek daun kering berguguran di blog</b>. Buat sobat yang pernah mampir dan pernah melihat atau mungkin paham dengan tutorial ini. Dan ingin buat <b>efek daun berguguran di blog</b> seperti blog yang pernah sobat kunjungi.</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Buat sobat yang masih belum tau maksud dari tutorial ini saya akan jelaskan. Tutorial ini sama dengan tutorial  sebelumnya yang saya buat yaitu <a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-salju-berjatuhan-pada-blog.html" rel="dofollow" target="_blank" title="Cara Membuat Efek Salju Berjatuhan Di Blog"><b>Cara Membuat Efek Salju Berjatuhan Di Blog</b>.</a> Maksud dari tutorial ini adalah, ketika sobat sudah <b>memasang efek daun berguguran di blog</b> dan pengunjung melihat bahwa blog sobat terdapat banyak sekali <b>efek da</b><b>un kering yang berguguran di blog</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Efek Daun Berguguran Di Blog" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Nsr43F5SsAuRgZtvZIwxJLV52jZOD3TZmPBv2td-5VUFtqIQGsuvMtvx-6SzCdmdIhSeKlloGDj26N7634FNbxzNOdbVY1Ud2S5XrYU3srikN49n-JQnS5l2RQ6rgCbTCPVt5Cytegg/s200/daun.jpg" title="Cara Membuat Efek Daun Berguguran Di Blog" width="179" /></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<b>Efek daun kering bergurguran</b> tersebut jatuh dari atas blog atau  header blog layak nya tutorial sebelum nya yang pernah saya bahas yaitu  tutorial <b>cara membuat efek salju berjatuhan di blog</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Sangat  jarang sekali para penulis blogger yang blog nya saya temukan  menggunakan tutorial ini yaitu <b>cara membuat efek daun berjatuhan di  blog</b>. Mungkin sobat juga tidak memasang nya. Entah alasan kenapa sangat  jarang <b>memasang efek daun berguguran di blog</b>. Termasuk blog saya juga  yang tak terpasang oleh <b>efek daun berjatuhan di blog</b>. Padahal tutorial  <b>efek daun berguguran di blog</b> ini sangat bagus dan terlihat lebih indah.  Mungkin lain kali saya akan memasang nya.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Mungkin sobat yang  belum tau dan penasaran dengan keindahan dan kecantikan <b>efek daun  berguguran di blog</b>, sobat bisa memasang nya.</span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Ini sangat mudah sekali membuatnya. Bagaimana <b>Cara Membuat Efek Daun Berguguran Di Blog</b>? Kita simak aja..</span></div></div><div id="wrap"><a class="bie-slide" href="http://demo.fahmifanirius.gq/2015/02/demo-cara-membuat-efek-daun-berguguran.html" rel="dofollow" target="_blank" title="Demo Cara Membuat Efek Daun Berguguran Di Blog"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><span style="font-family: Arial, Helvetica, sans-serif;">1. Login Blogger</span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/JavaScript</span></span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Copy kode dibawah ini kemudian paste di kolom HTML/JavaScript</span></div><pre style="text-align: left;"><code><span style="font-family: Arial, Helvetica, sans-serif;"><script src='https://googledrive.com/host/0ByoCwyjwB1aDYks2cFpKUXFDbkU'/></script></span></code></pre></div><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan perubahan</span><br />
<div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">7. Lihat hasilnya</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><strike><span style="font-family: Arial, Helvetica, sans-serif;">Tutorial Blogger</span></strike></a></b></div></div><br />
</div><div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Efek Daun Berguguran Di Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat efek daun berguguran di blog dapat membuat blog Anda lebih menarik untuk dilihat. Karena efek daun ini seperti musim gugur.</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">83%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 157 votes</span></div></td></tr>
</tbody></table></div></div></div>

Efek JavaScript Tutorial Blogger Cara Membuat Efek Daun Berguguran Di Blog

Cara Membuat Efek Daun Berguguran Di Blog - Tutorial kali ini adalah Cara Mudah Membuat Efek Daun Berjatuhan Di Blog. Buat sobat yang mungkin pernah mampir atau berkunjung ke blog ataupun web orang dan melihat blog tersebut terdapat efek daun kering …

Cara Membuat Efek Love Berjatuhan Pada Kursor Di Blog

8:55 PM Unknown 3

<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: small;">Cara Membuat Efek Love Berjatuhan Pada Kursor Di Blog</span></b><span style="font-size: small;"> - Tutorial ini sama dengan tutorial sebelumnya yang pernah saya bahas. Tutorial tersebut adalah </span><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-bintang-berjatuhan-pada-kursor.html" rel="dofollow" target="_blank" title="Cara Mudah Membuat Efek Bintang Bertaburan Berjatuhan Di Kursor Blog"><span style="font-size: small;"><b>Cara Mudah Membuat Efek Bintang Bertaburan Berjatuhan Di Kursor Blog</b></span></a><span style="font-size: small;"> tutorial ini sejenis. Dan buat sobat yang belum tau maksudnya disini sejenis dengan tutorial sebelumnya, saya akan bahas.</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1yDU3UIE-ddl1VSV3kj6aNJTV7zbmGl6zZ2Ih6uMwFkNsMsbvy9K0siVAG201w_OTkH4vyMInDZ6ds7fnd05urfW3MzpDaguYfJkcmAGvZpFAADCNQH3ynbI3AgjRO2PoxAF7oOd-rhl/s1600/LoveQuotes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Efek Love Berjatuhan Pada Kursor Di Blog" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1yDU3UIE-ddl1VSV3kj6aNJTV7zbmGl6zZ2Ih6uMwFkNsMsbvy9K0siVAG201w_OTkH4vyMInDZ6ds7fnd05urfW3MzpDaguYfJkcmAGvZpFAADCNQH3ynbI3AgjRO2PoxAF7oOd-rhl/s1600/LoveQuotes.jpg" title="Cara Membuat Efek Love Berjatuhan Pada Kursor Di Blog" width="200" /></span></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Tutorial ini sejenis dengan <a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-bintang-berjatuhan-pada-kursor.html" rel="dofollow" target="_blank" title="Cara Mudah Membuat Efek Cursor Bintang Bertaburan Di Blog"><span style="font-size: small;"><b>Cara Mudah Membuat Efek Cursor Bintang Bertaburan Di Blog</b></span></a><span style="font-size: small;"> </span>dan juga sejenis dengan tutorial </span><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-gelembung-pada-kursor.html" rel="dofollow" style="font-family: Arial, Helvetica, sans-serif;" target="_blank" title="Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog"><span style="font-size: small;"><b>Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog</b></span></a><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> saya akan jelasin apa yang membuat kedua tutorial tersebut sama dengan tutorial ini, </span><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-love-berjatuhan-pada-kursor.html" rel="dofollow" target="_blank" title="Cara Menambahkan Efek Cursor Love Bertaburan di Blog.">Cara Menambahkan Efek Cursor Love Bertaburan di Blog.</a></b></span></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span> <br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Persamaannya adalah, ketika sobat sudah <b><span style="font-size: small;">menambah</span></b><span style="font-size: small;"> </span><b><span style="font-size: small;">efek cursor love di blog</span></b><span style="font-size: small;">, ketika pengunjung mampir ke blog sobat, kursor/pointer/panah tersebut dapat </span><span style="font-size: small;"><b>memunculkan</b> </span><b><span style="font-size: small;">love-love yang berjatuhan dan bertaburan</span></b><span style="font-size: small;">. Banyak sekali love-love yang bertabur di blog sobat.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Sangat jelas sekali, tujuan utama buat para blogger yang <b><span style="font-size: small;">memasang efek cursor love di blog</span></b><span style="font-size: small;"> adalah untuk memperhias blog tersebut. Jadi, buat sobat yang membaca tutorial ini bisa juga memperindah blog sobat salah satunya dengan tutorial ini.</span></span><br />
<div id="wrap"><a class="bie-slide" href="http://www.fahmifanirius.gq/2014/03/cara-memberi-love-berjatuhan-pada-kursor.html" rel="dofollow" target="_blank" title="Demo Cara Membuat Efek Love Berjatuhan Pada Kursor Di Blog"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Ini dia langkahnya:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Seperti biasa, 1. Sign in Blog</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/javascript</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Copast kode dibawah ini pada kolom HTML/JavaScript:</span></div><div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;"><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script type='text/javascript'>
// <![CDATA[
var colour="<span style="color: red;"><b>#FF0066</b></span>";
var sparkles=40;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(5, 5);
var rdow=createDiv(5, 5);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*5;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"49px";
div.style.width=width+"50px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script></span></code></pre></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">6. Ganti kode </span><span class="Apple-style-span" style="background-color: #cfe2f3;"><span style="font-size: small;">#</span></span><b style="font-weight: bold;"><span class="Apple-style-span" style="background-color: #cfe2f3;"><span class="Apple-style-span" style="color: red;"><span style="font-size: small;">FF0066</span></span></span></b><span blog="" cursor="" di="" efek="" font-size:="" gelembung="" membuat="" mouse="" pada="" small="" ubble=""> dengan warna sesuai keinginan di </span><a href="http://www.fahmifanirius.gq/p/blog-page_8.html" rel="dofollow" target="_blank" title="Kode Warna"><span style="font-size: small;"><b>KODE WARNA</b></span></a></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> <span style="font-size: small;"><br />
</span></span></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: right;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><strike><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Tutorial Blogger</span></strike></a></b></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<br />
</span><br />
<div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Efek Love Berjatuhan Pada Kursor Di Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat efek love berjatuhan di blog dengan sangat mudah. Tutorial ini bertujuan untuk memperindah cursor blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">83%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 189 votes</span></div></td></tr>
</tbody></table></div></div></div></div>

Efek JavaScript Tutorial Blogger Cara Membuat Efek Love Berjatuhan Pada Kursor Di Blog

Cara Membuat Efek Love Berjatuhan Pada Kursor Di Blog - Tutorial ini sama dengan tutorial sebelumnya yang pernah saya bahas. Tutorial tersebut adalah Cara Mudah Membuat Efek Bintang Bertaburan Berjatuhan Di Kursor Blog tutorial ini sejenis. Dan buat …

Cara Membuat Efek Salju Berjatuhan Di Blog

11:57 PM Unknown 7

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: small;">Cara Membuat Efek Salju Berjatuhan Di Blog</span></b><span style="font-size: small;"> - Tutorial kali ini menjelaskan </span><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-salju-berjatuhan-pada-blog.html" rel="dofollow" target="_blank" title="Cara Menambahkan Efek Salju Berjatuhan Pada Blog"><span style="font-size: small;"><b>Cara Menambahkan Efek Salju Berjatuhan Pada Blog</b></span></a><span style="font-size: small;"> pastinya sobat sudah pernah berkunjung ke sebuah blog ataupun web yang blog nya terdapat </span><b><span style="font-size: small;">efek salju yang turun berjatuhan</span></b><span style="font-size: small;">. Bener kan? </span><span style="font-size: small;">◕ ‿ ◕</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Dan kali ini, saya akan bagikan tutorial ini kepada sobat.  Tentunya dengan tutorial ini, blog sobat akan terlihat cantik dan  menarik untuk di lihat oleh pengunjung sobat. Karena <b>cara membuat efek  turun salju di Blog</b> dibuat untuk menghias dan mempercantik blog.</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Seperti tutorial yang sudah saya jelaskan sebelumnya. Tutorial <b>cara  membuat efek salju berjatuhan di blog</b> sama dengan <b>tutorial cara  membuat efek taburan bintang di blog</b>. Tapi mungkin sedikit  perbedaan diantara ke 2 tutorial tersebut. Perbedaan nya terlatak pada  dimana efek tersebut jatuh. Untuk yang <b>efek salju berjatuhan di  blog</b>, jatuh nya dari atas blog atau header blog. Sedangkan <b>efek  bintang berjatuhan</b>, <b>jatuh dari cursor blog</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Tentunya,  jika sobat melakukan tutorial ini, blog sobat akan terlihat lebih indah  dan menarik jika mata memandang. :D Daripada sobat menunggu, mending  saya jelaskan langsung <b>cara membuat efek bintang berjatuhan di  blog</b></span><br />
<div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1-7Agz1kEdm-IDbreOvkBuzI425_3XeHjm6OjmcnvOPf6P6FOFc53amYDKDFAEADqxb37TSqvffqPxeYje1xwWh2T8OG7oNzHhmAxwGZnT3KZ5PX_a5BYr7-50vxsMPbHg00rZNf9Djc2/s1600/snow_flakes_clip_art.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYLWbcyOB-ojcg1G5sFkIozKyF2WtHxZCQ8_tbZhNwpgGymuP0M2hZ4kkcAwc3zAhC6qF9NIDPfYhRZhxA-biGqZZwtloWYSHF1EWv52jiLInMHWSaQBdx5j5Ar54kmV3DL10ObRAbLEk/s200/snow2006-screenshot.jpg" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><div id="wrap"><a class="bie-slide" href="http://demo.fahmifanirius.gq/2015/02/demo-cara-membuat-efek-salju-berjatuhan-di-blog.html" rel="dofollow" target="_blank" title="Demo Cara Membuat Efek Salju Berjatuhan Di Blog"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Ini dia langkahnya:</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Seperti biasa, 1. Sign in</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">2. Tata letak/layout</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">3. Add gadget</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">4. HTML/javascript</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">5. Copast kode dibawah ini:</span></div><pre style="text-align: left;"><code><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><script src='http://misbahudin-dcaesga.googlecode.com/files/efek-salju.js'/></script></span></code></pre><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan perubahan</span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">7. Lihat hasilnya</span></div><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><span style="font-size: small;"> </span><span style="font-size: small;"> </span><span style="font-size: small;"> </span></span></div><div style="text-align: right;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif;"><strike><span style="font-size: small;">Tutorial Blogger</span></strike><strike> </strike></span></a></b></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Efek Salju Berjatuhan Di Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat efek salju berjatuhan di blog yang jatuh dari halaman blog membuat pengunjunga Anda lebih nyaman dan menarik untuk dilihat.</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">79%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 1789 votes</span></div></td></tr>
</tbody></table></div></div></div>

Efek JavaScript Tutorial Blogger Cara Membuat Efek Salju Berjatuhan Di Blog

Cara Membuat Efek Salju Berjatuhan Di Blog - Tutorial kali ini menjelaskan Cara Menambahkan Efek Salju Berjatuhan Pada Blog pastinya sobat sudah pernah berkunjung ke sebuah blog ataupun web yang blog nya terdapat efek salju yang turun berjatuhan. Ben…

Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog

11:25 PM Unknown 7

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog</b> - Tutorial kali ini adalah <a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-gelembung-pada-kursor.html" rel="dofollow" target="_blank" title="Cara Memberi Efek Gelembung Di Pointer/Cursor Mouse Pada Blog"><b>Cara Memberi Efek Gelembung Di Pointer/Cursor Mouse Pada Blog</b></a>. Tutorial yang satu ini sama dengan tutorial sebelumnya. Jika kursor di gerakkan, maka akan keluar <b>gelembung-gelembung pada pointer/cursor di blog</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJixCHe_ncbrKc0qyBPeOh27ATgw5vDMO4MgZpdOXSG8E30stfWJhO7M2pRQUwrRLNEoaBZx0W7iop85oNZA8nRk_HiJlR_JhRb_dlxeaLUhcZ0bN5VMpLbPCzol46rzYhvm64dyPbDRSH/s1600/24-Light-Blue-Bubble-Background20130815.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJixCHe_ncbrKc0qyBPeOh27ATgw5vDMO4MgZpdOXSG8E30stfWJhO7M2pRQUwrRLNEoaBZx0W7iop85oNZA8nRk_HiJlR_JhRb_dlxeaLUhcZ0bN5VMpLbPCzol46rzYhvm64dyPbDRSH/s1600/24-Light-Blue-Bubble-Background20130815.jpg" title="Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog" width="146" /></a></div></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"> </span> </span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Tutorial ini saya buat sama seperti sebelumnya, yaitu <b><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-bintang-berjatuhan-pada-kursor.html" rel="dofollow" title="Cara Mudah Membuat Efek Cursor Bintang Bertaburan Di Blog">Cara Mudah Membuat Efek Cursor Bintang Bertaburan Di Blog</a></b> Saya yakin, sobat gak pernah liat ataupun berkunjung ke sebuah web atau blog yang di pasang script efek gelembung untuk menghias web / blog tersebut. Pastinya, sobat hanya melihat <b>Efek kursor bintang berjatuhan</b> yang ada di blog para Blogger. Bener kan?</span></div><div id="wrap"><a class="bie-slide" href="http://demo.fahmifanirius.gq/2015/02/demo-cara-membuat-efek-gelembungbubble-pada-cursor--mouse-di-blog.html" rel="dofollow" target="_blank" title="Demo Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Dan spesial tutorial ini buat sobat. Kemungkinan asing di mata sobat dengan tutorial ini yang akan keluar <b>gelembung-gelembung atau bubble dari cursor blog</b>. Pasang aja, <b>script efek gelembung pada blog</b> ini. Agar para visitor sobat gak bosen. Dengan dipasangnya tutorial ini kan, para visitor akan nyaman dengan hiasan kursor sobat.</span><span style="font-size: small;"><br />
</span></span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Seperti biasa, 1. Sign in Blog</span></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> </span></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">2. Tata letak/layout</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">3. Add gadget</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">4. HTML/javascript</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">5. Copast kode dibawah ini pada kolom HTML/JavaScript:</span><br />
<div style="background: none repeat scroll 0% 0% rgb(224, 239, 247); border: 3px dashed rgb(1, 89, 248); height: 300px; overflow: auto; padding: 10px; text-align: left; width: auto;"><pre><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><code><span style="font-family: Arial, Helvetica, sans-serif;"><noscript></noscript><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">

// <![CDATA[

var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=100; // maximum number of bubbles on screen

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();

window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i<bubbles; i++) {

rats=createDiv("3px", "3px");

rats.style.visibility="hidden";

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="1px";

div.left="0px";

div.bottom="1px";

div.right="0px";

div.borderLeft="1px solid "+colours[3];

div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="0px";

div.left="1px";

div.right="1px";

div.bottom="0px"

div.borderTop="1px solid "+colours[0];

div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.left="1px";

div.right="1px";

div.bottom="1px";

div.top="1px";

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}

function bubble() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+"px";

bubb[c].top=(bubby[c]=y)+"px";

bubb[c].width="3px";

bubb[c].height="3px"

bubb[c].visibility="visible";

bubbs[c]=3;

break;

}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout("bubble()", 40);

}

function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]>sdown && bubbx[i]>0) {

if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

bubb[i].width=bubbs[i]+"px";

bubb[i].height=bubbs[i]+"px";

}

bubb[i].top=bubby[i]+"px";

bubb[i].left=bubbx[i]+"px";

}

else {

bubb[i].visibility="hidden";

bubby[i]=0;

return;

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

window.onscroll=set_scroll;

function set_scroll() {

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

function createDiv(height, width) {

var div=document.createElement("div");

div.style.position="absolute";

div.style.height=height;

div.style.width=width;

div.style.overflow="hidden";

return (div);

}

// ]]>

</script></span></code></span></pre></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">6. Simpan Perubahan</span></div></div></div><div style="text-align: left;"><div style="text-align: left;"><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"> </span> <span style="font-size: small;"> </span></span></div></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span> <span style="font-size: small;"> </span>  </span><br />
<div style="text-align: right;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><strike>Tutorial Blogger</strike></a></b></span></div></div><br />
<div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat efek gelembung/bubble pada cursor mouse di blog yang dapat membuat pengunjung Anda tertarik dengan blog Anda. Karena tutorial ini dapat memperindah blog Anda.</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">74%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 1345 votes</span></div></td></tr>
</tbody></table></div></div></div>

Efek JavaScript Tutorial Blogger Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog

Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog - Tutorial kali ini adalah Cara Memberi Efek Gelembung Di Pointer/Cursor Mouse Pada Blog. Tutorial yang satu ini sama dengan tutorial sebelumnya. Jika kursor di gerakkan, maka akan keluar g…

Cara Membuat Efek Bintang Bertaburan Berjatuhan Di Cursor Blog

11:00 PM Unknown 1

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Efek Bintang Bertaburan Berjatuhan Di Cursor Blog</b> - Tutorial kali ini tentang menghias blog yaitu <a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-bintang-berjatuhan-pada-kursor.html" rel="dofollow" target="_blank" title="Cara Mudah Membuat Efek Cursor Bintang Bertaburan Di Blog"><b>Cara Mudah Membuat Efek Cursor Bintang Bertaburan Di Blog</b></a>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Banyak sekali para Blogger yang menggunakan tutorial ini. Sangat pasti, ketika sobat berkunjung dan browsing di suatu blog ataupun web, pernah melihat kursor nya teradapat <b>bintang-bintang berjatuhan</b>. Yakan? Pastinya itu.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Saya sangat sering melihat sebuah blog yang di beri efek bintang bertaburan pada kursor di blog tersebut. Tentunya, tujuannya yaitu untuk menghias blog saja. Unik aja gitu. Biar mata kita agak enakan melihat <b>bintang-bintang berjatuhan</b>.</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div><span style="font-family: Arial, Helvetica, sans-serif;">Tapi, buat sobat yang kemungkinan belum mengerti dan paham tutorial Cara Membuat Efek Bintang Jatuh Pada Kursor Blog, sobat bisa lihat gambar animasi berikut ini:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV33vvxvjxtSzNhMrUO5_OegETU2WvSVSsi1wIqvFusZl-W6ClIdb9zU7ofg8mt3hSv_Kqte2qo9ZDzFJEEvoezFyHppNdK1pRu0Lu3M6qlFhlf75HqmDr9ymgN7WEsUuepy9Ktmeo_31w/s1600/aa.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Mudah Membuat Efek Bintang Bertaburan Berjatuhan Di Kursor Blog" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV33vvxvjxtSzNhMrUO5_OegETU2WvSVSsi1wIqvFusZl-W6ClIdb9zU7ofg8mt3hSv_Kqte2qo9ZDzFJEEvoezFyHppNdK1pRu0Lu3M6qlFhlf75HqmDr9ymgN7WEsUuepy9Ktmeo_31w/s1600/aa.gif" title="Cara Mudah Membuat Efek Bintang Bertaburan Berjatuhan Di Kursor Blog" width="200" /></span></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Sebagai pelengkap, saya kasih demo nya juga untuk tutorial ini.</span><br />
<div id="wrap"><a class="bie-slide" href="http://demo.fahmifanirius.gq/2015/02/demo-cara-membuat-efek-bintang-bertaburan-berjatuhan-di-cursor-blog.html" rel="dofollow" target="_blank" title="Demo Cara Membuat Efek Bintang Bertaburan Berjatuhan Di Cursor Blog"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Tak hanya <b>bintang berjatuhan dan bertaburan pada kursor atau pointer</b>, pastinya sobat pernah melihat sebuah blog yang di beri <b>daun berguguran di blog</b> tersebut.</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Buat sobat yang ingin nyoba tutorial ini, silahkan... Bagus kok, buat blognya sobat. (<span class="Apple-style-span" style="color: red;">Baca juga</span>: <a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-gelembung-pada-kursor.html" rel="dofollow" target="_blank" title="Cara Memberi Efek Gelembung Di Pointer/Cursor Mouse Pada Blog"><b>Cara Memberi Efek Gelembung Di Pointer/Cursor Mouse Pada Blog</b></a>)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;"> Sebelum saya jelaskan, disini saya mempunyai <b>2 cara untuk memberi efek taburan bintang di cursor blog</b>. 2 cara tersebut menggunakan edit HTML dan HTML/JavaScript. Sebelum sobat menggunakan salah satu diantara 2 cara tersebut, sobat memilih terlebih dahulu <b>warna efek taburan</b> <b>bintang</b> yang sudah tersedia dibawah ini.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<span style="color: yellow;"><b style="background-color: #7f6000;">Efek bintang berjatuhan berwarna kuning:</b></span><br />
</span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<script src=' http://wadah-tutorial.googlecode.com/files /bintangkuning.js' type='text/javascript'/> <span style="background-color: #0b5394; color: cyan;"></span></span></code></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<span style="background-color: #0b5394; color: cyan;"><b>Efek bintang berjatuhan berwarna biru:</b><br />
</span></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<script src=' http://wadah-tutorial.googlecode.com/files /bintangbiru.js' type='text/javascript'/></span></code></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<span style="background-color: #b45f06; color: #f9cb9c;"><b>Efek bintang berjatuhan berwarna oren:</b><br />
</span></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<script src=' http://wadah-tutorial.googlecode.com/files /bintangoren.js' type='text/javascript'/></span></code></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<span style="background-color: #e06666; color: #f4cccc;"><b>Efek bintang berjatuhan berwarna pink:</b><br />
</span></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<script src=' http://wadah-tutorial.googlecode.com/files /bintangpink.js' type='text/javascript'/></span></code></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Berikut langkah-langkah <b>cara membuat efek taburan bintang di cursor blog</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> </span><br />
<h2 style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">Cara 1:</span></b></span></h2><span style="font-family: Arial, Helvetica, sans-serif;"> 1. Login Blogger<br />
2. Tata letak/layout<br />
3. Add gadget/tambahkan gadget<br />
4. Pilih HTML/JavaScript<br />
5. Copy kode <b>efek taburan bintang</b> yang sudah sobat pilih diatas<br />
6. Simpan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Seperti cara yang pertama, sobat harus memilih dulu <b>kode efek bintang bertaburan</b>.<br />
</span><br />
<h2 style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;"> Cara 2:</span></b></span></h2><span style="font-family: Arial, Helvetica, sans-serif;"> 1. Login Blogger<br />
2. Template/rancangan<br />
3. Edit HTML<br />
4. Cari kode <span style="color: cyan;"></span></span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"></body></span></span></pre><span style="font-family: Arial, Helvetica, sans-serif;"> (agar mempermudah pencarian, klik kolom edit HTML, kemudian tekan Ctrl+F)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">5. Setelah ketemu, copy <b>kode efek taburan bintang</b> yang sudah di pilih tadi, kemudian paste kan tepat DIATAS kode <span style="background-color: #0b5394; color: cyan;"></body></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">6. Save template</span><br />
<h2><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">Cara 3:</span></b></span></h2><span style="font-family: Arial, Helvetica, sans-serif;">Untuk cara 3, sama saja hasilnya dengan yang diatas. Tetapi, bedanya hanya di script. Kalo untuk cara 3, saya akan beri script lengkap. Kalau cara 1 dan cara 2 script nya disimpan, jadi script nya terlihat sedikit. Jika sobat pilih yang cara 3, sobat dapat mengganti warna nya sesuka hati, bukan warna dasar saja seperti cara 1 dan cara 2.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
1. Login Blogger</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget/tambahkan gadget</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">4. Pilih HTML/JavaScript</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">5. Copy kode dibawah ini kemudian paste dan letakkan kode nya pada kolom HTML/JavaScript</span><br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;"><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script type='text/javascript'>
// <![CDATA[
var colour="<span style="color: red;"><b>#8B008B</b></span>";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script></span></code></pre></div><span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: ganti kode </span><b style="color: red; font-family: Arial, Helvetica, sans-serif;">#8B008B</b><span style="font-family: Arial, Helvetica, sans-serif;"> dengan kode warna kesukaan sobat. Sobat bisa lihat kode warna di <b><a href="http://www.fahmifanirius.gq/p/blog-page_8.html">Kode Warna HTML</a></b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> <br />
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><strike><span style="font-family: Arial, Helvetica, sans-serif;">Tutorial Blogger</span></strike></a></b></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Efek Bintang Bertaburan Berjatuhan Di Cursor Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara mudah membuat efek bintang bertaburan berjatuhan di cursor blog yang dapat membuat blog Anda terlihat lebih cantik dengan adanya bintang berjatuhan di cursor blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">89%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 198 votes</span></div></td></tr>
</tbody></table></div></div></div><br />
<br />
</div>

Efek JavaScript Tutorial Blogger Cara Membuat Efek Bintang Bertaburan Berjatuhan Di Cursor Blog

Cara Membuat Efek Bintang Bertaburan Berjatuhan Di Cursor Blog - Tutorial kali ini tentang menghias blog yaitu Cara Mudah Membuat Efek Cursor Bintang Bertaburan Di Blog. Banyak sekali para Blogger yang menggunakan tutorial ini. Sangat pasti, ketika s…

Cara Memasang Anti Klik Kanan Dengan Pesan Teks Di Blog

9:58 PM Unknown 2

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: small;">Cara Memasang Anti Klik Kanan Dengan Pesan Teks Di Blog</span></b><span style="font-size: small;"> - Tutorial sebelumnya saya pernah membahas </span><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-anti-klik-kanan-pada-blog.html" rel="dofollow" target="_blank" title="Cara Mudah Memasang Kode Script Anti Klik Pada Blog"><span style="font-size: small;"><b>Cara Mudah Memasang Kode Script Anti Klik Pada Blog</b></span></a><span style="font-size: small;">. Dan sekarang, saya beri tutorial lagi yang masih berkaitan dengan tutorial sebelumnya.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: small;">Cara mudah memasang anti klik kanan dengan pesan teks di Blog</span></b><span style="font-size: small;"> sangat berkaitan dengan tutorial sebelumnya. Tapi, masih terdapat perbedaan. Tidak terlalu banyak perbedaan sih. Cuma sedikit perbedaan.</span></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Sebelum saya sebut apa perbedaan tersebut, saya akan ulas secara ringkas tentang tutorial sebelumnya. (</span><span class="Apple-style-span" style="color: red;"><span style="font-size: small;">Baca juga</span></span><span style="font-size: small;">: </span><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-anti-klik-kanan-pada-blog.html" rel="dofollow" target="_blank" title="Cara Mudah Memasang Kode Script Anti Klik Pada Blog"><span style="font-size: small;"><b>Cara Mudah Memasang Kode Script Anti Klik Pada Blog</b></span></a><span style="font-size: small;">)</span></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Banyak sekali para blogger yang </span><b><span style="font-size: small;">memasang kode script anti klik kanan</span></b><span style="font-size: small;">. Pastinya, ketika sobat pernah berkunjung kesebuah website dan ingin sekali meng copy dan paste artikel atau konten di dalamnya, ternyata setelah di block, gak bisa di klik kanan. Padahal ingin sekali copas artikel tersebut. Yakan? Jujur aja.. </span><span class="Apple-style-span"><span style="font-size: small;">ヾ∀ﾟ)ﾉ </span></span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Dan tutorial kali ini akan menjelaskan tentang </span><b><span style="font-size: small;">Cara mudah memasang kode script anti klik kanan dengan pesan teks di Blog</span></b><span style="font-size: small;">. Terdapat perbedaan tutorial kali ini dengan tutorial sebelumnya.</span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Yang membedakan adalah di tutorial ini terdapat <b>pesan teks</b> ketika orang lain <b>klik kanan</b> pada blog ataupun web kita. Contohnya ketika orang lain akan mengcopas postingan kita dan ketika dia klik kanan, terdapat tulisan: "<b>Jangan copas! Artikel ini sangat dilindungi!</b>" Haha.. :D (</span><span class="Apple-style-span" style="color: red;"><span style="font-size: small;">Baca juga: </span></span><a href="http://www.fahmifanirius.gq/2014/04/cara-memberi-anti-block-pada-postingan.html" rel="dofollow" target="_blank" title="Cara Memberi Anti Block Di Blog"><span style="font-size: small;"><b>Cara Memberi Anti Block Di Blog</b></span></a><span style="font-size: small;">)</span></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span><span style="font-size: small;"> </span><span class="Apple-style-span"><span style="font-size: small;">Mungkin, </span><b><span style="font-size: small;">anti klik kanan dengan pesan teks</span></b><span style="font-size: small;"> tersebut bisa digambarkan dengan tulisan bahasa Inggris seperti gambar dibawah ini:</span></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span><span style="font-size: small;"> </span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjZkClPPJqtuCvh5BHNPKnufnwz0AlDuWaPZy2_w_E_Xz-6NShrefYRJT-e2qnlvhrlRg7GcV7jWqrSOSpORVbnWXxcoQFGsRaA9w60X9_sRcwZ9LdlFZGwrh_4y3h5wTSSDVJ7X6NmVop/s1600/right_click_disable.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Mudah Memasang Anti Klik Kanan Dengan Pesan Teks Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjZkClPPJqtuCvh5BHNPKnufnwz0AlDuWaPZy2_w_E_Xz-6NShrefYRJT-e2qnlvhrlRg7GcV7jWqrSOSpORVbnWXxcoQFGsRaA9w60X9_sRcwZ9LdlFZGwrh_4y3h5wTSSDVJ7X6NmVop/s1600/right_click_disable.gif" title="Cara Mudah Memasang Anti Klik Kanan Dengan Pesan Teks Di Blog" /></span></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span><span style="font-size: small;"> </span><span class="Apple-style-span"><span style="font-size: small;"><br />
</span><span style="font-size: small;"> </span></span></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span"><span style="font-size: small;">Kalau sobat masih belum jelas dengan penjelasan diatas yang sudah sangat jelas, </span></span><span style="font-size: small;">mendingan coba aja tutorialnya. Masak iya, sobat masih belum jelas. </span><span class="Apple-style-span" style="color: #111111; line-height: 19px;"><span style="font-size: small;">(˘̩̩̩^˘̩̩̩) di coba dulu ya.. Untuk demo dari tutorial <b>cara membuat anti klik kanan dengan pesan teks di blog</b>, bisa klik link berikut.</span></span></span></div></div><div id="wrap"><a class="bie-slide" href="http://demo.fahmifanirius.gq/2015/02/cara-memasang-anti-klik-kanan-dengan-pesan-teks-di-blog.html" rel="dofollow" target="_blank" title="Demo Cara Memasang Anti Klik Kanan Dengan Pesan Teks Di Blog"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Klik disini</span><br />
</a></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Seperti biasa, 1. Login Blogger</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> </span></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">2. Tata letak/layout</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">3. Add gadget</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> </span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">4. HTML/javascript</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">5. Copast kode dibawah ini pada kolom HTML/JavaScript:</span></div><div style="text-align: left;"><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script language="JavaScript1.2"> 
var msgpopup="<span style="color: red;"><b>Maaf, Anda dilarang copas artikel ini. :)</b></span>"; function pmb(){ if(alertVis == "1") alert(message); 
if(closeWin == "1") self.close(); 
return false; } function IE() {
if (event.button == "2" || event.button == "3"){pmb();} } function NS(e) {
if (document.layers || (document.getElementById && !document.all)){ 
if (e.which == "2" || e.which == "3"){ pmb();}      } } document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("alert(msgpopup);return false") 
</script>
</span></code></pre></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"> </span><span style="font-size: small;"> </span><span style="font-size: small;">*Tulisan </span></span><b style="color: red; font-family: Arial, Helvetica, sans-serif;">Maaf, Anda dilarang copas artikel ini. :)</b><span style="font-family: Arial, Helvetica, sans-serif;">, isi dengan tulisan yang kalian inginkan</span> <br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">6. Simpan perubahan</span></div><div style="text-align: left;"><b><u><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"> </span><span style="font-size: small;"> </span></span></u></b></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"> </span><span style="font-size: small;"> </span><span style="font-size: small;"> </span></span> <br />
<div style="text-align: right;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><strike><span style="font-size: small;">Tutorial Blogger</span></strike></a></b><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><strike><span class="Apple-style-span" style="font-size: x-small;"> </span></strike></a></b></span></div><span style="font-family: Arial, Helvetica, sans-serif;"> </span> <br />
<div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Memasang Anti Klik Kanan Dengan Pesan Teks Di Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara mudah memasang anti klik kanan dengan pesan teks di blog yang dapat membantu Anda dari para pengunjung copaser dengan menampilkan peringatan</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">71%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2079 votes</span></div></td></tr>
</tbody></table></div></div></div>

JavaScript Tutorial Blogger Cara Memasang Anti Klik Kanan Dengan Pesan Teks Di Blog

Cara Memasang Anti Klik Kanan Dengan Pesan Teks Di Blog - Tutorial sebelumnya saya pernah membahas Cara Mudah Memasang Kode Script Anti Klik Pada Blog. Dan sekarang, saya beri tutorial lagi yang masih berkaitan dengan tutorial sebelumnya. Cara mudah…

Cara Membuat Tulisan Berputar Mengelilingi Cursor

Cara Mudah Mengganti Kursor Dengan Gambar Animasi Di Blog

Cara Membuat Efek Link Bergerak Saat Disentuh Cursor Blog

Cara Membuat Efek Link Membesar Saat Disentuh Kursor

Cara Membuat Efek Daun Berguguran Di Blog

Cara Membuat Efek Love Berjatuhan Pada Kursor Di Blog

Cara Membuat Efek Salju Berjatuhan Di Blog

Cara Membuat Efek Gelembung/Bubble Pada Cursor Mouse Di Blog

Cara Membuat Efek Bintang Bertaburan Berjatuhan Di Cursor Blog

Cara Memasang Anti Klik Kanan Dengan Pesan Teks Di Blog

Terpopuler

Kategori

Arsip Blog