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/AVvXsEjxZEOUTeSDp3L2CZwB6gGicL3x8BW_ZHi7p4l3G05L-EzRcUaZ3so_zrt4PkbZGfyzf_o3ZMHTUwdf75CDspsWDmZcu5yj8FJVCbBe9qU-Xqomnu6C7e8EIzreO4mR_DPIGl3M20B-DCqP/s1600/bloglogo.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAW8ZolbgG_GPRqeSipg-J-BEuqiRSuAvO5pJg2syt1IOdOCSR991tFqiCST1HlGuy_MoN3_XSRWR70x-fsBSFJZ81mN_OG5vZJNpEbhIIsGaBEzQmW18aYH2sY4ZaOSMKPWMvp2FEtdNc/s1600/logoblog.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVOTlJMzRmQh5Ycs_HZEIr0qjPj365mT_I_ExNJqtR4LNONXR3SRn7cEvYD0c9Ik_k8zlEgbI4jmdrPfFypBCuk0LNBtZORmkP-G9yRSw4RgOGC0_5AYtjmX05UL6dyaH0yLIFZ9SRSNfp/s1600/bloglogo1.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAW8ZolbgG_GPRqeSipg-J-BEuqiRSuAvO5pJg2syt1IOdOCSR991tFqiCST1HlGuy_MoN3_XSRWR70x-fsBSFJZ81mN_OG5vZJNpEbhIIsGaBEzQmW18aYH2sY4ZaOSMKPWMvp2FEtdNc/s1600/logoblog.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAW8ZolbgG_GPRqeSipg-J-BEuqiRSuAvO5pJg2syt1IOdOCSR991tFqiCST1HlGuy_MoN3_XSRWR70x-fsBSFJZ81mN_OG5vZJNpEbhIIsGaBEzQmW18aYH2sY4ZaOSMKPWMvp2FEtdNc/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 comments:

Post a Comment