Cara pasang efek spinning pada comment avatar Cara pasang efek spinning pada comment avatar | Rizal saputra
RSS
email
Home » , , , » Cara pasang efek spinning pada comment avatar

Cara pasang efek spinning pada comment avatar


Untuk menginstal spinning effect pada picture Avatar bagian komentar seperti yang dapat Anda lihat pada gambar diatas, Hanya ikut beberapa langkah yang mudah di bawah.

p / s: Effect akan befungsi saat kursor mouse di letak pada image avatar tersebut.

Langkah 1

Login Blogger Dashboard -> Design -> Add A Gadget -> HTML / Javascript.

langkah 2

Copy dan paste kode di bawah pada content HTML / Javascript.


<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/javascript10/mootools-1.3.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>


27 comments:

TUKANG CoLoNG said...

kotak komentarku pake scroll jadi ga keliatan avatarnya.. :)

Rizkyzone said...

keren juga bentuknya, kalau avatar coment blog q tak di sable aja, kan g karen kalau komentarnya g lagi ol, tp menggunakan nama / url, gambarnya jd g muncul

kang RAMDHAN said...

Wah.. perlu dicoba nih. thank infonya...

^Luqi A.K.A Deevro said...

deEvro BUKAn OrG bAEG uDd foLlOw..
HeHe...
tHnkz 4 FOlLOwinG My BlOg....

risky rionaldy said...

Ngasih Jempool Buat yang punya Blog

M.N.Irfan said...

kayaknya menarik nih, kapan2 aku coba ah...

obat herbal diabetes meletus said...

mau coba ah,,,, makasi tas info'a,..

╚══█▓▒╣Cyberfrogteam╠▒▓█══╝ said...

hadir..!
ditunggu real backnya..!!
thanks
n salam bloger Indonesia

fatholthearseko said...

mantab bget gan triknya,,,,salam kenal ya...
http://fatholthearseko.blogspot.com/

reckydjayoesman said...

hmmm keren ane mau coba akh

Anonymous said...

etextbook ebook professional foundations learning strategies http://audiobookscollection.co.uk/fr/Angleterre/c1770/ design pdf ebook [url=http://audiobookscollection.co.uk/it/90-Minutes-in-Heaven-A-True-Story-of-Death-and-Life/p28382/]ebook dirge of cerberus[/url] ebook comix torrent

Anonymous said...

ebook software publishing comparison http://audiobookscollection.co.uk/de/Altern/c1439/?page=2 cat secrets ebook [url=http://audiobookscollection.co.uk/fr/XML-For-Dummies/p208400/]free ebook down trading chaos[/url] torrent ebook amanda young

Anonymous said...

