MEMBUAT WIDGET ARTIKEL TERBARU DENGAN GAMBAR DAN SCROLL BAR

Goglees - Setelah kemarin membahas tentang CARA MEMBUAT SOSIAL MEDIA MIRIP WINDOWS 8 DIBLOG. 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 :
Pertama seperti biasa anda harus login dulu akun blogger anda.
Setelah itu Pilih Tata letak.
Lalu pilih Tambahkan Gadget.
Setelah itu pilih HTML/Javascript.
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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhAyxyc69aeZrNfvel2dZmSTZZTrxTbwEx4B5WpMtogqK9Ry2bnD0pNKch6BUijwAhXf41M9iNGmkhSQTEOAW6f6JdF7KMlmcHKT7HjKyyLBJ9hOZuZYkqdXBNvx-HyBVp_fGB9ui1Cx3/s760/logo.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhAyxyc69aeZrNfvel2dZmSTZZTrxTbwEx4B5WpMtogqK9Ry2bnD0pNKch6BUijwAhXf41M9iNGmkhSQTEOAW6f6JdF7KMlmcHKT7HjKyyLBJ9hOZuZYkqdXBNvx-HyBVp_fGB9ui1Cx3/s760/logo.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhAyxyc69aeZrNfvel2dZmSTZZTrxTbwEx4B5WpMtogqK9Ry2bnD0pNKch6BUijwAhXf41M9iNGmkhSQTEOAW6f6JdF7KMlmcHKT7HjKyyLBJ9hOZuZYkqdXBNvx-HyBVp_fGB9ui1Cx3/s760/logo.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhAyxyc69aeZrNfvel2dZmSTZZTrxTbwEx4B5WpMtogqK9Ry2bnD0pNKch6BUijwAhXf41M9iNGmkhSQTEOAW6f6JdF7KMlmcHKT7HjKyyLBJ9hOZuZYkqdXBNvx-HyBVp_fGB9ui1Cx3/s760/logo.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhAyxyc69aeZrNfvel2dZmSTZZTrxTbwEx4B5WpMtogqK9Ry2bnD0pNKch6BUijwAhXf41M9iNGmkhSQTEOAW6f6JdF7KMlmcHKT7HjKyyLBJ9hOZuZYkqdXBNvx-HyBVp_fGB9ui1Cx3/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://goglees.blogspot.com/";
</script>
<script src="https://googledrive.com/host/0B0_wkT3eMSffZjRpclJLM3VKZmM/" type="text/javascript"></script>
</ul></div>
Silahkan ganti tulisan yang berwarna merah dengan alamat website anda.
Terakhir silahkan anda klik Simpan.

Itu sedikit pembahasan mengenai cara MEMBUAT WIDGET ARTIKEL TERBARU DENGAN GAMBAR DAN SCROLL BAR. Jika anda ada kesempatan silahkan baca baca juga artikel kami di laman Klikgaul.com Portal Berita artis ,K-Pop , Zodiak, Love Paling Keren dan Update yang didalamnya berisi info info yang sangat menarik bagi anda.
Terimakasih.

Komentar

  1. Nyimak dan bookmark, siap dipraktekan . Makasih buat ilmunya ^^

    BalasHapus
  2. khusus untuk di blogger aja ya? klo di wordpress gak bisa?

    BalasHapus
  3. sy sedang praktek gan tuk blog baruku....dites dulu

    BalasHapus
  4. Thanks gan... hasilnya mantap...
    http://portalsolata.blogspot.com/

    BalasHapus
  5. cara ngilangin yang naik scrollnya gimana gan...

    BalasHapus
  6. nice post gan.... by afdhalilahi.com

    BalasHapus

Posting Komentar

Berkomentar itu gampang. Tidak percaya?
Cobain deh berkomentar