Cara membuat Recent Post

Posted by : Sandhy09 19 Mar 2013

Salah satu cara untuk mengurangi tingkat bounce rate adalah dengan memasang recent posts. Widget recent post bisa juga disebut artikel terbaru atau posting terbaru berfungsi sebagai petunjuk postingan yang baru di update. Blog sobat pastinya punya pelanggan tetap baik dari twitter facebook maupun feed rss. Tentunya saat mereka kembali setelah lama tidak ke blog kita mereka bisa tau apa saja post-post terbaru blog kita.

cara membuat gadget recent post di blogger

Pada tutorial kali ini saya akan memberikan tutorial cara membuat gadget recent post dengan thumbnail atau yang ada gambarnya, tentunya jika posting sobat ada gambarnya, namun jika artikel tidak memasukkan gambar, maka gambar pun tidak akan muncul.

Yuk kita ikuti caranya berikut ini.

1. Masuk ke akun blogger

2. Dasbor > Tata Letak > Tambahkan Gadget > Pilih HTML Javascript

3. Silakan klik Copy all pada text area di bawah ini, lalu paste di form yang ada. Lalu simpan template.

<br />
<p style="display:none;">Animated Scroll Recent Posts With Thumbnails For Blogger by <a 
href="http://www.super-gaptek.com/">Belajar  Ngeblog</a></p><script 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" 
type="text/javascript"></script><br />
<br />
<style type="text/css" media="screen">    </style><br />
<br />
<script 
language='JavaScript'>   imgr = new Array();  imgr[0] = 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNqK3y5Al0KjqHS11mI3af4PNUlolt8QoC5YR-zkSEZWeK3h5U8m7D9m7pCCojZBrp3kI_i4XhN9N0zENGiaSmmLa3_bqpMNLISjaV4Hf1Cv1q9T9fRmzTN7ECsJL6gnV2YZRl2Ed14c/s400/noimage.png";
  imgr[1] = 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNqK3y5Al0KjqHS11mI3af4PNUlolt8QoC5YR-zkSEZWeK3h5U8m7D9m7pCCojZBrp3kI_i4XhN9N0zENGiaSmmLa3_bqpMNLISjaV4Hf1Cv1q9T9fRmzTN7ECsJL6gnV2YZRl2Ed14c/s400/noimage.png";
  imgr[2] = 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNqK3y5Al0KjqHS11mI3af4PNUlolt8QoC5YR-zkSEZWeK3h5U8m7D9m7pCCojZBrp3kI_i4XhN9N0zENGiaSmmLa3_bqpMNLISjaV4Hf1Cv1q9T9fRmzTN7ECsJL6gnV2YZRl2Ed14c/s400/noimage.png";
  imgr[3] = 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNqK3y5Al0KjqHS11mI3af4PNUlolt8QoC5YR-zkSEZWeK3h5U8m7D9m7pCCojZBrp3kI_i4XhN9N0zENGiaSmmLa3_bqpMNLISjaV4Hf1Cv1q9T9fRmzTN7ECsJL6gnV2YZRl2Ed14c/s400/noimage.png";
  imgr[4] = 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNqK3y5Al0KjqHS11mI3af4PNUlolt8QoC5YR-zkSEZWeK3h5U8m7D9m7pCCojZBrp3kI_i4XhN9N0zENGiaSmmLa3_bqpMNLISjaV4Hf1Cv1q9T9fRmzTN7ECsJL6gnV2YZRl2Ed14c/s400/noimage.png";
  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://blogbelajar2.blogspot.com/";  limitspy=4  intervalspy=4000  
</script><br />
<br />
<div id="spylist"><br />
<script 
src='http://julak-project.googlecode.com/files/recentpost%20.js' 
type='text/javascript'></script><br />
<br />
</div><br />
<br />
<br />
<center><a href="http://sandymufc09.com/" title="Cara Membuat Blog" 
target="_blank"><small>Get  Widget</small></a></center>

Buat sobat yang belum tahu cara menambah gadget silakan buka artikel Cara memasang gadget di blog

Pengaturan :

Untuk mengubah jumlah tampilan recent posts masuk silakan cari kode numposts = 10; silakan ganti angka 10 nya.

Jangan lupa mengganti alamat blog saya http://sandymufc09.blogspot.com/ dengan nama URL blog anda sendiri.

Untuk mengubah ukuran gambar cari kode Silakan ubah angka 70, untuk memperkecil kurangi angkanya.

thumbwidth = 70;

thumbheight = 70;

Widget recent post sobat sudah jadi. Selamat berkarya menghias blog dengan widget recent posts.

Diposkan Oleh : Sandhy09 ~ Life Must Be Creative

Sobat sedang membaca artikel tentang Cara membuat Recent Post. Oleh Sandhy09, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini dibawah postingan yang sobat copas sebagai sumbernya

<a href="http://sandymufc09.blogspot.com/2013/03/cara-membuat-recent-post.html" target="_blank">Cara membuat Recent Post</a>

PERHATIAN:

Komentar Akan di Hapus Jika :
1. Komentar Spam
2. Komentar Sara/Porno
3. Komentar Penghinaan/Fitnah
4. Komentar Bahasa Kasar.

Subscribe to Posts | Subscribe to Comments

Sandy-Cyber

Life Must Be Creative

Cara membuat Recent Post

Diposkan Oleh : Sandhy09 ~ Life Must Be Creative

Leave a Reply

Popular Post

Banner Ganteng

Label

Blog Archive

Comment

Site Info

Followers

About Me