Friday, March 28, 2014

Stylish your blog using prettyphoto jquery design in blogger

  • download prettyphoto jquery libraries from prettyphoto website.
  • Add the css and javascripts to google drive and for refernce how to refer those file follow the link-
  • Add the css style and  jss files in the <header> tag
    <script charset="utf-8" src="" type="text/javascript">
    <link charset="utf-8" href="" media="screen" rel="stylesheet" title="prettyPhoto main stylesheet" type="text/css"></link>
    <script charset="utf-8" src="" type="text/javascript">
    Now search for the </body> tag and paste the following code just Above/Before it.
    <script charset="utf-8" type="text/javascript">

    • <a href="" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" rel="prettyPhoto" title=""><img border="0" src="" /></a> 

     See the post for demo usage of youtube video
    click on the parallel parking video link you can see video opening in light box.