Add a "Photo Stream" in your website

Every website owner and web designer want to add a photo stream in their web page, like their post's which run on that photo stream. Let's see how can you add a photo stream on your webpage. To add this find "<!-- Featured Content Slider Started -->" this code. And add your personal code in following instruction:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div class='featuredposts clearfix'> <div class='fp-slides'> “Here post your personal code” </div>           <div class='fp-nav clearfix'> <span class='fp-pager'/>                <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div>           </div> </b:if></b:if> <!-- Featured Content Slider End -->

To make your personal code follow this instruction:

<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-1-url-here'><img src='Here post your post image link’/></a></div>

<h3 class='fp-title'><a href='featured-post-1-url-here'> Here post your post title </a></h3>

<p> Here post your post description ></p>

</div>

The changes are following way. You can copy past it to your html box on your template:



<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($(&#39;myGallery&#39;), {
timed: true,
delay: 6000,
slideInfoZoneOpacity: 0.8,
showCarousel: false,
slideInfoZoneSlide: false
});
}
window.addEvent(&#39;domready&#39;, startGallery);
</script>

<div class='fullbox_excerpt'>
<div class='fullbox_content'>
<div class='smooth_gallery'>
<div id='myGallery'>

<div class='imageElement'>
<h3>Add Facebook/FBML code on your website</h3>
<p>Every web owner want to add facebook code on their website. You can get help from this post.</p>
<a class='open' href='http://websitecustomize.blogspot.com/search/label/FBML' title='FBML/Facebook Code'/>
<img alt='' class='full' src='http://www.newbrunswickbeacon.ca/wp-content/uploads/2009/10/facebookconnect.jpg'/>
</div>

<div class='imageElement'>
<h3>Add HTML code on your website</h3>
<p>Every web owner want to add various HTML code on their website. You can get help from this post.</p>
<a class='open' href='http://websitecustomize.blogspot.com/search/label/HTML%20code' title='HTML Code'/>
<img alt='' class='full' src='http://zoombug.srmotorcyclescork.com/wp-content/themes/SRMotorcyclesCork/jdgallery/slides/5.jpg'/>
</div>

</div></div></div></div></b:if></b:if>

<!-- Featured Content Slider End -->


It look like our websites photo stream/slide.


Share this

Read more »