Cari Artikel Blog Ini

Total Tayangan Laman

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

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
1 Comments

1 komentar :

Untung mujiyono mengatakan...

keren om,ikut belajar yo?

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!