Designed by UONG JOWO. Tubermag is Video blog from Youtube only. This template aims to help you display your video post content in the right way. The responsive theme allows users to embed videos and the homepage is easy to build with plenty of widgets. The theme includes automatic recent video post as slideshow.
This template does not need to edit in HTML except in the Layout

DEMO 
18 Comments
WordPress Theme with Foundation CSS framework: http://iotheme.com | Feature: base on Underscores, Foundation CSS framework, mobile with offcanvas menu, dashicons -the official icon font from WordPress, custom theme name, text domain and more, update source from Underscores and Foundation everyday. Thanks for everything!

ioBlue responsive wordpress theme designed by iotheme.com, has been converted into a blogger template by Uong Jowo and added a new comment form.

DEMO

ioBlue
By ioTheme

Preview Download
Version: 1.0.8
Last updated: April 30, 2018

9 Comments
A blog or website background image not working on actual mobile devices.
Use css below

1. Left background image:

@media(max-width:480px){
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
background-size:350% auto;
}
}
Left background


2. Center background image:

@media(max-width:480px){
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
background-size:350% auto;
}
}
Center background

2. Right background image:

@media(max-width:480px){
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;
background-size:350% auto;
}
}
Right background
3 Comments

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


UONG JOWO
Free Blogger Template Designer
PHOTOSOUT THEME
Designed by Uong Jowo

Photosout is same like Blogsletter a responsive blog Template for those who want to showcase their creative...
Screenshot-Photosout.jpg

Thanks for not remove a credit link!
© 2017 UONG JOWO


--
regard,


Following tutorial below :







81 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
4 Comments