Senin, 19 Juli 2010

Modifikasi Satu Widget Menjadi Double Fungsi Untuk Penyimpanan Script

Kalau ngomongin widget tentu identik dengan tampilan blogger baik sidebar Footer maupun Header, yang selalu mendapatkan posisi istimewa untuk menampilkan widget karean biasanya para blogger selalu mempercantik tampilannya dengan memasang widget widget tersebut, Baik dengan Related Post , Resent post, Recent Comment, Top Post, Tab View ataupun yang lainya yang tentu memerlukan space atau ruang pada template anda.

Disini saya tidak akan membahas script atau HTML yang aneh aneh karena saya yakin sudah banyak master blogger yang memposting Script script seperti itu.

Kali ini saya coba untuk meminimalkan pemasangan script script yang dianggap penting untuk di simpan pada widget/Gadget sidebar blog anda. tujuanya untuk menghemat widget yang di pasang. lihat screen shoot di samping ini.

untuk membuat tampilan seperti ini cara cukup mudah dan tidak terlalu rumit.

silahkan ikuti caranya di bawah ini.

Modifikasi Satu Widget Menjadi Double Fungsi Untuk Penyimpanan Script

Langkah pertama siapkan script yang ingin anda pasang pada widget sidebar.
Sebagai contoh saya menggunakan script Recent Posting dan Recent Comment.

Masuk pada Dashboard Blog anda.
Pilih Rancangan >> Tambah Gadget >> pilih HTML/JavaScript.
Masukan Script dan kode HTML di bawah ini.

<script src="http://sites.google.com/site/anasku2000/post-terakhir.js"></script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://chugygogog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>


<style type="text/css">

.double-side{
font-size:14px;
float:right;
font-weight:bold;
color:white;
background:;
padding:0px;
}

</style>


<h2><span class="double-side"><a href="Alamat RSS Feed Anda">
<span style="background-border:1px solid #000;padding:2px;">RSS Feeds </span></a>
</span>Recent Comment</h2>

<style type="text/css"></style>
<script src="http://sites.google.com/site/anasku2000/post-terakhir.js"></script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://chugygogog.blogspot.com/feeds/comments/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

Ganti alamat Recent Post dan Recent Comment yang dicetak merah tebal ganti juga alamat RSS Feeds Anda Yang Hijau Tebal di atas sesuai dengan alamat feeds blog anda.

Beri judul widget Anda Dengan Recent Post.
Selanjutnya Anda Simpan.
Selamta mencoba.

0 komentar:

Posting Komentar

◄ New Post Old Post ►