Cara Memotong Dan Memperpendek Halaman Posting Dengan Scroll Bar

Ada banyak sekali cara untuk Memotong atau Memperpendek halaman posting blog, diantaranya yang paling banyak digunakan adalah dengan cara memasang Jump Break atau yang biasa kita Read More. Sayangnya disini saya tidak akan membahas tentang itu, karena sudah banyaknya artikel artikel yang membahas cara memasang  read more pada postingan blog. Kali ini saya hanya akan membagikan salah satu trik sederhana untuk cara memotong atau memperpendek halaman posting dengan scroll bar.


Okelah gak pake bla bla bla lagi langsung cekidot saja gan !!,
1. Tentunya Login dulu dong . . . . ,
2. Rancangan - Edit HTML - Centang Expand Template Widget.
3. Cari kode ]]></b:skin>
4. Masukkan kode dibawah ini tepat diatas kode diatas,

.post-body {

        height: 400px;

        overflow: auto;

        overflow-x: hidden;

        margin: 0;

        padding: 0 10px 0 0;

}

5. Silakan disesuaikan ukuran tingginya dengan mengganti nilai 400px.
6. Simpan Template dan selesai.

Selamat mencoba . . . . . .  . ,

EFEK MARQUEE (tulisan berjalan)

  Pada tutorial ini, saya akan sedikit memberikan beberapa kode contoh EFEK MARQUEE (tulisan berjalan) yang biasa kalian jumpai pada Sidebar / Posting suatu blog. 

Untuk menampilkannya di blog teman2, cukup CO-PAS kode html-nya. Jika teman2 ingin menampilkan efek marquee  seperti contoh nomor satu, teman2 tinggal copy kode pada kotak yang berada dibawah contoh efek marquee, kemudian paste ke gadget HTML/javascript atau posting pada blog anda.  Untuk lain-lainnya anda bisa ber experiment sendiri" mudak ko'k.

01. Tulisan berjalan ke kanan.

Tulisan berjalan kekanan

<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> 

02. Tulisan berjalan dengan gambar.

Tulisan berjalan dengan gambar

<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br /> 

03. Tulisan berjalan ke atas.

Tulisan berjalan ketas

<marquee height="30" behavior="scroll" direction="up">Tulisan yang ingin anda tampilkan</marquee>

04. Tulisan dapat memantul.

Tulisan mantul

<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>

05. Tulisan berjalan akan berhenti jika dibayangi cursor.

Tulisan berjalan akan stop bila dibayangi oleh cursor

<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>

06. Tulisan zig-zag

Zig-zag

<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee>

07. Tulisan Bouncing around

Bouncing around

<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee><br /> 

8. Tulisan berjalan lambat

Tulisan berjalan lambat

<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang ingin anda tampilkan</marquee>

Thank you for visited me, Have a question ? Contact on : ikhwan.alfath@gmail.com.
Please leave your comment below. Thank you and hope you enjoyed...

info

maw memasang iklan???silakkan klik link di bawah ini!!! pendaftaran gratis
http://Kumpulblogger.com/signup.php?refid=229760