Skip to main content

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 :-)

Comments

Popular posts from this blog

Lirik Indal Faji kuntu usolli

Lirik lagu Indal Fajri ***
Indal fajri
kuntu usolli
Usolli lillahi ta'ala
Adzkuru syauqon
Ismallahi
hubban ikroman ijlala 2X

subhanallaah
manrofaassama
waahsanal bina
subhanallah

subhannalah
faahatidzuhur
biazmalil 'utur
subhanallah

subhanallah
manzada bil hawa
antamuhu jawa
subhanallah

subahanllah
maasmalasuhun
minhosmihatakun
subhanallah

allah allah ....ya allah .....ya allah .....ya allah


Indal fajri
kuntu usolli
Usolli lillahi ta'ala
Adzkuru syauqon
Ismallahi
hubban ikroman ijlala 2X

subhanallah
kawwanal insan 'allamal bayan subhanallah

subhanallah
yaman wahab dalluh
 hatta nagtu wanaruh
 subhanallah

subhanallah
wal aqla wal janan
wal hubba wal hanan
subhanallah

subhanallah
hamdan syukron lillah
kullu rojabillah
subhanallah

allah.. ya allah... ya allah... ya allah


Indal fajri
kuntu usolli
Usolli lillahi ta'ala
Adzkuru syauqon
Ismallahi
hubban ikroman ijlala 2X

Tahapan alur novel, cerpen dan drama