1. Pertama Login dulu ke blogger
2. Pilih Layout ( Tata Letak ) >> Page Element ( Elemen Halaman )
3. Add a Gadget ( Tambah Gadget )
4. Pilih HTML/JavaScript dan copy aja kode ini didalamnya:
<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">
...................
</div>
...................
</div>
Titik titik nya kamu isi alamat URL yang ingin dituju misalnya kayak gini
<div style="overflow:auto;width:340px;height:100px;padding:10px;border:1px solid #eee">
1.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/membuat-recent-comment-komentar-terbaru.html"> Membuat Recent Comment</a>
<br/>
2.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/cara-membuat-recent-post-postingan.html"> Membuat Recent Post</a>
<br/>
3.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/menampilkan-jumlah-posting-dan-komentar.html"> Menampilkan Jumlah Postingan dan Komentar</a>
<br/>
4.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/cara-menulis-kode-html-di-postingan.html"> Cara Menulis Kode Html di Postingan</a>
<br/>
5.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/membuat-border-blog-untuk-postingan.html"> Membuat Border Blog</a>
<br/>
6.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/membuat-kotak-tukeran-link-link-excange.html"> Membuat Kotak Tukaran Link / Banner </a>
<br/>
</div>
1.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/membuat-recent-comment-komentar-terbaru.html"> Membuat Recent Comment</a>
<br/>
2.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/cara-membuat-recent-post-postingan.html"> Membuat Recent Post</a>
<br/>
3.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/menampilkan-jumlah-posting-dan-komentar.html"> Menampilkan Jumlah Postingan dan Komentar</a>
<br/>
4.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/cara-menulis-kode-html-di-postingan.html"> Cara Menulis Kode Html di Postingan</a>
<br/>
5.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/membuat-border-blog-untuk-postingan.html"> Membuat Border Blog</a>
<br/>
6.<a href="http://tutorial-tip-trik.blogspot.com/2009/07/membuat-kotak-tukeran-link-link-excange.html"> Membuat Kotak Tukaran Link / Banner </a>
<br/>
</div>
Keterangan :
width --> lebar
height --> tinggi
padding --> jarak antar tulisan dengan garis pinggir menunya
border --> ketebalan garis pinggir menu
Udah gitu aja mudah kan... bisa diaplikasikan untuk, Daftar isi seperti punyaku, bisa juga untuk Link Teman teman, dll
19 comments:
wah tutorial yang aku tunggu2 nih makasih ya...aku dah follow tuh tukeran link ya..
Thak sob... pasang banner ku juga ya. Aku juga mau follow ok.
Thanks bUanget....
Wah...bermanfaat banget mas untuk arsipku.thanks tutorialnya.
Buat aUr3L666 dan Sbagyo : Semoga artikenya bermanfaat
mantab neh bro tutorialnya,,
aku cobain dulu..
thanks infonya mas...jadi pengen nyoba
buat trie dan ganool : silahkan di coba n semoga info ini membantu
Mantep bgt deh Postingsnx... berguna bgt buat q... btw q jg dah follow tuh, n ntar blog mu q taruh di sidebar blog ku.jd psang blog ku jg y.... blog ku Adibloggers.blogspot.com. Trims....
Memang scroll down kelihatan profesional.nice article.
wahh ini dia artikel yang saya cari cari.
terima kasih ya,
Thanks bwt info Sob...
sama sama
hhe. cobain ah. .
singkat, padat, dan jelas infonya. .
sama sama
thank you :-)
thx sob, ijin sedoooot
trimakasih gann...
Thanks Tutorialx mas, sy mau tanya cara membuat isi di tab menu seperti yg terlihat di blog anda ini. Ebook, Photoshop, Template design,sofware, banner+link dst, isinya kan bisa di klik tuch, nach caranya gmn ya?, tlg bantuannya, bisa ke emal jg mas, lomboksumbawaoverland@yahoo.com.
thanks sebelumnya!
Post a Comment
Silahkan tulis komentar tentang blog ini, usulan, saran dan kritik serta ide ide yang membangun.