Hello aaj me aap ko recent post blog pe kyu lagate he ye batauga ye kyu jaruri he blog ke liye recent post widget kyu jaruri he blog ke liye is se aap ke jo post he us pe jada view hone ke chance bad jate he is se blog ka acha dikhta he
Agar aap apne blog ko achese or vi acha look dene ke liye meri post ko read karte jaye ap me aap ko bataoga ki blog badiya sa Recent post widget lagakar aap apne blog ki Design ko kese or acha banaye dosto humari blog par popular post ka ek badiyasa widget he par recent post ke liye blog Archive he jo jadatar log pasand nhi karte he blog ko design jabtak aachi nahi ho jati tabtak jab tak jis ka blog he bloger pr use chan nahi milta he to chaliye
Step by steps jante he ki kese blogger par badiya sa widget lagaye jaaye or blog ko new look diya jaye
step by step follow karte jaye jesa me btata hu post ko read kar ke followkare
Step 1
sabse pehle aap aapni blogger account me ko login kare layout ke option par ab layout option pr aap kisibhi tara ki customize kar sekte he jesa ki is image me dekh sakte he
Step 2
uske baad aapke paas layout ka page khul jayega wahapar aap dekh sakte he ki bohot sari ad a widget option he aap apne blog me kha recent post dikhana chahate he waha par jake add a widget ki option par jake click kariye jesa ki aap is image me dekh sakte he
Step 3
add a widget option par click kartehi aapki samne ek pop up window khul jayega wahapar Html/javascript ka option par click kariye jesa aap is image me dekh sakte he
Step 4
fir aap ke samne ap ki computer screen par ek Html code pest karneka page ajayega aab niche aab aap jo
Title ka option he waha aap kuch be likh sakte he aap ko recent post ka widged add karna he is liye recent post likhiye aab mene jo upar code diya he us ko copy kariye fir (pop-window par) jake pest kariye jesa image me dekh sakte he
jo ye code he mene jesi step bataye he wese follow kare Ye he recent post ka code
<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
<script>
var posts_no = 12;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a href="http://hinditricks.in/" style="color: #cecece; float: right; font-size: 9px; margin: 5px;">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"></link>
<style type="text/css">
img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;}
.recent-posts-container {font-family: 'Oswald', sans-serif; float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 0px; font-size: 0px;color: #4D4D4D;background: #F7F7F7;padding: 0px 0px; border: 0px solid #efefef;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover{color: #4DACE3;}
.post-date {color:#e0c0c6; font-size: 16px; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;}
.recent-post-title { margin: 5px 0px; }
.recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;}
.recent-posts-details a{ color: #888;}
a.readmorelink {color: #4DACE3;}
</style>
Yahapar agar aap ko kuchh change karna chahte he to aap kar sakte he
1 post no =12: aap apni recent post ki list mai kitni post dikhana chahate he wo 12 ki jagah kuch or type kar sakte he jese ki maine 12 type kiya he
2 showpoststhumbs = true ; agar aap recent post ke waha image nahi dikhana chaahte he to true ke jagah false likhiye
3 showcommentslink = true ; agar aap recent post ke waha image nahi dikhana chaate he to true ke jagah false likhiye
4 posts date = true ; aap ne konsi date par post daala hai wo agar aap nahi dikhana chahate he to true ki jagah par false likhiye
Step 5
Uske baad save ki button par click kar dijiye save ki button par click karne ke bad aap ki recent post ki list blogger par dikhne lagegi
To friend aap ko ye post kesi lagi comment kar ke jarur bataye or agar aap ko recent post widget blog pe lagane me koi dikat ati he tu aap comment kar ke puch sakte he muje aap ki help karne me khushi hogi or ha aap ne friend ko ye post jarur shear kare ho sakta he une is post ki jarurt ho me or vi blog se releted post karuga ye blog par
Agar aap apne blog ko achese or vi acha look dene ke liye meri post ko read karte jaye ap me aap ko bataoga ki blog badiya sa Recent post widget lagakar aap apne blog ki Design ko kese or acha banaye dosto humari blog par popular post ka ek badiyasa widget he par recent post ke liye blog Archive he jo jadatar log pasand nhi karte he blog ko design jabtak aachi nahi ho jati tabtak jab tak jis ka blog he bloger pr use chan nahi milta he to chaliye
Step by steps jante he ki kese blogger par badiya sa widget lagaye jaaye or blog ko new look diya jaye
step by step follow karte jaye jesa me btata hu post ko read kar ke followkare
Step 1
sabse pehle aap aapni blogger account me ko login kare layout ke option par ab layout option pr aap kisibhi tara ki customize kar sekte he jesa ki is image me dekh sakte he
Step 2
uske baad aapke paas layout ka page khul jayega wahapar aap dekh sakte he ki bohot sari ad a widget option he aap apne blog me kha recent post dikhana chahate he waha par jake add a widget ki option par jake click kariye jesa ki aap is image me dekh sakte he
Step 3
add a widget option par click kartehi aapki samne ek pop up window khul jayega wahapar Html/javascript ka option par click kariye jesa aap is image me dekh sakte he
Step 4
fir aap ke samne ap ki computer screen par ek Html code pest karneka page ajayega aab niche aab aap jo
Title ka option he waha aap kuch be likh sakte he aap ko recent post ka widged add karna he is liye recent post likhiye aab mene jo upar code diya he us ko copy kariye fir (pop-window par) jake pest kariye jesa image me dekh sakte he
jo ye code he mene jesi step bataye he wese follow kare Ye he recent post ka code
<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
<script>
var posts_no = 12;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a href="http://hinditricks.in/" style="color: #cecece; float: right; font-size: 9px; margin: 5px;">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"></link>
<style type="text/css">
img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;}
.recent-posts-container {font-family: 'Oswald', sans-serif; float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 0px; font-size: 0px;color: #4D4D4D;background: #F7F7F7;padding: 0px 0px; border: 0px solid #efefef;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover{color: #4DACE3;}
.post-date {color:#e0c0c6; font-size: 16px; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;}
.recent-post-title { margin: 5px 0px; }
.recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;}
.recent-posts-details a{ color: #888;}
a.readmorelink {color: #4DACE3;}
</style>
Yahapar agar aap ko kuchh change karna chahte he to aap kar sakte he
1 post no =12: aap apni recent post ki list mai kitni post dikhana chahate he wo 12 ki jagah kuch or type kar sakte he jese ki maine 12 type kiya he
2 showpoststhumbs = true ; agar aap recent post ke waha image nahi dikhana chaahte he to true ke jagah false likhiye
3 showcommentslink = true ; agar aap recent post ke waha image nahi dikhana chaate he to true ke jagah false likhiye
4 posts date = true ; aap ne konsi date par post daala hai wo agar aap nahi dikhana chahate he to true ki jagah par false likhiye
Step 5
Uske baad save ki button par click kar dijiye save ki button par click karne ke bad aap ki recent post ki list blogger par dikhne lagegi
To friend aap ko ye post kesi lagi comment kar ke jarur bataye or agar aap ko recent post widget blog pe lagane me koi dikat ati he tu aap comment kar ke puch sakte he muje aap ki help karne me khushi hogi or ha aap ne friend ko ye post jarur shear kare ho sakta he une is post ki jarurt ho me or vi blog se releted post karuga ye blog par
2 comments
Bhai maere blog me recent post widget all ready lava hua h to mai recent post Kaise lagau kya karna hoga
Ek bar post sahi se read kar ke try karo agar fir bhi dikat aye to batana
EmoticonEmoticon