Auto Read More BerThumbnails Tanpa JavaScript (UPDATE)

Anda ingin read more yang ringkas,padat,cute seperti read more eddytech? eddytech bersedia untuk berkongsi dengan anda code auto read more yang jauh lebih advance serta ringan, cume side effectnya, Summary post tidak boleh ditetapkan.

Step-step yang anda perlu lakukan untuk mendapat kemampuan auto read more seperti eddytech adalah seperti berikut :

Step 1 : Backup Template Anda Terlebih Dahulu, untuk melakukan ini, anda perlu ke tab design, edit HTML , kemudian click download full template. Ikuti arahan yang diberikan di screen anda.

Step 2 : Memasukkan Code, setelah anda siap backup template anda, kini tiba masanya untuk masukkan code HTML. tekan CTRL + F untuk keluarkan String Searcher browser anda dan cari code ini, Jangan lupa untuk klik "expand widget template terlebih dahulu"

<data:post.body />

Setelah anda menjumpai code diatas, highlight code diatas dan GANTIKAN dengan code yang diberikan dibawah

<b:if cond='data:blog.pageType == "index"'>
          <b:if cond='data:post.snippet'>
          <b:if cond='data:post.thumbnailUrl'>
              <div class='Image thumb'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
          </b:if>
            <data:post.snippet/>
    <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
          <b:else/>
            <data:post.body/>
          </b:if>
      <b:else/>
      <data:post.body/>
      </b:if>

Step 3 : Masukkan thumbnail CSS format. copy code dibawah

.thumb img {
  float: left;
  margin: 0 10px 10px 0;
}

dan paste SEBELUM code ini

</b:skin>

Save template anda dan lihat hasilnya :)

Kini Saya Menggunakan Ubuntu Untuk Surfing

--------------------------------------------------------------------------------------------------------------------------

Sekiranya anda ingin letakkan image disebelah kanan,

anda perlu mengubah CSS float format kepada float: right;

.::. Sebarang pertanyaan boleh diajukan dibahagian comment dibawah :) .::.

--------------------------------------------------------------------------------------------------------------------------