29 Apr 2014

Cara membuat widget artikel terbaru dengan gambar dan scroll bar

Kali ini penulis ingin memberikan satu cara lagi membuat widget yang keren dan tentunya sangat berguna lainnya yaitu widget Artikel Terbaru atau sering disebut dengan Recent post. Widget yang dibahas disini tentunya memliki tampilan yang begitu indah, menarik, bagus, keren, dan bisa menarik perhatian pengunjung. Jika anda bingung silahkan lihat salah satu widget yang ada di sebelah kanan blog ini dengan judul Artikel Terbaru dan itu widget yang akan dibahas disini. Jika anda belum begitu jelas bisa anda lihat gambar widgetnya di bawah ini.
WIDGET ARTIKEL TERBARU
WIDGET ARTIKEL TERBARU
Langkah pembuatan :
  1. Pertama seperti biasa anda harus login dulu akun blogger anda.
  2. Setelah itu Pilih Tata letak.
  3. Lalu pilih Tambahkan Gadget.
  4. Setelah itu pilih HTML/Javascript.
  5. Kemudian masukkan kode dibawah ini
<div style="border: 1px solid #00008B;overflow: auto;width:ancho;height:300px; padding: 10px;">
<ul>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://4.bp.blogspot.com/-aa3bxaLOLSw/UbWPSLz0KOI/AAAAAAAAAKw/wamN2y6TQGw/s760/logo.jpg";
imgr[1] = "http://4.bp.blogspot.com/-aa3bxaLOLSw/UbWPSLz0KOI/AAAAAAAAAKw/wamN2y6TQGw/s760/logo.jpg";
imgr[2] = "http://4.bp.blogspot.com/-aa3bxaLOLSw/UbWPSLz0KOI/AAAAAAAAAKw/wamN2y6TQGw/s760/logo.jpg";
imgr[3] = "http://4.bp.blogspot.com/-aa3bxaLOLSw/UbWPSLz0KOI/AAAAAAAAAKw/wamN2y6TQGw/s760/logo.jpg";
imgr[4] = "http://4.bp.blogspot.com/-aa3bxaLOLSw/UbWPSLz0KOI/AAAAAAAAAKw/wamN2y6TQGw/s760/logo.jpg";
showRandomImg = true;
boxwidth = 230; /*Lebar Widget*/
cellspacing = 5; /*Jarak Judul Dengan Artikel*/
borderColor = "#B0E0E6"; /*Warna Dalam*/
bgTD = "#000000";
thumbwidth = 150; /*Lebar Gambar*/
thumbheight = 50; /*Tinggi Gambar*/
fntsize = 12; /*Ukuran Font Judul*/
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 15;

home_page = "http://imran-iim.blogspot.com/";
</script>
<script src="https://googledrive.com/host/0B0_wkT3eMSffZjRpclJLM3VKZmM/" type="text/javascript"></script>
</ul></div>
6. Silahkan ganti tulisan yang berwarna merah dengan alamat website anda.
7. Terakhir silahkan anda klik Simpan.
 
Semoga Artikel tentang "Cara membuat widget artikel terbaru dengan gambar dan scroll bar" ini bisa bermanfaat untuk teman-teman semuanya. Amiin. Salam sukses selalu :-)

No comments:

Post a Comment