Recent Posts


Designed by Uong Jowo, Photosout is same like Blogsletter a responsive blog Template for those who want to showcase their creative work and build a strong experience with their users. From travelers to photographers, Photosout is the template choice to reach your blog style.

The Home Page via recent post areas. Let the users find your personality from the 1st page they visit.
The Single post via a parallax effect on containers that have background images and text above them.

DEMO


Following tutorial below :







  • 8 Comments

Assalamu'alaikum, friends...
Need change firstimg to background image..?


You can add some code like my template Blogsletter and Photosout to your blog.

1.Go to Edit Template HTML.

2.Find <b:includable id='post' var='post'>

3. After this <b:if cond='data:blog.pageType == &quot;item&quot;'> adding like below

<b:if cond='data:blog.pageType == &quot;item&quot;'>               
<div id='myimage' style='display:none;'>
<b:if cond='data:post.firstImageUrl'>
 <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' width='100%'/>
 <b:else/>
  <img src='...your-other-image.jpg' width='100%'/>
  </b:if>
</div>

4. Add script below, before </body>
<script style='text/javascript'>
 //<![CDATA[
var getImageSrc = $('#myimage img').attr('src');
//
$('#BgImg').css('background-image', 'url(' + getImageSrc + ')').style.background = 'no-repeat center';
//]]>
</script>

5. Place it below ,where you want.
<div id='BgImg'/>

7. Add css below before ]]></b:skin>

#BgImg{background-position:top center;background-size:cover;position:relative;}

8. About Position, you can choose: relative or absolute,like you want.

9. Save
  • 0 Comments


Designed by Uong Jowo, Blogsletter is a responsive blog Template for those who want to showcase their creative work and build a strong experience with their users. From travelers to photographers, Blogsletter is the template choice to reach your blog style.

The Home Page via recent post areas. Let the users find your personality from the 1st page they visit.
The Single post via a parallax effect on containers that have background images and post title above them.

DEMO

Follow this Tutorial image



Change your format timestamp like below


  • 3 Comments

About Me

My Photo
Uong Jowo was Born In Surabaya, March 1971. I'm A Blogger Templates Designer and a Converter Wp Themes to Blogger Template.

Google+ Badge

Blog Members

Pageviews

Latest Comments