English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

MENAMPILKAN SCROLL PADA POSTINGAN

Sebenarnya tips ini telah dibuat beberapa bulan yang lalu (dalam bentuk draft), atas pertanyaan dari salah satu pengunjung EPG Studio. Tapi karena tips ini jarang yang menampilkan pada blog, maka postingan tersebut tetap dalam bentuk draft. Pada waktu admin EPG Studio melakukan Blogwalking, secara kebetulan ketemu sebuah blog yang pada postingannya menggunakan scroll, lalu teringat akan draft yang belum sempat dipublikasikan. Jadi bagi anda yang ingin postingannya memiliki scroll, silahkan ikuti tips dibawah ini.
  • Masuk ke Blogger
  • Pilih Rancangan kemudian klik Edit Template
  • Cari kode ini :

    /* Posts
    -----------------------------------------------
    */
  • Scroll sedikit kebawah sampai ketemu kode ini :

    .post {
    line-height: 1.4;
    font-size: 110%;
    position: relative;
    }
  • Atau jika tidak ketemu (mungkin templatenya berbeda), cari kode ini :

    .post-body {
    line-height: 1.4;
    font-size: 110%;
    position: relative;
    }
  • Tambahkan kode dibawah ini :
    height:150px;
    overflow:auto;
  • Susunanya jadi seperti ini :

    .post {
    line-height: 1.4;
    font-size: 110%;
    position: relative;
    height:150px;
    overflow:auto;

    }
  • Perhatikan cara penempatannya, yang berwarna merah merupakan kode yang ditambahkan
  • Ubah angka pada height untuk menyesuaikan dengan keperluan.
  • Klik tombol Simpan Template.
  • Selesai

PENTING UNTUK ANDA BACA



0 komentar:

Posting Komentar

KOMENTAR TERBARU

TINGGALKAN KOMENTAR ANDA

Follow Me