Info Tentang Recent Posts Widget with Thumbnails for Blogger/Blogspot Update Terbaru 2017 Gratis

Sedikit Info Seputar Recent Posts Widget with Thumbnails for Blogger/Blogspot Terbaru 2017 - Hay gaes kali ini team Android MOD Newbie, kali ini akan membahas artikel dengan judul Recent Posts Widget with Thumbnails for Blogger/Blogspot , kami selaku Team Android MOD Newbie telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Android MOD Newbie. semoga isi postingan tentang Artikel Blogger, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Recent Posts Widget with Thumbnails for Blogger/Blogspot Full Update Terbaru
link: Recent Posts Widget with Thumbnails for Blogger/Blogspot

Artikel Terbaru Recent Posts Widget with Thumbnails for Blogger/Blogspot Update Terlengkap 2017

A few days ago, I posted a tutorial on How to Add a Simple Recent Posts Widget that shows a list with the most recent posts if you would prefer a more minimalist look. In this post, you will see a different way of displaying the Recent Posts on Blogger - this is specially for those who want to show more info like the recent posts excerpt / summary and the posts thumbnails.

To add this gadget is very simple, just follow these steps below:

How to Add the Recent Posts Widget to Blogger

Step 1. From your Blogger Dashboard, go to Layout > click on Add a Gadget link

Step 2. From the pop-up window, scroll down and choose HTML/JavaScript

Step 3. Inside the empty box, add the following code:

<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"YOUR BLOG.blogspot.com/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://droidbuzzz.blogspot.com/2014/07/recent-posts-widget-with-thumbnails-for.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://droidbuzzz.blogspot.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8774oqF0HkLqOsr8QMjeOjt1z0gn-7wYP2lxGtirr-JvItU28v-X9tTfWSLe7Nk-QpeFsRnccylJYsoB37tCdz41Ln3daHgYyUaMYQZfAqbNixmGLsFCFBGsRQUJotSh_ZP2YmrpuvVg/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

Step 4. Replace YOUR-BLOG with the url of your site/blog (ex: http://droidbuzzz.blogspot.com) and pay attention to have no forward slash symbol "/" at the end of your url, otherwise it won't function properly.

• To disable the scroll bar, remove the number 500
• By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts desired
• if you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10

Step 5. Save your widget. And you're done!

  

Itulah sedikit Artikel Recent Posts Widget with Thumbnails for Blogger/Blogspot terbaru dari kami

Semoga artikel Recent Posts Widget with Thumbnails for Blogger/Blogspot yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Android MOD Newbie. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Artikel Tentang Recent Posts Widget with Thumbnails for Blogger/Blogspot