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 |
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.
Nyimak dan bookmark, siap dipraktekan . Makasih buat ilmunya ^^
BalasHapushehehe.
Hapussiap neng
khusus untuk di blogger aja ya? klo di wordpress gak bisa?
BalasHapusdicoba dulu aja bang pasang di WP
Hapussy sedang praktek gan tuk blog baruku....dites dulu
BalasHapussemoga berhasil
HapusThanks gan... hasilnya mantap...
BalasHapushttp://portalsolata.blogspot.com/
cara ngilangin yang naik scrollnya gimana gan...
BalasHapusnice post gan.... by afdhalilahi.com
BalasHapus