Membuat fungsi Scroll di blog

Kadang artikel, iklan, widget, atau apapun yang tampil di blog membuat halaman terlalu panjang dan gak enak untuk dilihat. Untuk itu lebih baik gunakan scroll untuk menghemat ruang di blog.

Untuk membuat scroll, cukup gunakan script berikut:

<div style="overflow:auto;width:250px;height:180px;padding:10px;border:1px solid #eee">

Isi dari fungsi scroll

</div>

Untuk merubah panjang & lebarnya, silahkan ganti ukuran width & height. Agar bisa tampil tanpa border, ubah ukuran border menjadi nol (0).

hasilnya akan seperti ini :

Kadang artikel, iklan, widget, atau apapun yang tampil di blog membuat halaman terlalu panjang dan gak enak untuk dilihat. Untuk itu lebih baik gunakan scroll untuk menghemat ruang di blog.

Selamat mencoba...
Read This Aticle.. / Baca Artikel ini..

Membuat text area

Text area adalah sebuah fungsi dari html. Biasanya, text area digunakan untuk menampilkan sebuah tulisan yang spesial, atau juga dapat digunakan untuk menampilkan kode html agar dapat tampil di blog.
Caranya ?... disini, tentusaja segalanya menjadi mudah. Silahkan gunakan code berikut ini :


<div>
<form name="PujiantoroStyle">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" cols="55" onclick="this.form.txt.select()" readonly ;>
TEXT ANDA DISINI</textarea></p>
</div>


• Tulisan TEXT ANDA DISINI dapat kamu ganti sesukamu dengan teks ataupun code html yang ingin kamu tampilkan di blog.
• Untuk mengatur panjang & lebar text area, silahkan ubah attribut width & heigth

Text area yang dihasilkan menggunakan kode ini juga menarik, karena hanya dengan meng-klik text area, seluruh text yang berada di text area akan ter-blok. Contohnya seperti ini.

TEXT ANDA DISINI

Mudah bukan ?

Selamat mencoba...

Read This Aticle.. / Baca Artikel ini..

Menampilkan daftar posting berdasarkan label

Menampilkan daftar postingan dengan pengaturan tampilkan berdasarkan label ?... tentu saja bisa. Caranya sangat mudah.

Cukup tambahkan : Page Elements" berupa "HTML/JavaScript" seperti biasa, kemudian copy-paste code di bawah ini.


Label: <span id="pbl_labels"></span>
<div id="pbl_posts"> Recent Posts </div>

<script type="text/javascript">
var jumlah_maksimum_post = 5;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>

<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">
</script>

<script src="http://URLBLOGKAMU.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script>

Widget by:
<a href="www.ledmedia.net.tc">
ledmedia.net.tc
</a>
</div>

Ubah kode yang ditebalkan sesuai dengan yang kamu inginkan:

• jumlah_maksimum_post adalah jumlah maksimum post yang kamu ingin tampilkan.
• dengan_ringkasan, true kalau kamu ingin menampilkannya dengan ringkasan dan false kalau kamu hanya ingin menampilkan judulnya saja.
• jumlah_karakter_ringkasan adalah jumlah karakter ringkasan yang ingin ditampilkan, ini harus diisi hanya jika kamu mau menampilkan dengan ringkasannya juga.
• URLBLOGKAMU ganti dengan URL Blog kamu, contohnya untuk blog ini, aku ganti jadi: infotentangblog.

Mudah bukan ?

Selamat mencoba...

Read This Aticle.. / Baca Artikel ini..