Home » Blogger Tutorials, Tricks and Hacks » Adding a Spinning Hover Effect to Blogger Popular Posts Widget

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Adding a Spinning Hover Effect to Blogger Popular Posts Widget

Adding a Spinning Hover Effect to Blogger Popular Posts Widget

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

1,634 views

Add a spinning hover effect to your Blogger Popular Posts widget. Talat Rizwan shows you how you can easily do this on your Blogger blog.

Follow these steps:

  • Go to Blogger Dashboard > Template.
  • Hit Expand Widget Templates check box.
  • Search for ]]></b:skin> and paste the following code  just above it:
#PopularPosts1 {    max-width: 300px}

#PopularPosts1 dd {    float: left;    border-bottom: none;    margin: 8px 8px 0 8px;    background: none;    display: block;    padding: 0}

#PopularPosts1 img {    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    transition: all 0.5s ease;    padding: 4px;    background: #eee;    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);    box-shadow: 0 0 3px rgba(0,0,0,.7);}

#PopularPosts1 img:hover {    -moz-transform: scale(1.2) rotate(-350deg);    -webkit-transform: scale(1.2) rotate(-350deg);    -o-transform: scale(1.2) rotate(-350deg);    -ms-transform: scale(1.2) rotate(-350deg);    transform: scale(1.2) rotate(-350deg);    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
  • Save.

That’s it. Hope Rizwan’s tutorial helps you.

Note: Before editing your template, backup your files first.

 

Liked It ? Please Share

Comments

