MEMBUAT WIDGET POSTINGAN TERAKHIR DI BLOGGER Cara menambah gadget Recent Post di blogspot

MEMBUAT WIDGET POSTINGAN TERAKHIR DI BLOGGER Cara menambah gadget Recent Post di blogspot - Ketemu lagi hari ini dengan artikel terbaru dari Karya Anak Kidoel. Artikel kali ini adalah dengan Tutorial BLogspot yaitu Cara Membuat widget postingan terakhir di blogger atau sering di sebut dengan Recent post. dimana widget recent post atau postingan terakhir ini akan bergerak dari atas ke bawah, tentunya ini akan menjadi daya tarik sendiri untuk blog kita. sebenarnya ini adalah menjawab salah satu pertanyaan teman kita di kotak komentar blog ini.

cara membuat model Archives & Postingan Terakhir seperti di blog saranghenamja.blogspot.com, gimana ya??? Ksi tau donk cara nya... Krim ke email aku ya... chelmi blablabla.com

Pliz,,, atau posting kan cara nya di blog anda...

Semoga adanya artikel ini menjawab pertanyaan teman tersebut. untuk membuatnya sangat lah mudah. berikut ini caranya.

• Login terlebih dahulu ke blogger


• Kemudian klik tambah gadget


• Pilih HTML/JavaScript


• Copy dan Pastekan kode di bawah ini ke dalam nya
  
  
  

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  
  <style type="text/css" media="screen">
  
  <!--
  
  #spylist {
  
  overflow:hidden;
  
  margin-top:5px;
  
  padding:0px 0px;
  
  height:350px;
  
  }
  
  #spylist ul{
  
  width:220px;
  
  overflow:hidden;
  
  list-style-type: none;
  
  padding: 0px 0px;
  
  margin:0px 0px;
  
  }
  
  #spylist li {
  
  width:208px;
  
  padding: 5px 5px;
  
  margin:0px 0px 5px 0px;
  
  list-style-type:none;
  
  float:none;
  
  height:70px;
  
  overflow: hidden;
  
  background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
  
  border:1px solid #ddd;
  
  }
  
  #spylist li a {
  
  text-decoration:none;
  
  color:#4B545B;
  
  font-size:11px;
  
  height:18px;
  
  overflow:hidden;
  
  margin:0px 0px;
  
  padding:0px 0px 2px 0px;
  
  }
  
  #spylist li img {
  
  float:left;
  
  margin-right:5px;
  
  background:#EFEFEF;
  
  border:0;
  
  }
  
  .spydate{
  
  overflow:hidden;
  
  font-size:10px;
  
  color:#0284C2;
  
  padding:2px 0px;
  
  margin:1px 0px 0px 0px;
  
  height:15px;
  
  font-family:Tahoma,Arial,verdana, sans-serif;
  
  }
  
  .spycomment{
  
  overflow:hidden;
  
  font-family:Tahoma,Arial,verdana, sans-serif;
  
  font-size:10px;
  
  color:#262B2F;
  
  padding:0px 0px;
  
  margin:0px 0px;
  
  }
  
  -->
  
  </style>
  
  <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 = 255;
  
  cellspacing = 6;
  
  borderColor = "#232c35";
  
  bgTD = "#000000";
  
  thumbwidth = 70;
  
  thumbheight = 70;
  
  fntsize = 12;
  
  acolor = "#666";
  
  aBold = true;
  
  icon = " ";
  
  text = "comments";
  
  showPostDate = true;
  
  summaryPost = 40;
  
  summaryFontsize = 10;
  
  summaryColor = "#666";
  
  icon2 = " ";
  
  numposts = 10;
  
  home_page = "http://makalah3satu.blogspot.com/";
  
  limitspy=4
  
  intervalspy=4000
  
  </script>
  
  <div id="spylist">
  
  <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
  
  </div>
  
  
  
  
  


• Kemudian simpan


• Jangan lupa ganti alamat http://makalah3satu.blogspot.com yang bertulisan hitam tebal di atas dengan alamat blog anda.


• Selesai...


• Sedangkan Untuk membuat archives nya itu memang sudah bawaan dari blogger. itu bisa anda tambahkan melalui Rancangan > Tambah gadget > Arsip Blog > Seting kemudian Simpan.

Semoga tutorial di atas bermanfaat buat anda semua dan salam sukses...

Cara membuat postingan terakhir di blog, langkah memasang postingan terakhir di blogspot, tutorial menambah post terakhir pada blog, post terakhir tutorial, langkah membuat postingan terakhir pada blog.