Foto Sampul

Tab Profil

Kronologi Tentang Teman Foto
Santa Mars

Ini aku kasih Bonus Slide Show Foto, untuk melengkapi Template yang kamu download.

Demo

Slide Show Foto ini nanti kamu letakkan di Posting Blogger. Oklah, saya kasih tutorial pasangnya.

  • Masuk ke Blog kamu, klik Entri Baru
  • Ini Source Code Slide Show Foto, Pastekan dengan format posting HTML (jangan di klik Composenya, nanti aburadul dan gag jadi)



  • Lalu edit gambar dan judul Foto kamu

  • Setelah selesai klik Simpan
  • Enjoy

Itulah Bonus Slide Show Foto untuk kamu, semoga bermanfaat.

26 comments:

  1. terima kasih sudah memposting tips slide picture nya

    ReplyDelete
  2. Waaah..
    gan, ga bisa bekerja niiih...

    gmn nih master santa-mars?
    mohon pencerahanya

    ReplyDelete
    Replies
    1. [catatan] gini sob, aku lupa kalau di template windows 8 SM yang kalian download itu terpasang readmore otomatis bukan snipset post.

      jadi terpaksa kalian semua postingnya di biasanya (tidak di laman), :D
      [/catatan]

      Delete
    2. Oke ke TKP dulu sooob.....

      santa-mars
      mantaaaaap

      Delete
  3. Mantaaaaaaaaaaaaaaaap....

    terima kasih sooob
    saya pakai ini

    ditunggu kreasi selanjutnya

    ReplyDelete
    Replies
    1. ok sama", sitemapnya juga di halaman biasanya :-bd

      Delete
    2. Klo mau pake sinepset post nya si gmn bro ?? B)

      Delete
    3. Coba lihat di home post saya, bedakan sama home post kamu.
      isi posting home saya yang dipotong readmore cuma sedikit, sama dengan tampilan di mobile. home blog yg dipostong snipset menjadi tidak terlalu berat saat memuat halaman.

      saya sudah pernah terapkan snipset post di windows 8 SM pertama, hasilnya tidak memuaskan. kata rekan" yang makai ,home postnya cuma ada blog archive saja.

      itu dikarenakan si pemakai windows 8 SM kalau posting tidak di awali dengan gambar atau biasanya disebut tukang kopas... :D

      jadi kalau kamu mau snipset, kamu harus posting dengan gambar dulu yang diUpload dari server blogspot. :D

      Delete
    4. Untuk memasang snipset post, backup dulu template kamu, biar tidak menyesal kalau posting cuma ada blog archive sja.

      klik expand widget nya
      cari dengan F3 dengan kata kunci </head>
      [pre]<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 330; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
      <script type='text/javascript'>
      //<![CDATA[
      function removeHtmlTag(strx,chop){
      if(strx.indexOf("<")!=-1)
      {
      var s = strx.split("<");
      for(var i=0;i<s.length;i++){
      if(s[i].indexOf(">")!=-1){
      s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
      }
      }
      strx = s.join("");
      }
      chop = (chop < strx.length-1) ? chop : strx.length-2;
      while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
      strx = strx.substring(0,chop-1);
      return strx+'...';
      }
      function createSummaryAndThumb(pID){
      var div = document.getElementById(pID);
      var imgtag = "";
      var img = div.getElementsByTagName("img");
      var summ = summary_noimg;
      if(img.length>=1) {
      imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
      summ = summary_img;
      }
      var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
      div.innerHTML = summary;
      }
      //]]>
      </script>[/pre]
      hapus semua script itu.

      cari <div class='post-header'>
      pilih yang pertama.

      setelah itu hapus element ini.
      [pre]<div class='post-header'>
      <div class='post-header-line-1'/>
      </div>
      <b:if cond='data:blog.metaDescription == &quot;&quot;'>
      <!-- Then use the post body as the schema.org description,
      for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
      <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
      </script>
      <span class='rmlink' id='rmlink'>
      <a class='tombol-download' expr:href='data:post.url'>Read More --&#9658;</a></span>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
      </b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
      <b:else/>
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
      </b:if>[/pre]

      Delete

    5. dan ganti menjadi seperti ini
      [pre]<div class='post-header'>
      <div class='post-header-line-1'/>
      </div>
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:post.thumbnailUrl'>
      <div class='post-home-thumbnail'>
      <div class='Image-home'>
      <a class='preview' expr:href='data:post.thumbnailUrl' style='cursor:help;'><img expr:src='data:post.thumbnailUrl'/></a>
      </div>
      </div>
      <b:else/>
      <div class='post-home-thumbnail'>
      <div class='Image-home'>
      <a class='preview' expr:href='http://4.bp.blogspot.com/--H5gmCB5smI/T9EiaYGTk8I/AAAAAAAAC-U/PcJxQG7fuVw/s000/no-image.png' style='cursor:help;'><img border='0' height='75' src='http://4.bp.blogspot.com/--H5gmCB5smI/T9EiaYGTk8I/AAAAAAAAC-U/PcJxQG7fuVw/s000/no-image.png' width='75'/></a>
      </div>
      </div>
      </b:if>
      <div id='post-home'>
      <b:if cond='data:post.snippet'>
      <data:post.snippet/>
      </b:if>
      </div>
      <div class='readmore'>
      <b:if cond='data:blog.url != data:post.url'>
      <a class='tombol-download' expr:href='data:post.url'>Read More --&#9658;</a></b:if>
      </div>
      <b:else/>
      <p><data:post.body/></p>
      </b:if>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <p><data:post.body/></p>
      </b:if>

      <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>[/pre]

      simpan dan lihat home post kamu :-bd \o/

      Delete
    6. hahahai, itu dikarenakan posting kamu pertama kali tidak ada gambar dari blogspot atau bisa juga karena postingan copas dri orng lain. :cendol:

      Delete
    7. gan, kok kalo postingnya di klik ga bisa keluar ya? *bang*
      mohon jawabannya, gan .. :-bd
      http://satriiazz.blogspot.com/

      Delete
  4. gan.. tlong mampir bentar di blog saya http://studiophoto182.blogspot.com/2013/04/h3.html itu apa yg salah ya gan. kok masih ad berandanya.?

    ReplyDelete
  5. sob q coba' di template blogger revolution ini kenapa coment nya ikut ya

    ReplyDelete
  6. exp http://addyosdgaraz.blogspot.com/p/blog-page_3.html

    ReplyDelete
  7. Izin Copas Bang Santa :)
    Visit Blog Saya Ya http://yozasite.blogspot.com/

    ReplyDelete
  8. bang santa .. ane mau nanya ..
    knpa pas sitemap sama slide show foto nya udah selesai, postingan nya gk bisa dilihat ..
    itu tuh , kalo kita ke tampilan utama , lihat postingan , start , kagak bisa di klik , tapi kalo sitemap sama animasi foto di hapus , start sama postingan nya bisa dilihat atau di klik , mohon pencerahannya ..

    http://fawkes-id.blogspot.com/

    ReplyDelete
  9. ada yang bisa bantu ane ??
    knpa pas sitemap sama slide show foto nya udah selesai, postingan nya gk bisa dilihat ..
    itu tuh , kalo kita ke tampilan utama , lihat postingan , start , kagak bisa di klik , tapi kalo sitemap sama animasi foto di hapus , start sama postingan nya bisa dilihat atau di klik , mohon pencerahannya ..

    http://fawkes-id.blogspot.com/

    ReplyDelete

Copyright © 2016 | Privasi | SiteMap | Follow | Download Template