Minggu, 30 Oktober 2011

Membuat Judul Posting Dalam Kotak Scroll


Kotak scroll yang berisi seluruh judul postingan blog anda, maka pengunjung akan lebih mudah mencari dan membaca seluruh tulisan yang telah anda posting. Saya akan memberikan Trik bagaimana postingan dalam menu sroll kita dapat tampil secara manual atau kata lainnya anda yang harus mengeditnya maupun yang secara otomatis.

Saya akan tampilkan dengan 2 (dua) cara, yaitu dengan menggunakan manualdan otomatis.

CARA MANUAL
1. Masuklah ke halaman Dashboard > Tata Letak > Elemen Laman > Tambah Gadget/Javascript.
2. Klik tanda plus pada HTML/Jaxascript.
3. Copy kode dibawah ini 
  
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width:280px; height: 270px; text-align: left;">

<li> <a href="http://
alamat posting blog anda" target="new">1.sesuaikan pada judulnya.</a></li>

<li> <a href="http://
alamat posting blog anda" target="new">2.sesuaikan pada judulnya.</a></li>
</div>

4. Untuk besar serta panjang kotak scroll ubahlah kode berwana biru pada bagian width & height, anda dapat menyesuaikannya dengan blog milik anda sendiri

5. Jangan sampai lupa untuk mengganti teks yang berwarna    
merah  ( url alamat posting blog anda ) dan juga sesuaikan pada judulnya.

6. Untuk menambahkannya cukup anda copy-pastekan kode berikut :

<li> <a href="http://
alamat blog anda" target="new">3.sesuaikan pada judulnya</a></li>

7. Simpan dan lihat hasilnya.

CARA OTOMATIS


1. Masuklah ke halaman Dashboard > Tata Letak > Elemen Laman > Tambah Gadget/Javascript.
2. Klik tanda plus pada HTML/Jaxascript.
3. Copy kode dibawah ini 

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

<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>
<script>var numposts = 
15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://
AlaMatBloG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

</div>

jangan lupa untuk mengganti tulisan AlaMatBloG dengan url alamat blog Anda dan untuk menginginkan banyaknya posting yang bertengger di kotak scroll  ubahlah angka/jumlahvar numposts = 15, misalnya Anda menginginkan Seratus Posting maka gantilah angka/jumlah 15 dengan 100

0 komentar:

Posting Komentar