tanpa gambar atau beberapa postingan terbaru di sidebar mudah langsung jadi. banyak sekali teknik untuk meningkatkan page view blog untuk menunjang serp di setiap posingan kita terutama sebagai contoh membuat daftar isi blog tapi pada kesempatan kali ini akan saya share cara membuat recent post widget tanpa thumbnail atau tanpa gambar.
Kelebihan widget recent post ini adalah tampilannya yang simpel dan tentunya tanpa thumbnail yang tentunya akan mempercepat loading blog anad dari pada recent post dengan gambar langsung saja kita lihat tahap demi tahap cara membuat Membuat widget recent post di blog tanpa gambar.
Catatan :
Kelebihan widget recent post ini adalah tampilannya yang simpel dan tentunya tanpa thumbnail yang tentunya akan mempercepat loading blog anad dari pada recent post dengan gambar langsung saja kita lihat tahap demi tahap cara membuat Membuat widget recent post di blog tanpa gambar.
Membuat widget recent post
- Masuk akun blogger.com >> page element (layout) >> Tambah element.
- Pilih HTML lalu masukkan kode di bawah ini.
<div id="tb">3. Simpan widget HTML tadi >> lalu tinggal atur letaknya sesuai keinginan kita biasanya di sidebar.
<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://BLOG-ANDA.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="display:none;">Recent Post no Thumbnail by <a href="http://www.firmanardyansyah.blogspot.com/">BlogArdy</a></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1XYpio0Ms5hnk5P_A-t45oQNSbbsb9s6tdPyp1UIrUSd_GaSwQ4sj9Uv7i0GIBW7ecI9cL1JOAol_pLh_ro_6Pc8tJRb0lWJAEWEIcfl4FZ-AYWfP2XyvcX5DtUW_1oo0guf4Boud93Zj/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#tb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
Catatan :
- Ganti http://BLOG-ANDA.blogspot.com dengan URL blog sobat.
- var numposts = 10 adalah jumlah postingan yang ditampilkan, silahkan ganti sesuai dengan keinginan sobat membuat.info

0 comments:
Post a Comment