Cara Membuat Recent Post Horizontal Keren di blog

Cara Membuat Recent Post Horizontal Keren di blog

Jalak Ikal 11 July 0 komentar
Racent post merupakan salah satu feature yang dimana feature tersebut menampilkan postingan terbaru di blog,bahkan kali ini Recent post tidak hanya menampilkan postingan terbaru di blog sja,melainkan dengan kemajuan kretipitas para blogger,recent post ini bisa juga menampilkan postingan di blog yang sesuai dengan categori

Baca Juga : Membuat Recent Post dengan Feature blogger

Bahkan kali ini ada beberapa style recent post yang telah asaya update di artikel sebelum nya,baik itu recent post Vertical,Recent Post tunggal dan kali ini saya akan berbagi recent post dengan gaya Horizontal
Recent Post Horizontal
Recent Post Horizontal ini tampilan nya tidak kalah dengan recent post yang sebelum nya sudah saya share,mulai dari title ataupun background title,namun sayang nya recent post Horizontal ini memerlukan layar penuh blog

Jika anda menerapkan Recent Post Horizontal ini dalam daerah widget sidebar biasa dengan berukuran 300 ataupun 330 recent post ini tidak akan muncul,karena ruang yang kurang cukup alias kecil

Jadi jika anda setelah memasang Recent Post Horizontal ini di bagian sidebar biasa tidak muncul,maka anda harus membuat widget sidebar dengan ukuran Full blog agar tampilan Recent Post Horizontal ini bisa muncul

Jadi saya sarankan ketika anda akan membaut Recent Post Horizontal ini buatlah widget sidebar satu kolom di bawah postingan dengan ukuran Full blog,maka dengan begitu Recent Post ini pasti akan muncul tampilan nya

Dan jika anda tertarik dengan Recent Post Horizontal ini,anda bisa mengikuti langkah-langkah penerapan Recent Post di bawah ini
  • Masuk ke bagian Tataletak/Layout
  • Setelah itu klik Add a Gadget
  • Kemudian silahkan anda pilih JavaScript/Html
  • Kemudian setelah itu silahkan anda letakan kode berikut di kolom yang telah tersedia
<center><script type='text/javascript'>
imgr = new Array();
imgr[0] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[1] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[2] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[3] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[4] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[5] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[6] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[7] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[8] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[9] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
showRandomImg = true;
tablewidth = 900;
cellspacing = 2;
borderColor = "#eeeeee";
bgTD = "transparant";
imgwidth = 110;
imgheight = 100;
fntsize = 12;
acolor = "Black";
ahover = "#444444";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "gray";
icon2 = " ";
numposts = 5;
home_page = "http://infotrens.com/";
</script>
<script src="https://sites.google.com/site/kukuhcdh/home/javascript/recentposts_horizontal_title_below_no.js" type="text/javascript"> </script></center>

silahakan anda ganti http://infotrens.com dengan URL blog sobat,setelah itu silahkan anda lihat hasil nya
Nah itulah cara pembuatan Recent Post Horizontal keren di blog,semoga artikel nya bisa membantu dan juga bisa bermanfaat,selamat mencoba untuk memasang di blog sobat.

Ratings: 
Posted by Jalak Ikal, Published at 11 July and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi