Recent Posts dengan Thumbnail

Posted by Unknown Senin, 01 Oktober 2012 0 komentar

Untuk memasang widget ini di blogger cukup mudah anda hanya perlu menambahkan gadget typeHTML/Javascript pada layout atau tata letak blog, kemudian masukkan script widget ke dalamnya, kemudian simpan gadget dengan menekan tombol Save, mudah bukan..? Ok, untuk lebih detail berikut ini adalah langkah untuk menambahkan Widget Recent Posts dengan Thumbnail di blogger
  • Login ke blogger dengan ID Anda
  • Klik link Title Blog Anda
  • Pilih Menu Layout ->> Add a gadget ->> Pilih gadget type HTML/Javascript
  • Copy script di bawah ini dan paste ke dalam kotak content gadget type HTM/Javascript
    <script language="JavaScript">
    imgr = new Array();

    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT2nt03hw3fx7v7HhB3aC6zHCi77gYxVo7DEOrBiA2-k9_0NpPU21pSq6EJ-Z2YnANyoV5QmhAhHUUt9Aujmx68k5rvahnhJ4HJV4tnKce26WNmUTGxG832w-BttT9xG7mu-ikcz9Lxkk/s1600/img1.jpg";
    imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiy1vgbOl4RCT0Syue1JpKzXzLstG7ej-AxrNzydr-na2bqC27EdsYWy5LWsxdHwAeW0E0PzL0Zx3n-2RaqoIlyOnZhdWoyE-OvJrdcPiIyM0t59lG_tXrXiSuuBfRJeT8IqvDRc-1DBA/s1600/img2.jpg";
    imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih5fQsnMyq-zEzV_p7Vd-74R28ep1yHw4y5EqZKxeRoR-qE1cRQTU49hXxfzN0jbZ56d0YMesoRU0AQ0uRCBQTlevXKmwNrmHndfErSoOfT89Z3Cr6Sgdt5OPmQanjXuuf7BXsmrtFIew/s1600/img3.jpg";
    imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEfqMsahj3CW0t2bMjncCtDSpOj4Hp_V3-B4fgknBvCpXsmqDrALFwv6x90dVByUDKmMEgxyqj-zciAZlrUEh71Y7oSvaWFazgkE3kCv7JWLSLwOY2oQod-8LF9-0qbeprFuKWyj8raRs/s1600/img4.jpg";
    imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUo-8WRQzfAFrE9SHVip-5rOpZzCvuHm_ZD_1AEZQURaAlATiQMdNjxgxamdBkxh7LufMdWeR0IfvAqOBSNZc-SF9LC-XrQUtW_xp_Xpzi94TvD2nqFF1grAhavsXwiiwAgsQH3jAhwFw/s1600/img5.jpg";

    showRandomImg = true;

    tablewidth = 300;
    cellspacing = 8;
    borderColor = "#ffffff";
    bgTD = "#ffffff";

    imgwidth = 40;
    imgheight = 40;

    fntsize = 12;
    acolor = "#000";
    aBold = true;
    icon = " ";

    text = "";
    fsize= "11";

    showPostDate = true;

    summaryPost = 60;
    summaryFontsize = 11;
    summaryColor = "#666";
    icon2 = " ";

    numposts = 5;

    home_page ="http://multipaste.blogspot.com/";
    </script>
    <script type="text/javascript" src="http://multipaste.googlecode.com/files/recentposts.js"></script>
  • Simpan gadget dengan menekan tombol Save
  • Sekarang periksa halaman blog Anda jika widget ini berhasil tampil jangan lupa ucapkan Alhamdulillah, serta jangan sungkan untuk berkomentar di bagian bawah artikel ini.

NOTE :

Jika ingin menyesuaikan dengan tampilan blog anda berikut ini adalah keterangan untuk kustomisasi script :
  • Lebar widget : tablewidth = 300
  • Ukuran lebar dan tinggi Thumbnail (gambar) : imgwidth = 40imgheight = 40;
  • Jumlah karakter untuk rinkasan artikel yang ditampilkan : summaryPost = 60
  • Jumlah Artikel yang ditampilkan dalam widget : numposts = 5

source : http://multipaste.blogspot.com/2012/08/widget-recent-posts-dengan-thumbnail.html
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Recent Posts dengan Thumbnail
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://topandroidnexus7.blogspot.com/2012/10/recent-posts-dengan-thumbnail.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Trik SEO Terbaru support Online Shop Baju Wanita - Original design by Bamz | Copyright of android nexus 7.