Sabtu, 18 Februari 2012

Widget Sederhana Headline News Berjalan

1. Silahkan login terlebih dahulu jika sudah langsung ke layout ( rancangan )






2.klik Layout ,Tambah gadget dan klik HTML / Java script (red: kayak gambar di atas) dan Copy paste kode di bawah ini terserah di bagian gadget mana yang mau anda letakan dan di letak kan di postingan juga bisa...

Kode nya

<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="auto" height="auto" align="center">
<script src="http://gallerydunia.googlecode.com/files/post-terakhir.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://www.gallerydunia.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
</marquee>
</div>

catatan :

Mari kita otak-atik tanda tulisan berwarna dari atas dahulu...

  • width:320px @ ini untuk ukuran lebar kotak nya bisa sobat ganti sesuai kebutuhan.

  • height:250px @ ini buat tinggi kotak silahkan di ganti sesuai dengan selera
  •  numposts = 15 @ maksud dari angka 15 adalah daftar artikel terbaru yang akan di tampilkan pada widget ini sejumlah 15 artikel/postingan terbaru..sobat bisa ganti angka nya sesuai selera...

  • www.gallerydunia.com @ silahkan di ganti dengan alamat atau URL blog sobat.

Nah dengan ada nya kode widget di atas kita bisa membuat widget sederhana yang dapat menampilkan artikel atau postingan terbaru dari blog yang sobat sukai bisa juga blog para sahabat atau blog favorite kita atau kreasi lain nya..ehm,untuk wordpress saya belum coba dengan kode ini tetapi untuk blogger saya udah coba berbagai macam url blog lain dan widget ini berfungsi dengan baik...

Untuk pemasangan widget di atas bisa sobat letakan di HTML/Java scritp atau di taroh di postingan..

Karena kode di atas tampilan nya sangat sederhana maka sobat bisa membuat kreasi yang lebih menarik dari demo link yang saya berikan dan di tunggu kreasi info nya di kotak komentar.Sumber

Tidak ada komentar:

Posting Komentar