Selasa, 26 April 2011

Membuat Widget Daftar Isi Ajaib Sidebar

Assalamualaikum Wr.Wb,Hai hai sobat sharelikers,Ketemu lagi dengan saya ,Randy D'Hotory,Begitu lah kira-kira nama Pena saya,Hem,agak kejepang-jepangan Ya?Ya maklum lah,saya emang suka dengan Jepang,apapun itu,budayanya yang unik,manga dan animasinya,serta teknologi nya semuanya saya suka.Jadi kepengen kesana.kapan ya bisanya?hahaha Mimpi kali ya?
Uppss,Kebiasaan Curhat Mulai lagi nih,Padahal tadi mau nulis apa ya?kok jadi lupa?Oh ya,saya mau share Widget Bagus Ni sob,WIdget daftar isi lengkap dengan List Hierarki dengan Background gambar.Mau tau bentuknya?tuh klik aja deh tab sidebar Yang tulisannya Recent Post.Udah ketemu Belum?kalo belum ni saya kasih Screen shotnya.



Nah bila sobat tertarik untuk menambah daya animasi blog sobat,serta untuk navigasi Blog sobat,langsung saja saya beritahu caranya,Tinggal sedot aja,tapi abis itu jangan lupa Ya buat Comment.Ingat Anda puas kamipun senang hahaha kayak motto angkot aja.
1.Loggin Ke blog tentunya,jangan muter dulu Ke facebook atau Twitter
2.Lalu Klik rancangan
3.Kemudian Add Gadget sobat
4.Pilih Gadget HTML/Javascript
5.Lalu sedot aja Kode Ini,Pindahin kesana

<div style="background: transparent url(http://2.bp.blogspot.com/-vnCAuNxoKfg/TbbrmJJWfWI/AAAAAAAABO8/LEsRxJT0IyE/s1600/animated_background_a2.gif)no-repeat scroll 0 0;border:2px  solid black; height:250px; overflow:auto; padding:4px; width:250px;">

<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 100;
</script>
<script src="https://sites.google.com/site/bloggerbugis/js/DaftarIsiOtomatis4U.js">

</script>
<script src="http://ypsrandy.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">

</script></div>

6.Nah Sebelum disimpan,Ubahlah Kode-kode Berwarna Merah diatas
  • Url gambar http://2.bp.blogspot.com/-vnCAuNxoKfg/TbbrmJJWfWI/AAAAAAAABO8/LEsRxJT0IyE/s1600/animated_background_a2.gif gambar ganti dengan yang sobat inginkan
  • Ukuran width [ 250 ] serta Height [ 250 ]nya sobat sesuaikan dengan Ukuran sidebar sobat ya
  • Jumlah ringkasan,nah inilah uniknya widget ini,menampilkan ringkasan/bagian awal posting kita,tentukan jumlah karakter nya [100] sesuai keinginan sobat
7.Lalu save Template

Bagaimana Sobat,baguskan Widgetnya?Selamat mencoba,dan teruslah berkreasi di blogmu,dan jangan lupa untuk selalu update blogmu ya,jangan hanya tampilan saja yang bagus,oke, 

Waktu saya udah abis nih,Tapi waktu mu Baru saja Dimulai.Ok,Assalamualaikum wr.wb,saya pamit dulu ya mau ngeliat server dulu.

Sumber:http://blogger-bugis.blogspot.com/2011/03/
cara-membuat-daftar-isi-otomatis-pada.html

~~~~~~~SELAMAT MENCOBA~~~~~

0 komentar:

Posting Komentar