4 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. sasorikun says:

    thanks terima kasih

  2. box3r1 says:

    nice tips helped me and i hope they will help others too

  3. Thanks dude, it is really awesome.

  4. Freddie says:

    Thanks for one’s marvelous posting! I quite enjoyed reading it, you’re a great
    author.I will remember to bookmark your blog and will eventually
    come back down the road. I want to encourage one to continue your great writing, have a nice evening!

    My partner and I absolutely love your blog
    and find many of your post’s to be what precisely I’m looking
    for. Do you offer guest writers to write content in your case?
    I wouldn’t mind creating a post or elaborating on many of the subjects you write in relation to here. Again, awesome web site!
    My partner and I stumbled over here different website and thought I might as well check things out. I like what I see so now i am following you. Look forward to looking over your web page repeatedly.
    I enjoy what you guys are usually up too. This sort of clever work and coverage! Keep up the awesome works guys I’ve included you guys to
    my blogroll.
    Hello I am so grateful I found your web site, I really found
    you by mistake, while I was researching on Google for something else, Nonetheless I am here now and would just like to say thanks a lot for a tremendous post
    and a all round thrilling blog (I also love the theme/design), I don’t have time to browse it all at the moment but I have book-marked it and also added in
    your RSS feeds, so when I have time I will be back to read much more,
    Please do keep up the excellent job.
    Appreciating the dedication you put into your website and detailed information you present.
    It’s great to come across a blog every once in a while that isn’t
    the same out of date rehashed material. Wonderful read!
    I’ve bookmarked your site and I’m including your RSS feeds to my Google account.

    Hi! I’ve been reading your site for a while now and finally got the courage to go ahead and give you a shout out from Lubbock Tx! Just wanted to say keep up the fantastic job!
    I’m really loving the theme/design of your weblog. Do you ever run into any web browser compatibility issues?
    A couple of my blog audience have complained about my site not operating correctly in Explorer but looks
    great in Opera. Do you have any recommendations to help fix this problem?

    I’m curious to find out what blog system you happen to be using? I’m having some minor security issues
    with my latest blog and I would like to find something more secure.

    Do you have any recommendations?
    Hmm it looks like your site ate my first comment (it was
    super long) so I guess I’ll just sum it up what I wrote and say, I’m thoroughly enjoying your blog.

    I too am an aspiring blog blogger but I’m still new to everything. Do you have any tips for inexperienced blog writers? I’d genuinely appreciate it.

    Woah! I’m really enjoying the template/theme of this blog. It’s
    simple, yet effective. A lot of times it’s very difficult to get that “perfect balance” between user friendliness and appearance. I must say you have done a great job with this. Also, the blog loads very quick for me on Internet explorer. Outstanding Blog!
    Do you mind if I quote a couple of your posts as long as I provide credit and sources back to your website? My blog is in the exact same niche as yours and my visitors would really benefit from some of the information you provide here. Please let me know if this alright with you. Regards!
    Hi would you mind letting me know which web host you’re working with?
    I’ve loaded your blog in 3 different web browsers and I must say this blog loads a lot quicker then most. Can you suggest a good web hosting provider at a honest price? Thanks a lot, I appreciate it!
    Excellent site you have here but I was wondering if you knew of any user discussion forums that cover the same topics discussed in this article? I’d really like
    to be a part of online community where I can get opinions from other experienced individuals that share
    the same interest. If you have any suggestions, please let me know.

    Thank you!
    Hey! This is my 1st comment here so I just wanted to give a quick shout out and tell you I genuinely enjoy reading your posts.
    Can you recommend any other blogs/websites/forums that deal with the same subjects?
    Thanks!
    Do you have a spam issue on this site; I also am a blogger, and I was wanting to know your situation; many of
    us have created some nice practices and we are looking to
    trade solutions with other folks, please shoot me an email if interested.

    Please let me know if you’re looking for a writer for your weblog. You have some really great posts and I feel I would be a good asset. If you ever want to take some of the load off, I’d really like
    to write some content for your blog in exchange for a link back to
    mine. Please shoot me an e-mail if interested. Kudos!
    Have you ever thought about including a little bit more than just your articles?
    I mean, what you say is valuable and all. But imagine if you added some great images or video clips to
    give your posts more, “pop”! Your content is
    excellent but with images and videos, this website could certainly
    be one of the best in its niche. Good blog!

    Fascinating blog! Is your theme custom made or
    did you download it from somewhere? A design like yours with
    a few simple adjustements would really make my blog jump out.
    Please let me know where you got your design.

    Thanks a lot
    Hi there would you mind sharing which blog platform you’re using? I’m going to start my own blog soon but
    I’m having a tough time deciding between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your layout seems different then most blogs and I’m looking for something
    completely unique. P.S Apologies for being off-topic but I had to ask!

    Hey there just wanted to give you a quick heads up. The words in your article seem to
    be running off the screen in Firefox. I’m not sure if this is a format issue or something to do with internet browser compatibility but I thought I’d
    post to let you know. The style and design look great though!
    Hope you get the problem fixed soon. Thanks
    With havin so much written content do you ever run into any issues of plagorism or copyright infringement?
    My site has a lot of unique content I’ve either written myself or outsourced but it appears a lot of it is popping it up all over the internet without my authorization. Do you know any ways to help reduce content from being ripped off? I’d certainly appreciate it.

    Have you ever thought about publishing an ebook
    or guest authoring on other sites? I have a blog
    centered on the same topics you discuss and would really like to have you share some
    stories/information. I know my audience would
    value your work. If you’re even remotely interested, feel free to send me an e-mail.
    Hey! Someone in my Myspace group shared this site with us so I came to check it out. I’m
    definitely loving the information. I’m book-marking and will be tweeting this to my followers! Excellent blog and brilliant design and style.
    Wonderful blog! Do you have any suggestions for aspiring writers? I’m hoping to start
    my own website soon but I’m a little lost on everything. Would you recommend starting with a free platform like WordPress or go for a paid option? There are so many options out there that I’m completely overwhelmed .
    . Any recommendations? Thanks!
    My programmer is trying to persuade me to move to .
    net from PHP. I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using Movable-type on numerous websites for about a
    year and am anxious about switching to another platform.
    I have heard fantastic things about blogengine.
    net. Is there a way I can transfer all my wordpress content into it?
    Any kind of help would be greatly appreciated!
    Does your blog have a contact page? I’m having a tough time locating it but, I’d
    like to shoot you an email. I’ve got some creative ideas for your blog you might be interested in hearing. Either way, great blog and I look forward to seeing it grow over time.
    It’s a pity you don’t have a donate button! I’d definitely donate to this
    fantastic blog! I suppose for now i’ll settle for bookmarking and adding your RSS feed to my Google account. I look forward to new updates and will talk about this site with my Facebook group. Chat soon!
    Greetings from Idaho! I’m bored to tears at work so I decided to browse your blog on my
    iphone during lunch break. I really like the information you present here and
    can’t wait to take a look when I get home. I’m surprised at how fast your blog loaded on my phone .
    . I’m not even using WIFI, just 3G .. Anyways, awesome site!
    Howdy! I know this is kinda off topic nevertheless I’d figured I’d ask. Would you be interested in exchanging links or maybe guest writing a blog post or vice-versa? My website addresses a lot of the same topics as yours and I feel we could greatly benefit from each other. If you might be interested feel free to send me an e-mail. I look forward to hearing from you! Fantastic blog by the way!
    Currently it sounds like Drupal is the best blogging platform available right now. (from what I’ve read) Is that what you are using on your blog?

    Exceptional post however , I was wanting to know if
    you could write a litte more on this topic? I’d be very grateful if you could elaborate a little bit further. Appreciate it!
    Hey there! I know this is kinda off topic but I was wondering if you knew where I could locate a captcha plugin for my comment form? I’m using the same blog platform as yours
    and I’m having problems finding one? Thanks a lot!
    When I initially commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get several e-mails with the same comment. Is there any way you can remove people from that service? Appreciate it!
    Hey! This is my first visit to your blog! We are a team of volunteers and starting a new initiative in a community in the same niche. Your blog provided us useful information to work on. You have done a wonderful job!
    Hey there! I know this is kinda off topic but I was wondering which blog platform are you using for this website? I’m
    getting tired of WordPress because I’ve had problems with hackers and I’m looking at
    alternatives for another platform. I would be great if you could point me in
    the direction of a good platform.
    Hey! This post could not be written any better! Reading this post reminds me of my good
    old room mate! He always kept talking about this.
    I will forward this page to him. Pretty sure he will have a good read.

    Many thanks for sharing!
    Write more, thats all I have to say. Literally, it
    seems as though you relied on the video to make your point.
    You clearly know what youre talking about, why waste your intelligence on just posting videos to your site when you could be giving us something informative to read?

    Today, I went to the beach front with my children.

    I found a sea shell and gave it to my 4 year old daughter and said
    “You can hear the ocean if you put this to your ear.” She put the shell to her
    ear and screamed. There was a hermit crab inside and it
    pinched her ear. She never wants to go back!
    LoL I know this is entirely off topic but I had to
    tell someone!
    Today, while I was at work, my cousin stole my iPad and tested to see if it can
    survive a 25 foot drop, just so she can be a youtube sensation.
    My apple ipad is now destroyed and she has 83 views.
    I know this is entirely off topic but I had to
    share it with someone!
    I was curious if you ever considered changing the structure of your website?
    Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with it better.

    Youve got an awful lot of text for only having one or two images.
    Maybe you could space it out better?
    Hi, i read your blog from time to time and i own a
    similar one and i was just wondering if you get a lot of spam responses?
    If so how do you protect against it, any plugin or anything you can
    suggest? I get so much lately it’s driving me mad so any support is very much appreciated.
    This design is incredible! You most certainly know how to keep a reader entertained. Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Wonderful job. I really enjoyed what you had to say, and more than that, how you presented it. Too cool!
    I’m truly enjoying the design and layout of your blog. It’s a very easy on the eyes which makes it much more pleasant for me to come here and visit more often. Did you hire out a designer to create your theme? Exceptional work!
    Hey there! I could have sworn I’ve been to this blog before
    but after browsing through some of the post I realized it’s new to me. Anyhow, I’m definitely happy
    I found it and I’ll be bookmarking and checking back often!
    Good day! Would you mind if I share your blog with my myspace group? There’s a lot of people that I think would really enjoy your content.
    Please let me know. Many thanks
    Hello, I think your blog might be having browser compatibility issues.
    When I look at your blog site in Ie, it looks fine but when
    opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that,
    excellent blog!
    Sweet blog! I found it while browsing on Yahoo News.

    Do you have any suggestions on how to get listed in Yahoo News?
    I’ve been trying for a while but I never seem to get there! Appreciate it
    Hello there! This is kind of off topic but I need some help from an established blog. Is it hard to set up your own blog? I’m not very
    techincal but I can figure things out pretty quick.
    I’m thinking about creating my own but I’m not sure where to begin.

    Do you have any ideas or suggestions? Thanks
    Hey there! Quick question that’s completely off topic. Do you know how to make your site mobile friendly? My blog looks weird when viewing from my iphone4. I’m trying to find a template or plugin that might be able to
    resolve this issue. If you have any recommendations, please share.
    Cheers!
    I’m not that much of a internet reader to be honest
    but your blogs really nice, keep it up! I’ll go ahead and bookmark your website to come back later. All the best
    I really like your blog.. very nice colors & theme. Did you design this website yourself or did you hire someone to do it for you? Plz answer back as I’m looking to create my own blog and would like to find out where u got
    this from. thank you
    Wow! This blog looks just like my old one! It’s on a totally different topic but it has pretty much the same page layout and design. Great choice of colors!
    Hey just wanted to give you a quick heads up and let you know a few of the images aren’t loading correctly.

    I’m not sure why but I think its a linking issue. I’ve tried it in two
    different internet browsers and both show the same results.

    Whats up are using WordPress for your blog platform?
    I’m new to the blog world but I’m trying to get started and set up my own.
    Do you need any coding knowledge to make your own blog?
    Any help would be really appreciated!
    Hey there this is kind of of off topic but I was wanting to know if blogs use WYSIWYG editors or if you have to manually code with HTML.
    I’m starting a blog soon but have no coding knowledge so I wanted to get guidance from someone with experience. Any help would be greatly appreciated!
    Hi there! I just wanted to ask if you ever have any issues with hackers? My last blog (wordpress) was hacked and I ended up losing a few months of hard work due to no backup. Do you have any solutions to prevent hackers?
    Hey! Do you use Twitter? I’d like to follow you if that would be ok.
    I’m definitely enjoying your blog and look forward to new posts.
    Hello! Do you know if they make any plugins to safeguard against hackers? I’m kinda
    paranoid about losing everything I’ve worked hard on. Any recommendations?
    Hello there! Do you know if they make any plugins to assist with Search Engine Optimization? I’m trying to get my blog to rank for some
    targeted keywords but I’m not seeing very good success. If you know of any please share. Thanks!
    I know this if off topic but I’m looking into starting my own blog and was curious what
    all is needed to get setup? I’m assuming having a blog like yours would cost a pretty penny? I’m not very web savvy so I’m not 100% certain. Any tips or advice would be greatly appreciated. Appreciate it
    Hmm is anyone else having problems with the pictures on this blog loading? I’m
    trying to figure out if its a problem on my end or if it’s the blog. Any responses would be greatly appreciated.
    I’m not sure exactly why but this blog is loading very slow for me.
    Is anyone else having this issue or is it a issue on my end?
    I’ll check back later and see if the problem still exists.
    Hi! I’m at work surfing around your blog from my new iphone!

    Just wanted to say I love reading your blog and look forward to all your
    posts! Carry on the excellent work!
    Wow that was strange. I just wrote an very long comment but after I
    clicked submit my comment didn’t show up. Grrrr… well I’m not writing all that over again.

    Anyhow, just wanted to say fantastic blog!

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here