div.TabView div.Tabs{height: 24px;overflow: hidden;}div.TabView div.Tabs a{float: left;display: block;width: 84px; text-align: center;height: 24px; padding-top: 3px;vertical-align: middle;border: 1px solid #999999; border-bottom-width: 0;text-decoration: none;font-family: "Times New Roman", Serif; font-weight: 900;color: #1E62B6; }div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active{background-color: #FFFFFF; }div.TabView div.Pages{clear: both;border: 1px solid #999999; overflow: hidden;background-color: #FFFFFF; }div.TabView div.Pages div.Page{height: 100%;padding: 0px;overflow: hidden;}div.TabView div.Pages div.Page div.Pad{padding: 3px 5px;}

Membuat Tombol Read More

Diposting oleh namhorruhktaf nutawsu. on Minggu, 25 November 2012


templatenya akan di-edit adalah sebagai berikut:
  1. Klik menu ‘Template’;
  2. Klik tombol ‘Edit HTML’ dan kemudian klik tombol ‘Lanjutkan’;
  3. Klik kotak yang terdapat di depan pilihan ‘Expand Template Widget’ sehingga muncul tanda checklist.
  4. Tekan tombol keyboard Ctrl + F untuk mencari kode HTML <data:post.jumpText/>;
  5. Ganti kode <data:post.jumpText/> dengan kode di bawah ini:
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn20yiE5oMPJeXIQ3Ah0zQqwe26CgVVqzJkmjnmssggPfUH_W1EUGhWtqa4X0uw4naeW7S9PtvzLx-Q3LGI-nydrF882y9uTW1944QKCLfPvn_oDPtttZY2_Eu858tpEIYXvarPqPVZEs/s800/Read%252520More.png'/>
    Sehingga akan mengubah kalimat ‘Read more »’ atau ‘Baca selengkapnya »’ dengan gambar tombol read more seperti pada gambar di bawah ini.
    Read More
  6. Simpan template.
Namun dengan menggunakan cara tersebut, secara default gambar tombol read more akan ditampilkan pada bagian kiri halaman posting (rata kiri). Sehingga bila ingin menempatkan gambar tombol read more tersebut pada bagian kanan halaman posting, maka cari kode <b:if cond='data:post.hasJumpLink'> kemudian masukkan kode <div style='text-align: right;'> tepat di bawahnya.


Sumber: http://eltelu.blogspot.com/2012/01/membuat-tombol-read-more-tanpa-ribet.html#ixzz2DFhcsOej

{ 0 komentar... read them below or add one }

Posting Komentar