In this post we have not only an amazing effect you can add to the images you use in your blog posts but it's amazingly simple and amazingly fast so wont slow down you page load time.The effect is similar to what you will see on many Featured Posts Gadgets, when you hover your cursor over the image a caption scrolls up from the bottom with your selected text. So, you can have the title of the image, a description, date taken, credit or anything you like.The code we will use has No Javascript this ensures it will load fast and as i said not slow down your blog.The code is all Css3 (Don't Worry I Will Keep It Simple) so you have a flowing and transparent effect with the caption.There is also a stylish Shadow edge around the image On-Hover. Just show us the demo and screenshot so we can see for ourselves i here you shout ! OK But, Before i show you the demo you should note while this image caption will work with all browsers older versions of Internet Explorer will...
You may have noticed I'm back making some video tutorials and the last few posts on Spice Up Your Blog have included videos.Over the last few months i have been making videos for an Ebook I'm working on so had been slacking off on creating tutorials to go with the posts here.The videos i create for Spice Up Your Blog i host on YouTube and then Embed within the posts.You may do the same thing on your blog, if you do you may also like to promote Your YouTube channel on your blog.With that in mind in this post i will show you how you can add a very cool YouTube Subscribe widget to your Blogger or Wordpress blog. The widget is very user friendly and like the Facebook Fan Page / Like Page widget users can subscribe to your channel without the need to leave the page.You channels image thumbnail, Username, Number of videos and Number of subscribers are displayed along with the YouTube logo.You can also change the width and height of the gadget.
In this post i have a really cool Blog Design Tip to abhinandan sharma001your blog.When you create an ordered list, items in the list are numbered, and in an unordered list items have what is called a bullet point.What we will do in this post is replace the default bullet point with an image.We do this with just a small snippet of Css including the image URL.To make it as easy as possible i have 10 ready to use images for your bullet points but you can of course use your own image.I also have this set so you can just use the image bullet point on selected lists.If we set it to work on all lists on your blog it could mess up your sidebar and other sections. You can see a screenshot and demo of how it looks on our templates site were we list the features for templates, the image we use is the same as the favicon further promoting the brand.
Cool OSM
ReplyDelete