Membuat scroll di postingan

Membuat scroll di postingan

Blog Triks Blogger Blogger Tutorial Tips Trik Blog

Halo para sobat bloger jumpa lagi di postingan baru Blogger Tutorial, kali ini saya akan kasih tau para sobat blogger yang pingin di dalam postingan ada scrollnya, buat mengirit-ngirit tempat posting.

wah bagus juga yaaaa....????? kalo di dalam posting ada scrollbarnya kalo para sobat pingin dan penasaran, langsung aja ajarin ajarin caranya cukup gampang ko' dan ga banyak copy paste disana sini

Oke para sobat seperti biasa login dulu ke blog para sobat

Klik Tata Letak edit HTML
Beri tanda centang pada "Expand Template Widget" yang ada di pojok kanan
Kemudian Carai code berikut ]]></b:skin> copy dan letakkan code di bahwah ini tepat di atas ]]></b:skin> :

.scrollbox {
height:150px;
width:450px;
overflow:auto;
}


Lihat text yang berwarna kunig itu adalah ukuran scrollbar. para sobat bisa menggantinya dengan ukuran yang para sobat inginkan. lalu simpan template

pada saat para sobat posting, letakkan isi posting yang akan di scrollbar di antara code <div class="scrollbox"> dan </div>

Contohnya adalah sebagai berikut.
<div class="scrollbox">
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
</div>

Selamat mencoba, semoga bermanfaat, n jangan lipa comennya ok

Kang Fathur

Membuat Kupu2 dan burung terbang

Membuat Kupu2 dan burung terbang

Blogger Efek Blog Widget

Halo para sobat bloger yang caem-caem, kali ini saya punya postingan baru ni yaitu cara membuat kupu-kupu dan burung walet berkeliaran di halaman posting para sobat, seperti para sobat berkeliaran di waktu malam, hehe sory becanda.

Oke para sobat yang budiman bagi yang suka menghiasi blog dengan accessories blog, sobat dapat memasang kupu-kupu dan burung walet yang sedang terbang melayang-layang di blog para sobat. Dan tidak memerlukan langkah-langkah yang berbelit-belit, hanya cukup Copy Paste saja, para sobat sudah dapat memelihara “kupu-kupu dan burung walet” yang cantik menghiasi halaman blog para sobat. Oke para sobat saya sudah ga da waktu lagi ni buat becanda kini tibanya saya jelasin gimana memasang kupu-kupu dan burung walet yang cantik.

Langkah-langkahnya adalah sebagai berikut.

* Seperti biasa login dulu ke blog para sobat dengan ID masing-masing
* Klik Tata Letak (layout)
* Klik Tambah Gadget
* Tambahkan HTML/Javascript
* Kemudian copy paste script di bawah ini.
* Lalu Simpan Perubahan
* Selesai

Script-nya adalah sebagai berikut.

<script language="JavaScript1.2" src="https://sites.google.com/site/efekefek/file-js/kupuandburung.js"><script>

Bila sobat tidak ingin repot repot mengikuti langkah di atas, alias pingin langsung aja nginstal ke blog sobat. Tinggal klik tombol berikut :

<span style="color: rgb(204, 51, 204);"><script language="JavaScript1.2" src="https://sites.google.com/site/efekefek/file-js/kupuandburung.js"><br/><script></span><br /><br />

Hasilnya, dapat dicoba pada blognya sendiri-sendiri, ya!!

Kalau mau lihat “kupu-kupu dan burung”nya, seperti di bawah ini. Tapi bukan “kupu-kupu dan burung” yang lain, lho, ya!! hehehe....


Mungkin tutorial kali ini hanya sampai disini dul tuggu aja tutorial lainnya. Terimakasih semoga dapat bermanfaat

Kang Fathur