DESCRIPTION OF CONTENT
you must be have seen in some websites, such as youtube,dailymotion,metacafe bla bla bla,after you've watched the video or look at the pictures you interested in,generally you see arrows on video or image,when you click on it you can see and watch related subject separately then the previous one
PLUG IN TO YOUR BLOG


without belabouring, let's learn how to plug it in to our blogs,all gadget,widgets consists of three factors these are the html codes,the css codes and the javascripts

   step by step adding the application
follow this instruction while you were in your blog account

1-Dasboard
2-design
3-edit html
4-expand witget temp.
but before this steps you must "download full templates" to anywhere on your pc,this recall your blog when error occur
step-1
search this code line using ctrl+f
<br /> <div id='content'>

and add this html code after it,under 
html codes
<br /> <div id='featured'><div id='myGallery'> <div class='imageElement'> <h2>YOUR TITLE</h2> <p>SHORT DESCRIPTION OF YOUR POST...</p> <a class='open' href='LINK OF YOUR POST' title='Read More'/><br /> <img class='full' src='LINK OF YOUR POST PHOTO'/><br /> <img class='thumbnail' src='LINK OF YOUR POST PHOTO'/><br /> </div> <div class='imageElement'> <h2>YOUR TITLE</h2> <p>SHORT DESCRIPTION OF YOUR POST...</p> <a class='open' href='LINK OF YOUR POST' title='Read More'/><br /> <img class='full' src='LINK OF YOUR POST PHOTO'/><br /> <img class='thumbnail' src='LINK OF YOUR POST PHOTO'/><br /> </div> <div class='imageElement'> <h2>YOUR TITLE</h2> <p>SHORT DESCRIPTION OF YOUR POST...</p> <a class='open' href='LINK OF YOUR POST' title='Read More'/><br /> <img class='full' src='LINK OF YOUR POST PHOTO'/><br /> <img class='thumbnail' src='LINK OF YOUR POST PHOTO'/><br /> </div> <div class='imageElement'> <h2>YOUR TITLE</h2> <p>SHORT DESCRIPTION OF YOUR POST...</p> <a class='open' href='LINK OF YOUR POST' title='Read More'/><br /> <img class='full' src='LINK OF YOUR POST PHOTO'/><br /> <img class='thumbnail' src='LINK OF YOUR POST PHOTO'/><br /> </div></div></div><br />
step-2
now search this tag
<br /> </head><br />
step-3
paste this tags before it,upon

<br /> <!-- begin gallery scripts --><br /> <link charset='utf-8' href='http://sites.google.com/site/everythingaboutblogging/featured/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://sites.google.com/site/everythingaboutblogging/featured/mootools.v1.11.js' type='text/javascript'/> <script src='http://sites.google.com/site/everythingaboutblogging/featured/jd.gallery.js' type='text/javascript'/> <!-- end gallery scripts --> <script type='text/javascript'> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: true }); } window.addEvent('domready',startGallery); </script><br /> <!-- featured content script end --><br /> <br />

step-4
find this code line

<br /> ]]></b:skin><br />
step-5
paste this css code before it,upon

<br /> /* add this code line among css codes */<br /> #myGallery, #myGallerySet, #flickrGallery {<br /> width: 600px;<br /> height: 200px;<br /> margin: 5px;<br /> z-index:5;<br /> border: 1px solid #000;<br /> }<br /> <br /> .jdGallery .slideInfoZone<br /> {<br /> position: absolute;<br /> z-index: 10;<br /> width: 100%;<br /> margin: 0px;<br /> left: 0;<br /> bottom: 0;<br /> height: 61px;<br /> background: #000;<br /> color: #fff;<br /> text-indent: 0;<br /> overflow: hidden;<br /> }<br /> /* end css code line */<br />

at last it's done,now save your template and see the result,if you like this post please don't forget to share it with your friends

thanks to newbloggingtipz by creating this subject