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
«
Next
Newer Post
»
Prev
Older Post

3 komentar:

  1. manda esse templete pra mim por favor: santoaleixofmnoticias2015@hotmail.com

    ReplyDelete
  2. As i look at why an additional pros on this sector don't get this. You must go alone submitting. I’m certain, you’ve a terrific readers’ starting without a doubt! wordpress themes free download

    ReplyDelete
  3. AGA KHAN HOSPITAL is in need of kidney donors for the sum of 2 crore, Contact us today if you want to sell your kidney for money, and this is your opportunity for you to get rich and still be healthy..Kindly contacts us for more details.

    Dr. Muhammad Shahbaz
    Hospital whatsapp: +254748665401

    ReplyDelete

Like Template from me ? please make sure that you entered your right email address !

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

Comments

Pageviews