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.

Komentar

Nah.. trik seperti inilah yang seharusnya banyak diaplikasikan oleh para blogger.. biarpun codenya javascript (yang dapat sedikit menambah loading time homepage blog kita), tapi cukup sebanding dengan fungsi dan manfaat yang didapet...

Dengan demikian, template dapat dibuat sesimple mungkin dengan tetap tidak melupakan sisi fungsionalitas sebuah blog..
inung halaman samping mengatakan…
Trims 4 sharing, Chuggy. Pas nih buat menghemat tempat di blog yang makin penuh dengan fitur-fitur menarik qe3 Salam kenal :D
Unknown mengatakan…
Referensi yang amat menarik. Sebuah pilihan yang bagus. Hemat tempat, praktis, lebih komunikatif dan tampilan lebih keren. Trims tutorialnya. Salam sukses.
Ozzys Blog mengatakan…
Siiip Kang, jadi nyimpen script tidak bingung lagi deh cari hosting...xi xi xi ( padahal saya ga mudeng script) :), mas robot lagi dong Wallpapaernya, hi hi :)
wess... mantep nihh aku save ya kang,,

keren nihh bisa menghemat tempat yaa
Sungai Awan mengatakan…
Tengkyu gan tutornya.
Recent komen perlu gan biar terlihat jika ada yg komen di postingan lawas kita.

Kalo recent post aku lebih suka menampilkan lewat arsip saja gan
rawins mengatakan…
wah ide bagus neh. cobain ah...
novaworld mengatakan…
hmmm...
hemat tempat yah,,,
coba dulu deh
:D
Indahnya kebersamaan mengatakan…
Wah bagus juga nich infonya, makasih ya sob
Unknown mengatakan…
berkunjung kerumah sahabat
faijal mengatakan…
good info sob..
om rame mengatakan…
modeL baru Lagi nih widget daftar menunya, terima kasih atas sharenya.
Unknown mengatakan…
sobat,tutor yuk bikin header dikasih banner tapi yg simple kayak cooltext gtu bisa dan ada ga ya?..kek header tempat ini baru..bagus lho
Dicky Renaldy mengatakan…
oom Rss itu aapaaan si ?
Unknown mengatakan…
kalo bikin ditempatku misalnya,web support sama banner support tu jadi kaya gini gmn ya sobat bikinnya? biar bagus juga gtuu...
Chugy mengatakan…
Belantara Indonesia :: Kalau blog ini..bagian Headernya di bagi dua Kiri dan kanan. satu ubtuk header dan satu lagi untuk widget sidebar....!!!

Tapi saya belum sempat bikin tutorialnya ... mudah2n bisa di biki secepatnya..trimakasih.
Ummiega mengatakan…
Kira-kira ngeberatin loading ga ya... yang bawaan blogspotnya saja tidak saya pasang karena terasa sekali agak ngeberatin loadingnya.
Unknown mengatakan…
maksudku widget nya banner support sama web supportku biar jadi satu widget kayak artikel ini gtu..yg artikel ini kan buat recent komen sama recent post..nah buat yg kumaksud tadi gmn tuh caranya..ehheheh
Chugy mengatakan…
Belantara Indonesia :: Owh gitu maksudnya....Tentu bisa boz tinggal di ganti saja scrip recent comment ma recent post-y....!!!! sama saja prinsipnya..ok broder slamat mencoba.
Rizkyzone mengatakan…
kayaknuya menarik juga nih sob menempatkan beberapa widget dalam satu wadah
Unknown mengatakan…
owh gtu..ok deh guru..eh masterku...
uway mengatakan…
numpang komen ya.....
Unknown mengatakan…
saatnya hemat tapi tetap cantik....
mantap.

Postingan populer dari blog ini

Motion Tween dan Shape Tween

Motion Graphic atau Bumper

Jadikan Blogging Sebagai Sarana Ibadah Di Bulan Suci Ini + Baner Gratis