Cara Membuat Daftar Isi berisi Thumbnail

Cara Membuat Daftar Isi Blog selanjutnya yang akan saya bagikan sama kawan Blogger adalah Daftar Isi berisi Thumbnail ini yang setahu saya diciptakan oleh Blogger senior [Master] Abu Farhan :z; tapi ada beberapa scriptnya saya ganti / rubah karena mengalami masalah [maaf saya bukannya lebih hebat dari penciptanya], maksud saya menjadi masalah disini kemungkinan karena banyak yang menggunakan atau tempat menyimpannya terjadi masalah :q; 

Pada awalnya Script Daftar Isi ini dibuat untuk Recent Post alias Posting Terakhir yang kita Publish :y;

Oke langsung saja ke cara membuatnya :

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Tata Letak - Tambah Gadget 
• Pilih tanda [+] pada HTML / JavaSript
• Copas Script berikut kedalamnya

<div style="border: 0px solid black; height: 300px; overflow: auto; width: 100%;">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdm5KMVc6QffnhrLKZgMtyi-I0UXNwZ6Gubqy8ngnIRVHQe733hRLlppkFCczUuUuKw_n2c27OqWZ4LRDo40IQMYDFg3tqMnlMnshmkb4u9l225_uSJea3AiGrSllIL7PjX89ON5QxXFv/s1600/bloglogo.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcO0z_kU2l-j8gDC6-ewQkKiQMWNaAp5uKkiv0uj6BMcHc3GiBT9-JgnN6f6IkatMlwfjtLYMzyU9DvuwaeZvI9PtJUT8Xsd5guje159Xhekxdpyrhme0505pHDEGKhv13ZDBFwYxDCJl/s1600/logoblog.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvdB0iSafvqr4m-WxUZvc7k0DFa9hwKF9yj-wwSUByk8tNO8laFaA6IvPMVx2scD6AaSXKqVdzDC7iEt2d_h4WNZkCtQjRUJ4bZKU8leomJRmQqIZHc5y6DD6oVlw8kS0kZCXArkWbSCa/s1600/bloglogo1.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcO0z_kU2l-j8gDC6-ewQkKiQMWNaAp5uKkiv0uj6BMcHc3GiBT9-JgnN6f6IkatMlwfjtLYMzyU9DvuwaeZvI9PtJUT8Xsd5guje159Xhekxdpyrhme0505pHDEGKhv13ZDBFwYxDCJl/s1600/logoblog.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcO0z_kU2l-j8gDC6-ewQkKiQMWNaAp5uKkiv0uj6BMcHc3GiBT9-JgnN6f6IkatMlwfjtLYMzyU9DvuwaeZvI9PtJUT8Xsd5guje159Xhekxdpyrhme0505pHDEGKhv13ZDBFwYxDCJl/s1600/logoblog.png";
showRandomImg = true;
boxwidth = 270;
cellspacing = 6;
borderColor = "#ffffff";
bgTD = "#0000ff";
thumbwidth = 30;
thumbheight = 30;
fntsize = 10;
acolor = "#999";
aBold = false;
icon = " ";
text = "Pendapat";
showPostDate = true;
summaryPost = 50;
summarFontsize = 10;
summaryColor = "#00f";
icon2 = " ";
numposts = 100;
home_page = "http://NAMA BLOG KAWAN.blogspot.com/";
</script>
<script src="https://sites.google.com/site/blogbegocreation/javascript/recentposts_thumbnail.js"type="text/javascript"></script>
</div>

• Teks yang berwarna biru adalah besarnya Thumbnail 
• Teks yang berwarna merah adalah jumlah Post yang sudah di Publish
• Teks yang berwarna violet ganti dengan URL Blog kawan
• Kalau peng-Editan sudah selesai Jangan lupa simpan Blog kawan