Cara,Trik,dan Lirik Lagu

assalamualaikum hai semua dihari yangcerah ini saya akan membuat postingan tentang Cara Membuat Daftar Isi di Blog buat kalian yangmau buat daftar isi di blog ikiti cara di bawah ini.

Cara Membuat Daftar Isi di Blog

masuk ke dasbor blogger
pilih menu laman
pilih laman baru untuk lebih jelas lihat gambar di bawah ini
pilih laman kosong
setelah masuk pilih mode html
lalu copy kode di bawah ini dan pastekan di tempat tadi

<div style="border: 1px solid rgb(238, 238, 238); height: 700px; overflow: auto; padding: 10px; width: 530px;">
<script src="http://widgetsitemap.googlecode.com/files/daftarisi.js"></script><script src="http://arifwj67.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </div>
ganti teks yang berwarna biru dengan url blog anda
dan simpan laman coba pratinjau blog anda jika tidak muncul coba atur laman anda dengan mengubah jangan di tampilkan dan ubah menjadi tab atas atau tab sanpaing atau klik lihat di bawah judul laman dan copy urlnya.

dan selesai sudah pembahasan mengenai Cara Membuat Daftar Isi di Blog semoga artikel ini bisa membantu kalian yang membuat daftar isi di blog,dan terimakasih telah berkunjung di blok saya.

Views:

Assalamualaikum wr wb,siang semua di siang yang panas ini saya akan membuat artikel yaitu Cara Membuat Popular Post Warna-Warni di Blogger,widget ini bisa membuat warna popular post bisa warna-warni seperti gambar di bawah ini

Buat kalian yang mau popular postnya seperti gambar di atas ikuti cara di bawah ini.

Cara Membuat Popular Post Warna-Warni di Blogger

masuk ke dashboard blogger
pilih edit HTML
cari kode ]]></b:skin>
lalu letakkan kode yang ada di bawah ini diatas kode ]]></b:skin> /* Popular Post Rainbow Start */
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:#ff4c54;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
#PopularPosts3 img{
-moz-border-radius: 130px;
-webkit-border-radius: 130px;
border-radius: 130px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
padding:4px;
border:1px solid #fff !important;
background: #F2F2F2;}#PopularPosts1 img:hover {
-moz-transform: scale(1.2) rotate(-560deg) ;
-webkit-transform: scale(1.2) rotate(-560deg) ;
-o-transform: scale(1.2) rotate(-560deg) ;
-ms-transform: scale(1.2) rotate(-560deg) ;
transform: scale(1.2) rotate(-560deg) ;
}
/* Popular Post Rainbow End */
pratinjau template kalian terlebih dahulu jika tdak terjadi eror simpan temlate kalian
setelah itu kita masuk ke tataletak cari gadget popularpost kalian yang sudah terpasang
lalu atur gadjed popular post kalian seperti gambar dibawah ini
dan simpan gadget anda.

Dan selesai sudah artikel kali ini semoga dengan artikel kali ini bisa membuat b;og kalian bagus dan banyak pengunjungnya amin,terimakasih sudah berkunjung ke blog saya yang sederhana ini jangan lupa tinggalkan komentar kalian di kolom komentar di bawah ini,salam blogger.