There are many tutorials online which show users how to achieve a hover effect on their buttons and other images using mouse hover and they often instruct to use a second, larger image. Another method used is using jQuery to enlarge the size of the image. But with a little bit of trickery, this can be done solely using Css3 and normal html.
Note : This trick is best viewed in the latest version of any browser other than IE.
This tutorial has been split into two parts:
CSS implementation...
Animated Clock
Total Pageviews
1274570
Earn Referral Income!
How to create a Blog
- how-to-create-blog
- how-to-setting-a-blog
- how-to-select-and-use-the-Blogger- Templates
- how-to-setting-fonts and Colors
- how-to-post
- how-to-upload-photos-to-your-Post
- how-to-post-html-codes
- how-to-setting-my-profile
- how to Upload Photo to your Profile
- bloging-tips-for-beginner-Bloger
- how-to-Create-a-Banner
- how-to-create-animated-Banner
- how-to-make-a-link
- how-to-make-link-result-to-NewPage
- how-to-make-link-title
- how-to-make-read-more
- how-to-make-read-more-Part2
- how-to-make-text-area
- how-to-make-dropdown-menu
- how-to-create-guest-book
- how-to-adding-custom-Emoticon-to-ShoutMix-Shoutbox
- how-to-create-favicon
- use-simple-favicon-Generator-from-Favikon
- how-to-adding-clock-Widget
- how-to-adding-music-Player
- how-to-install-sitemeter
- submit-blog-to-search-Engine
- learn-about-html
- how-to-adding-emoticons-to-Post
- how-to-adding-emoticons-to-Post-Toolbar
- union-emoticons-to-post
- adding-online-user-counter
- how-to-create-blogroll/Links-List
- how-to-create-recent-comments
- using-keyboard-shortcuts-While-Posting
- adding-yahoo-messenger-status
- making-blogger-contents-List
- adding-picture-to-post-title
- how-to-make-rainbow-links
- ping-service-list-for-search-engine-Optimization
- how-to-removing-post-image-border
- submit-blog-to-directory
- instant-submit-blog-to-search-engine
- UpComing
Labels
- Blog Tricks (29)
- Cybercrime (1)
- How to create a Blog (43)
- Templates (9)
- Tutorials (21)
- widgets (113)
Popular Posts
-
When you click "this blog", you will see the result in the same page. This will hurt you a bit. Because the visitors gone. We def...
-
In this article I hope to explain how to create a facebook fan page for your blog,and after that how to setup it to publish your blog post...
-
After you create a blog , You must do some settings to Your Blog more effective to make easy The Search Engine to find Your blog, also to...
-
Link is something that connects between one to another. The function of a link is important. They connect one to another blog that is oft...
-
Adding Comment Replies To Blogger Step 1. In your dashboard Click 'Layout' > 'Edit Html'> Tick the 'Expand W...
-
Why below post title? Because it is the position with the highest CTR (click-through rate). In other words the ad placed there will bring ...
-
In the last post I already tell you about How to Adding Emoticons to Post for manual with Blogger Emoticons, Yahoo Emoticons, and Union Emot...
-
I think, Union Emoticons more cool than Blogger or Yahoo Emoticons. In addition, the Union also more emoticons amount. I really like it....
-
After we learn about How to create a Blog , How to setting a Blog , How to use the Blogger Templates , and How to setting Fonts and Color...
-
In this blogger tutorial you will learn how you can insert auto move jquery image slider/featured content which is also known as carousel to...
Wednesday, August 10, 2011
Change Text Selection Highlighting Color in blogs


Another way to stand out from the crowd is to have a customized blog Text Highlighting color. This can ensure that when users highlight text on your blog, it matches your blog’s theme, and may also look professional at the same time.
Styling Text Highlight color In Blogger
1. Go To Blogger > Design > Edit HTML
2. and search for ]]></b:skin>
3. Right above it, paste this code:
::-moz-selection {
Background: #EB7F17;
color: #FFFFFF;
text-shadow:...
Multi Column Footer Widget For Blogger –The Hot!


We had previously shared a tutorial on Three Column Footer Widget which was well appreciated and today we have yet another more advanced version of the same widget. This new widget can become three column, four column or with as many columns as you wish. Further this new footer widget has some great CSS effects added to it which makes it even better. First see a demo to know what’s so different about it.
How To Add the Multi Column Footer Widget To Blogger?First we will add the CSS code...
Tuesday, August 9, 2011
Beautiful New Page Navi For Blogger With Scroll


Bismillah (in the Name of Allah), Alhamdulillah (All Praise to Allah)
After Long time not post in my Blog. I didna’t post anything because I was busy for my Dissertation for my Doctor Defense. Alhamdulillah now I’m graduated (not in web designer, my major is not related with web designer)
Now I want to give all of you beautiful Page Navigation. Like I said before in my comment I’ll make new Page Navigation that can support more than 500, and now this Page Navigation can support more than 500,...
Subscribe to:
Posts (Atom)
Followers
Blogumulus by Roy Tanck and Amanda Fazani
w
i
d
g
e
t
s
.
.
.