Slide Daftar Isi Blog

Kastaone - Senin, 18 Juni 2012 - 17.00.00 wita
Sebelumnya saya berbagi dengan kawan Cara Membuat Daftar Isi Plus Komentar Berjalan, sekarang saya akan lanjutkan lagi berbagi dengan Artikel yang hampir sama, cuma bedanya kalau yang ini model slide :y
Model ini di publish oleh System of Blog  dan sekarang saya akan publish di Blog ini dengan sedikit pengeditan tentunya.
Okey cukup sekian ceritanya, mari kita lanjutkan ke »

Cara membuatnya : 
» Masuk Account Blogger dengan ID kawan 
» Pada Dasbor pilih Template
» Cari   ]]></b:skin>  
» Copas script berikut diatasnya



.titlefield {
    text-decoration: none;
    color: #09F;  
    font-size: 16px;
    }
.titlefield:hover {
    text-decoration: none;
    font-size: 16px;
    text-shadow:2px 2px 2px #09f;
    }
.labelfield {
    color: brown;
    font-size: 14px;
    }
.datefield {
    color: #333;
    font-size: 14px;
    padding-left: 30px;
    }

#data {
    width: 100%;
    height: 17px;
    border-top: 3px solid black;
    padding: 5px 20px;
    background-color: #CED0D1;
    margin: 5px auto 0 auto;
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
    }

#data img {
    display: block;
    margin: 0 auto 0;
    text-align: center;  
    }
Ganti teks yang berwarna merah agar sesuai dengan selera kawan, misalnya agar tampil diatas Header [top menjadi bottom, 5px menjadi 0 dan bottom menjadi top] 

» Selanjutnya Copas Kode berikut dibawah ]]></b:skin>  atau diatas </head>



<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script src='http://system-svn.googlecode.com/svn/trunk/gfeedfetcher.js' type='text/javascript'/>
<script src='http://system-svn.googlecode.com/svn/trunk/gajaxscroller.js' type='text/javascript'/>

» Simpan Template kawan 
Selanjutnya kawan pilih Tata Letak untuk memanggilnya  :r 

  • Pilih Tambah Gadget
  • Pilih tanda Plus [+] pada HTML / JavaScript
  • Copas Script berikut kedalamnya
<script type="text/javascript">
var cssfeed=new gfeedpausescroller("data", "posting", 2000, "_new")
cssfeed.addFeed("System", "http://blogbego-creation.blogspot.com/feeds/posts/default")
cssfeed.displayoptions("date")
cssfeed.setentrycontainer("div")
cssfeed.filterfeed(100,  "date")
cssfeed.entries_per_page(1)
cssfeed.init()
</script>

Ganti Angka 100 dengan jumlah Judul Blog yang mau kawan tampilkan sebagai Slide
Simpan Blog kawan dan lihat hasilnya :z

Berbagi Artikel :

Slide Daftar Isi Blog
Rate this posting:
{[["☆","★"]]}

Kalau pada Artikel Slide Daftar Isi Blog
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
P.pw - Shorten urls and earn money!

Artikel Menarik Lainnya

About me


Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

Tidak ada komentar

BERIKAN KOMENTAR SESUAI TOPIK
DENGAN BAHASA YANG SOPAN,
JANGAN MENGHINA, SARA / ETNIS DAN SPAM

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan




BANNER [300x250]
© 2013 - BC INFO | Powered by Blogger
Design Template by : Blogger Edan