Kamis, 01 September 2011

Tutorial Blogger cara membuat recent post V.2

Tutorial Blogger,-Cara membuat Recent Post V.2 : Trik kali ini kita 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 berfungsi 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 menampilkan judul dari artikel anda tetapi juga menampilkan Photo yang ada di artikel anda dan jumlah komentar pada artikel tersebut.

Recent Post yang akan kita pasang kalai ini gambarannya adalah seperti ini :


Langkah-langkahnya adalah sebagai berikut :
  1.  Log-in ke akun blogger anda.
  2. Setelah itu Pilih Racangan >>Elemen laman
  3.  Tamabah widget/Add Gadget
  4.  Akan tampil Halaman seperti berikut kemudian tambahkan HTML/JavaScript
  5. Setelah itu akan mucul box HTML/JavaScript berikut :
  6. Copas Kede berikut letakan didalam Box HTML/JavaScript diatas
  7. <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://www.mood-engine.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://www.mood-engine.blogspot.com/  Ganti menggunakan URL/alamat Blog anda
  8.  Langkah terakhir klik simpan dan lihat hasilnya

Tidak ada komentar:

Posting Komentar

Pasang Kode Iklan sobat yg berukuran 120 x 600 disini!!!