Tutorial Blogger,-Cara membuat Recent
Post V.2 : Trik kali ini k
ita Sebenarnya sudah pernah dibahas pada
tutorial sebelumnya tapi ada sedikit perbedaan pada trik kali
ini.Sebelum masuk ketahap lebih lanjut sedit kita singgung tetang recent
Post agar sahabat blogger yang baru tidak binggung apa yang dimaksut
dengan recent post.
Recent
Post berfungs
i untuk menampilkan list atau daftar posting terbaru dari
blog anda. anda bisa mengatur banyaknya posting terbaru pada widget
ini.Recent Post kalai ini akan tampil lebih elegan dari Recent Post
sebelumnya karena pada Recent Post kali ini tidak hanya menamp
ilkan
judul dari artikel anda tetapi juga menampilkan Photo yang ada di
artikel anda dan jumlah komentar pada artikel tersebut.
Langkah-langkahnya adalah sebagai berikut :
- Log-in ke akun blogger anda.
- Setelah itu Pilih Racangan >>Elemen laman
- Tamabah widget/Add Gadget
- Akan tampil Halaman seperti berikut kemudian tambahkan HTML/JavaScript
- Setelah itu akan mucul box HTML/JavaScript berikut :
- Copas Kede berikut letakan didalam Box HTML/JavaScript diatas
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 250;
cellspacing = 8;
backgroundColor = "#1C1C1C";
borderColor = "ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://chyberart.blogspot.com/";
</script>
<script src="http://larasmadyo4.googlecode.com/files/Recent%20post.js" type="text/javascript"></script>
NB:
- boxwidth = 250;adalah Lebar dari kotak Recent Post
- backgroundColor = "#1C1C1C";Adalah warna Beackground dari kotak Recent Post
- borderColor = "ffffff"; Adalah warna garis tepi atau border
- fntsize = 12; Adalah Ukutan huruf dari judul postingan/title
- acolor = "#666"; Warna huruf dari judul postingan/title
- http://chyberart.blogspot.com/ Ganti menggunakan URL/alamat Blog anda
- Langkah terakhir klik simpan dan lihat hasilnya
Selamat mencoba dan jika berhasil atau tidak silahkan tinggalkan komentar anda disini !