Sunday, May 1, 2011

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 :) .::.
--------------------------------------------------------------------------------------------------------------------------

9 comments:

  1. tq awk..lah,awk dh baca ke entry tu?? adoii, malunya. saya rasa sy mcm x betul sikit tadi..entah apa2 .. ntahlah, sedih sgt kott.. takpelah..

    nasib baik sy sempat fikir balik..alhamdulillah, sy dh delete :)

    ReplyDelete
  2. @adibah : :) :) :)

    @srikandi Cinta : yurp..bace habis semua..x de skip... takpa,..harap awk bersabar... nanti dah kawen..ade kebebasan sket kot.. :)

    ReplyDelete
  3. org yg tak tahu apa2 nih nk minta tlg skit...
    tlg lah explaint camne erk kalau blog kita tu dh full memory untuk upload gamba? leh upload melalui lain2 medium tak cam photobucket ke..hape ke..tp camne caranya? saya serius tak pandai bab nih tp blog saya dh full dah.check2 dia kata kene byr untuk upgrade memory..please..

    ReplyDelete
  4. gune picasa google ke? kalau x kena upload ke photobucket lorh

    ReplyDelete
  5. saya hentam upload jek..sedar2 dah full.
    picasa google lah..camne nk upload melalui photobucket? saya nih mmg dasar jakun...huhu

    ReplyDelete
  6. correction~bukan dasar jakun...tp tak tahu dan bertny...
    sy unsure cara2 menggunakan photobucket...sb sy x pernah guna...evenmore.. kalau x silap sy, Google bagi saiz picasa 1GB? saya sampai sekarang..suku saiz pun x cecah...

    ReplyDelete

Eddytech menggunakan sistem comment yang tidak memerlukan anda untuk memasukkan "captcha" bagi memudahkan eddytech untuk mendapat feedback daripada anda :)