block microsoft software inventory analyzer http://buyoem.co.uk/fr/account/history meetingsense software crack [url=http://buyoem.co.uk/es/account/account]palm desktop software treo 650[/url] computer graphics software business card
[url=http://buyoem.co.uk/category-4/Software-Plugins?page=4]Software Plugins - Cheap Legal OEM Software, Software Sale, Download OEM[/url] zatoo tv free software
[url=http://buyoem.co.uk/product-31365/MS-Access-Export-Table-To-HTML-File-7-0][img]http://buyoem.co.uk/image/1.gif[/img][/url]

Anonymous said...

[url=http://englandpharmacy.co.uk/products/zyban.htm][img]http://onlinemedistore.com/4.jpg[/img][/url]
pharmacy technician certification program http://englandpharmacy.co.uk/products/inderal.htm wal mart pharmacy formulary [url=http://englandpharmacy.co.uk/products/hydrochlorothiazide.htm]salary for pharmacy assistants[/url]
tiajuana pharmacy http://englandpharmacy.co.uk/products/dramamine.htm cross pharmacy [url=http://englandpharmacy.co.uk/products/kamasutra-superthin-condoms.htm]kamasutra superthin condoms[/url]
make a pharmacy http://englandpharmacy.co.uk/catalogue/u.htm diamond pharmacy st croix [url=http://englandpharmacy.co.uk/products/zetia.htm]online pharmacy regulation[/url]
advantages of online pharmacy http://englandpharmacy.co.uk/products/seroquel.htm pharmacy technician exam [url=http://englandpharmacy.co.uk/products/plan-b.htm]plan b[/url]

Anonymous said...


Paris continues to dig team of horny meaning armour 25 million quote is rejected than amounting to Er
Paris continues to dig team of horny meaning armour 25 million quote is rejected than amounting to Er
Www.7m.cn On July 16, 2012 origin: Netease sports

In buy with 42 million euroDiyage - XierwaLater, with seeking hegemony Europe is a targetParisian fiesta ear gracefulWhat still hope to strengthen them through buying a player is medium field actual strength, sports season shines brilliantly in You Wen onBidaerBecame their the first target. According to media coverage, they had served the quoted price of a 25 million euro for Bidaer, nevertheless You Wen rejected this one quoted price.
Bidaer is 25 years old, he is in last year the social status with 10.5 million euro fromLewokusenJoin inYouwentusi. In experience suit momently period later, bidaer became the absolutely main force of You Wenzhong field gradually, he andMaerjixiao, Pi ErluoOf composition in also by regard as Europe optimal in one of field combination.
The teammate with him Maerjixiao is same, bidaer also is character of all-pervasive midfield delegate. Defending respect, the Bidaer of style hale and hearty is adversary defends of exceed hard from beginning to end fort; Going up of sports seasonMeaning armourIn league matches, bidaer's field all grabbed a frequency to be achieved 5.4 times breathtaking, and he is average every match still can contribute intercept 2.2 times, and 1.4 rescue sb from a siege. In attack aspect, after experiencing the gives off ack-ack often awkward situation at the beginning of sports season, bidaer sought shoot status gradually subsequently; Going up in the meaning armour league matches of sports season, bidaergong presented 7 goals and 3 secondary attack.
Depend on on the outstanding play of sports season, be in rise period the attention that Bidaer drew numerous team. According toItalyMedia " Mediaset " report, parisian fiesta ear graceful the quoted price that had given a 25 million euro to leave than amounting to Er, do not cross You Wen decline this one quote. At the same time this report still says, at the same time this report still says,, Law armourGraceful city" it seems that iron the heart should buy thisChileIn, they had gotten ready to serve the 2nd quoted price for Bidaer.
If say to buy Parisian fiesta ear graceful just just begin to start the plan that buys Bidaer, so they toYi BuAndWei Ladibuy had entered phase receiving an official. If everything is successful, the Parisian fiesta ear that holds accept much in control of high by Anqieluodi and Lai graceful buy the madness that realizes pair of meaning armour two years continuously. [url=http://wholesalenikeshoes.page4.me/]cheap jordans for sale[/url]
Turn in the summer last year on meeting market, brandish is worn the Parisian of chequebook is dug from meaning armour league matchesPaasche holds thunder in the palm, Meineisi, XiliguAndXisuokeWait for a person. Among them, paasche held Lei Yiren in the palm to cost Parisian fiesta ear graceful of 42 million euro turn meeting capital. Going up the winter of sports season turns on meeting market, beforeInternational MilanPlayerNot towerAlso joined in this supports law armour rich and powerful family.
Turn in the summer this year on meeting market, rich the Parisian stage a come back. They are signed firstLaweiqi, issued Diyage with the day price autograph of 42 million euro next - Xierwa, and they also are about to finish pair of Yibu and Weiladi buy. Have media and fan jape, present Parisian fiesta ear graceful like wing of armour of a meaning.

variasi mobil said...

hm..keren sob...efek spinningnya..thx for share ilmunya..

RAMDHAN said...

Nice Posting.. Salam Kenal..

obat herbal tumor otak said...

solusi untuk mengobati penyakit yang anda keluhkan
obat herbal tumor otak

Post a Comment

Komentar apa aja sob,mau iklan, mau nyepam mau apa aj boleh,yang penting komentar. Kalau mau follow saya dan konfirmasi, nanti akan sya follow balik, dan jangan kapok berkunjung di blog berat ini !!!

 

read this

traffic rank

paceboox

Recent Post