468x60 Ads

Cara Membuat Daftar Isi berisi Thumbnail

Unknown | 00:27 | , , ,
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/AVvXsEhEvRbHlLhvCXM7W78qCwdAbwhfPXQLV1ubXJ1IiKUsNTKdeRUhkueyvxHo53MIIfUaRgead1ZK34YAlxflOg2VaOKTUCZZg5of-CEoNzUIBkdjCDLUwV7KeXkWFEgTP1Vpq-r-m78pXdiI/s1600/bloglogo.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0DCnWbwfke9qDhISXMIbxQLjICN_WjgiF_E6HQHKS4MszvSTZI_TjCcmpLDmq-z0zzgVyGOUPZiAlikTHUQF6ht0W9o75d8kdOvJoiYmptZXk27wHWr0HPtKNj_zLfw0-YV5wQd8c3aKG/s1600/logoblog.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJt9YbGPKUidhYq8Qwovx1qUuPJiFAo7QHvSt0SNwwWBvU_3VrrUqLIqpxXm1W80Uk7tSc-weURjeNQO7CuwSuhPRxAgeZjgP1eA9jNaPV6WUDozBmKVLDJUX7gpKyiLHSdq7eKvVY9Y9v/s1600/bloglogo1.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0DCnWbwfke9qDhISXMIbxQLjICN_WjgiF_E6HQHKS4MszvSTZI_TjCcmpLDmq-z0zzgVyGOUPZiAlikTHUQF6ht0W9o75d8kdOvJoiYmptZXk27wHWr0HPtKNj_zLfw0-YV5wQd8c3aKG/s1600/logoblog.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0DCnWbwfke9qDhISXMIbxQLjICN_WjgiF_E6HQHKS4MszvSTZI_TjCcmpLDmq-z0zzgVyGOUPZiAlikTHUQF6ht0W9o75d8kdOvJoiYmptZXk27wHWr0HPtKNj_zLfw0-YV5wQd8c3aKG/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



0 Kommentare:

Kommentar veröffentlichen