Cara Membuat Avatar Komentar Berputar
- Jumat, 01 Februari 2013
- 06:00 wita
Sekarang saya akan mencoba berbagi Kreasi yaitu Cara Membuat Avatar pada Komentar Blog Berputar :y; bila mouse didekatkan disamping Avatar tersebut, sebenarnya pada prinsip dasarnya script tersebut untuk membuat Avatar terang dari redup diisi Kreasi Berputar seperti Bola :z;
Cara ini saya temukan di Blogger tetangga MariBina Blog yang merupakan posting lawas disana
Cara Membuatnya
- Masuk Account Blogger dengan ID kawan
- Pada Blogger Home pilih Template - Edit HTML
- Copas Script berikut sebelum </body>
- Pada Blogger Home pilih Tata Letak
- Pada Dasbor pilih Tambah Gadget - HTML / JavaScript
- Copas Script berikut kedalamnya
<style type="text/css">
.avatar-image-container img, comments .avatar-image-container img {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
</style>
<script src="https://sites.google.com/site/blogbegocreation/javascript/mootools-1.3.2.js"></script>
<script>
window.addEvent("domready",function() {
// "Globals" - Will make things compress mo-betta
var $random = function(x) { return Math.random() * x; };
var availableWidth = 0, availableHeight = 0;
var cssPrefix = false;
switch(Browser.name) {
case "safari":cssPrefix = "webkit";break;
case "chrome":cssPrefix = "webkit";break;
case "firefox":cssPrefix = "moz";break;
case "opera":cssPrefix = "o";break;
}
// The Icons
var icons = $$(".avatar-image-container img, comments .avatar-image-container img ");
// Apply opacity
var zIndex = 1000;
// Randomize each link
icons.each(function(element,index) {
var startDeg =(360);
var resetPlace = function() {
element.fade(0.4).setStyle("-" + cssPrefix + "-transform","rotate(" + startDeg + "deg)");
}
element.set("style","top:" + $random(availableHeight) + "px; left:" + $random(availableWidth) + "px; z-index:" + zIndex);
resetPlace();
element.addEvents({
mouseenter: function() { element.fade(1).setStyle("z-index",++zIndex).setStyle("-" + cssPrefix + "-transform","rotate(0deg)");},
mouseleave: resetPlace});
});
});
</script>
- Simpan Template / Blog kawan
Cara Membuat Avatar Komentar Berputar
Rate this posting:
Kalau pada Artikel Cara Membuat Avatar Komentar Berputar
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
Rate this posting:
{[["☆","★"]]}
Kalau pada Artikel Cara Membuat Avatar Komentar Berputar
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
tenks gan.......FROM agus sani
BalasHapusoya gan saya mau masuk forum kk lau boleh tau apa ya gan alamat webNYA..?
saya kurang paham maksud kawan kk lau itu apa
HapusKalau saya tak punya Blog Forum :d;