Make Your Own Button for Your Blogger Blog! A few weeks ago, I posted about my new button and promised I would give easy directions on how to make your own button, so here ya go! 1. Create your button picture: Begin with a picture or your logo, no larger than 150 pixels wide. Why 150 pixels? Most sidebars are only 200 pixels wide, so any larger and your button will be cut off on one or both sides. 2. 3. 4. 5. Then paste in your HTML from step # 3 and close with Click save. and now, drag this HTML box under your button HTML in page layout. VOILA! p.s.
Agenzia SEO | Seo Agency | Posizionamento sui Motori di Ricerca How To Create Rollover Images in Blogger ~ Blogger Tips And Tricks|Latest Tips For Bloggers Posted on October 16th, 2009 File Under : html, image19 Comments A rollover image is an image that changes to some other image when you or your customer rolls the mouse over it. To add a rollover effect to your images use the code below. IMAGE-1-LINK : The original image link IMAGE-2-LINK : The rollover image link To get a good understand look at the example below. File Under : html, image
Klash • Challenge accepted. Add FaceBook Like Button For Blogger ( BlogSpot ) And Customize It. few days ago, face book surprised us by launching a lot of social plugins, one of them, actually the most popular one yet is the famous like button, In this tutorial you’ll learn how to add it to your blogger blog. and you’ll learn how to customize change the verb, like or recommend.change it’s color.change it’s font. Step 1. adding it to your template. The button code, where to add it ? Log into your blogger account, then go to Layout >> Edit Html. And after it, paste your button code What, If you didn’t find the code above in your template, The try to find the following, And paste the button code Before it. click Save Template and you are done. Step 2. in the above code you can customize 3 parts. and i’ve colored them to make it easy for you to recognize, in the above code change the following parts, I wish you all like it and please leave your comments if you need any help, to see demo for it please click here. Comments will be closed off on this post 365 days (1 year) after it is published.
Who is AD60? Our Company company AD:60 is a close-knit team of advertising, media and interactive experts based in New York with 10 years of award-winning experience. Formed out of a shared desire to create products worth believing in, we value collaborative, meaningful working partnerships that result in quantitative success that can be integrated across projects. Launched in 2009, we specialize in web product development to help companies get their digital projects off the ground quickly. leadership thick-skinned, super talented, with a spectacular ability to collaborate - our people are our biggest asset. Alex Matjanec Partner, CMO Alex is co-developer and business partner in the creation of social networking sites targeting the finance and banking industries. Jason Reposa Partner, CTO A professor and software engineer, Jason is always on the lookout for next generation technologies that allow our products to scale. Tadas J. Creative Director, Partner why AD:60 60 seconds of opportunity. have more questions?
Using CSS Image Sprites for Image Links and Rollover Effects Many designers use various techniques for linking images on a website, and making those images change upon hover. From image maps, to slicing each image individually – the page load time and usability of these techniques aren’t as optimal as using CSS image sprites. Here is a quick way to create a functional and user-friendly set of links that load much more quickly! As an example, we will create links and a hover effect for this set of social icons. Notice the above is a SINGLE image, rather than three separate images. So create your “hover” images and place them under your default images like this. Here is the code we will use for this effect. Step 1: Use your own images. First, replace the image links with your own image URLs. Step 2: Size and position your “display windows.” Change the in the first section to accommodate your images. Step 3: Position your default images. We want each icon to display in each window. Step 4: Position your hover images. You’re done!