Posts

Showing posts from February, 2014

SRC IMAGE HOVER EFFECT MOUSE OVER AND OUT

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>FB GADGETS</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style></style> </head> <body> <a href="TARGET URL GOES HERE"> <img src="URL OF FIRST IMAGE GOES HERE" onmouseover="this.src='http://www.firstsearchconsultancy.co.uk/clients/north-east/car-body-repairs-loftus/car-body-repairs-loftus-pn-main.jpg'" onmouseout="this.src='http://www.allgigs.co.uk/images/object/artist/66582/Roary_The_Racing_Car-1-200-200-100-crop.gif'"> </img> </a> </body> </html> =================================================================== IN BLOG I USE THIS CODE IN THIS WAY =================================================================== <b:if cond='data:blog.pageType ...

POST THUMBNAIL SUMMARY CODE WITH AUTO READ MORE AND CHANGE EMPTY AND VIDEO POST IMAGE

FIND HEAD TAG AND REPLACE WITH BELOW CODE ======================================================================== <script type='text/javascript'>//<![CDATA[ img_width = 100; img_height = 300 function stripTags(s, n) { return s.replace(/<.*?>/ig, "").split(/\s+/).slice(0, n - 1).join(" ") } function readmore(a) { var p = document.getElementById(a), imgtag = "", img = p.getElementsByTagName("img"); if (img.length >= 1) imgtag = '<img class="postimg" src="' + img[0].src + '" width="'+img_width+'%" height="'+img_height+'px" />'; else imgtag = '<img class="thumb no-img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu_SMvPEbbdVRmh4yCD9WWuDMNhOnLZUQwTYAPH3bvmHR7Pwyr0CUpZHysT3qQ_moqKmgjeAVXw6XrObZlMsilgK69yXEFyUDN9xgNRUjMESEnrDOjC6ac_g5_v4DuMr80wAGKMt02f8A/" />'; p.innerHTML = '...