Home » » Menampilkan Daftar Isi Alphabetik Dengan Marquee

Menampilkan Daftar Isi Alphabetik Dengan Marquee




Caranya adalah sebagai berikut :

1. Login ke akun Blog anda.
2. Pilih Rancangan, Add Gadget kemudian klik HTML/Java Script.
3. Copy Paste script di bawah ini ke dalam gadget HTML/Java Script anda.

center> <div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; color: white;"><b>Daftar Isi :</b></div> <div style="border: 2px solid white; background: blue; padding:2px; width:95%; font-size: 17px; color:white;"> <b><!-- Alphabetical/chronological Post Title Listing with comment count Start --> <script type="text/javascript"> function getYpipeTL(feed) { document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="7">'); var i; for (i = 1; i < feed.count ; i++) { var href = "'" + feed.value.items[i].link + "'"; var pTitle = feed.value.items[i].title + "</a> | "; var pComment = " \(" + feed.value.items[i].commentcount + " comments\)"; var pList = "</a>" + "<a href="+ href + '">' + pTitle; document.write(pList); document.write(pComment); document.write('</a></li>'); } document.write('</marquee>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run? YourBlogUrl=http://www.3xploration.co.cc &Order=alphabet &_id=401e43055731c1a29f1e1d3eb5e8e13f &_callback=getYpipeTL &_render=json" type="text/javascript"></script><span style=" float:left;"><p><a href="http://www.3xploration.co.cc">Tutorial Blogger</a></p></span> <!-- Alphabetical Post Title Listing End --></b></div><center/></center></center>

NB :
  text-shadow:4px 4px 4px yellow; = ukuran dan warna bayang dari judul.
►  font-size: 14px; color: white; = ukuran dan warna huruf judul.
►  Daftar Isi = judul.
  background: blue; =latar dari tampilan
  width:95%; = lebar tampilan (sengaja ditampilkan dalam % agar cocok pada setiap tempat).
  font-size: 17px; color:white; = ukuran dan warna huruf judul post yang tampil
►  scrollamount="7"> = kecepatan gerak, makin besar makin cepat gerakannya.
►  YourBlogUrl=http://www.3xploration.co.cc = ganti dengan URL blog anda
►  <a href="http://www.3xploration.co.cc">Tutorial Blogger< = ganti dengan URL dan Titel Blog anda

4. Save

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .