Blog Me Colourful Recent Post Widget Kaise Lagaye

How Can Add
Recent Post
Widget

My blogger friends hamesha dhyaan rakhe ki blog design visitors ko impress karti hai isliye hamare blog ki design aisi honi chahiye jisse visitor par blog ka first impression achha padhe isme hamari help blog par lagne wale colourful recent post widget bhi kar sakte hain.

Jab ham blog par post publish karte hain to visitor ko pasand aane par woh hamari recent post bhi read karna chahte hain iske liye ham apne blog main recent post ke liye attractive thumbnail gadget add kar sakte hain jisse visitor hamari recent post ko easily read kar sake. Yeh gadget post ko summery or image ke saath display karta hai or issey hamare blog ka look bhi change ho jaata hai jo visitor ko attract karta hai. 

recent post

Recent Post
Widget Kaise
Lagaye

Recent post ki thumbnail image banane ke liye in step ko follow kare.

Blogger ke layout option main ‘add a gadget link’ me ‘HTML/JavaScript’ ko add kare. Khali box main is code ko copy karke paste kare

<script style=”text/javascript” src=”http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js”></script>
<script style=”text/javascript”>
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = false;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;
</script>
<script src=”/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs”></script>
<a style=”font-size: 9px; color: #CECECE; float: right; margin: 5px;” href=”http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html” rel=”nofollow”>Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href=’http://fonts.googleapis.com/css?family=Ubuntu+Condensed’ rel=’stylesheet’ type=’text/css’ />
<style type=”text/css”>
img.recent-post-thumb {width:50px;height:50px;float:right;margin: 5px -5px 0px 0px; border-radius: 100%; padding: 3px;background: #fff}
.recent-posts-container {font-family: ‘Ubuntu Condensed’, sans-serif; float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px; }
ul.recent-posts-container li:nth-child(1n+0) {background: #F49A9A; width: 100%}
ul.recent-posts-container li:nth-child(2n+0) {background: #FCD092; width: 95%}
ul.recent-posts-container li:nth-child(3n+0) {background: #FFF59E; width: 90%;}
ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;}
ul.recent-posts-container li:nth-child(5n+0) {background: #B1DAEF; width: 80%;}
ul.recent-posts-container li {padding:5px 10px;min-height:50px; list-style-type: none; margin: 0px 5px -5px 5px; color: #777;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #444; font-weight: bold;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #222;}
.recent-posts-details {padding: 5px 0px 5px; }
</style>

Ab widget ko save kar le or blog ka preview dekhe aapki recent post widget lag chuka hai.

 

Apne blog ko or colourful banane ke liye hamari post padhte rahe. Aapko yeh post kaisi lagi comment jarur kare. Apne blog ko aur design dene ke liye hame subscribe jarur kare or aap hame facebook page par bhi join kar sakte hain.

qureshiinfotech
Hi friends welcome to my blog I am very pleased to help other people
so I start this blog. If you have any query about Blogging, Technology, SEO, Make Money Online Tips, Adsense, Affiliate Marketing, Wordpress
etc. so you contact me any time on fb.com/qureshiinfotech and on twitter.com/qureshiinfotech

Leave a Reply

Your email address will not be published. Required fields are marked *